はてなブログにツイートやインスタグラムを貼りつける方法
最近は、プログにツイッターやインスタグラムなどを乗せていますね。
私は、やり方がわからなかったのでcocoonのフォーラムで聞いてみました。
そのメモ記事です。
アドレスを貼りつけるだけではだめ
私の使用しているWORDPRESSの無料テーマcocoonの場合には、YouTubeはアドレスだけ入力すると高速化して表示してくれます。
なので、ツイッターやインスタグラムもアドレスを貼りつけるだけかと思っていました。
それでアドレスをそのまま貼り付けるとブログカードになってしまう。
ローカルなテストサイトでは、ちゃんと表示されていたので私のやり方が違うのだと思ってました。
ツイッターを埋め込む方法
埋め込みたいツイッターを選択します。
- ∨ をクリック
- ツイートをサイトに埋め込む を選択
コードをコピーします。 ctrl + c
動画や画像などを含めて表示させる場合にはメディアルを含めるにもチェックをつける。
はてなブログでHTML編集にして貼り付ける。 ctrl + v
Good morning from stage one of the #DeutschlandTour 👋
— Team Sky (@TeamSky) 2018年8月23日
Six @Pinarello_com DOGMA F10s ready to race in Koblenz 🇩🇪 pic.twitter.com/RqLKRubeEG
インスタグラムを埋め込む
ブログに貼り付けたいインスタグラムを選択します。
- ・・・ をクリック
- 埋め込み を選択
- 埋め込みコードをコピー をクリック
- 埋め込みコードがコピーされました に変わる
はてなブログでHTML編集にして貼り付ける。 ctrl + v
フォーラムでの質問内容
実際のフォーラムでの質問内容と回答は以下です。
ツイッターの埋め込み方法の詳細
インスタグラムの埋め込み方法の詳細
まとめ
ツイッターもインスタグラムも、普通に埋め込み機能を使うとブログに貼り付けることが出来ます。
わりと簡単に出来るので、説明とかの場合にも便利ですよね。