はてなブログにツイッター(twitter)のつぶやきを埋め込む方法
<スポンサードリンク>
たまにブログの記事の中で
のようにツイッターのつぶやき情報が埋め込まれていることがあります。
はてなブログの場合、簡単にこのようなtwitterのつぶやきを埋め込むことができます。
今回はその方法をご紹介します。
ツイッターのURLを取得する
まずはツイッターの実際のつぶやきのページにいきます。
表示したいつぶやきのURLをコピーしてください。
まずは編集モードを確認
はてなブログの編集モードによって少しだけ方法が変わってくるので、先に編集モードを確認します。
- 見たままモード
- はてな記法モード
- Markdownモード
のどれかが選択されているはずです。
見たままモードの場合
見たままモードの場合は「HTML編集」タブをクリックして、下記の通り入力します。
[<コピーしたURL>:embed]
はてな記法モードかMarkdownモードの場合
「編集」タブで下記の通り入力します。
[<コピーしたURL>:embed]
記入例
実際に例えば下記の通り
[https://twitter.com/kirik/status/485392952660066304:embed]
と入力すると
朝日新聞は女子組とか炎上ネタにも一工夫あって凄い腕を上げたな。
— やまもといちろう (@kirik) July 5, 2014
この通りキレイにツイッターのつぶやきが表示されます。
動画や画像を含むツイッターのつぶやきも表示される
ツイッターのつぶやきの中には画像や動画が含まれている場合もあります。
その場合でも自動的に表示してくれます。
例えば
[https://twitter.com/kirik/status/485494720014319616:embed]
と入力すると
渡辺美里が思った以上にいまでも渡辺美里だった。
https://t.co/66uTkQjalJ
— やまもといちろう (@kirik) July 5, 2014
Youtube動画が埋め込まれた形で表示されましたね!!素晴らしい!!
(僕の大好きなやまもといちろうさんのつぶやきを勝手に利用させていただきました。失礼しました。)