【超簡単】はてなブログの記事中にツイッターのツイートを埋め込む方法

f:id:ananachan:20190919205009p:plain

 

お疲れ様です、あなっちゃんです。

 

今回は、はてなブログの記事中にツイッターのツイートを埋め込む方法について書いていこうと思います。

 

やり方さえわかればとても簡単にできるので、この機会にぜひ覚えてみてください。

 

 

 

【超簡単】はてなブログの記事中にツイッターのツイートを埋め込む方法

 

f:id:ananachan:20190903145219j:plain

目標確認

 

記事にツイートを埋め込むとこんな感じになります。

 

 

記事にツイートを埋め込む方法を知れば、良いなぁと思ったツイートをブログで簡単に紹介できるようになりますよ。

 

それでは早速、手順を紹介していきますね。

 

 

 

ツイートを埋め込む手順

 

まずはツイッターにログインして、記事に埋め込みたいツイートを用意しましょう。

Twitter

 

f:id:ananachan:20190919210322p:plain

 

 

次にツイートの右上にある「ペケマークのようなもの」をクリックします。

 

f:id:ananachan:20190919211711p:plain

 

 

次に1番上にある「ツイートを埋め込む」をクリックします。

 

f:id:ananachan:20190919212110p:plain

 

するとこんな画面に飛びます。

 

f:id:ananachan:20190919212354p:plain

青色のボタン「Copy Code」をクリックしましょう。

 

すると「埋め込む準備ができましたよ」というメッセージが表示されます。

埋め込みたいツイートのHTMLコードが無事にコピーされましたよ〜といった内容です。

 

f:id:ananachan:20190919212702p:plain

 

これでツイートを埋め込む準備ができました。

そのままツイートを埋め込みたいブログ記事の編集画面へ移動しましょう。

 

そして「HTML編集」をクリックします。

 

f:id:ananachan:20190919213019p:plain

 

そしてツイートを埋め込みたい部分に、さっきコピーしたHTMLコードを貼ります。

既にコードはコピーされている状態なので、私たちがやることは貼り付ける(ペーストする)だけです。

 

f:id:ananachan:20190919213805p:plain

 

「右クリック → 貼り付ける(ペースト)」でコピーしたコードを貼ることができます。

 

やることはこれだけ。

上手くツイートが埋め込めていたら成功です! 

 

 

上手くツイートを埋め込むことができましたか?

 

読者さんの中には「ツイートを記事に埋め込むだなんて難しそう」と思っていた人もいるかも知れませんが、やり方さえわかればとても簡単にできるのだということが今回の記事でわかったのではないかと思います。

 

ぜひ自分の記事に紹介したいツイートを埋め込んでみてくださいね!