読者です 読者をやめる 読者になる 読者になる

人生やまあり

大学卒業後IT会社に就職してITをやってます。

はてなブログにツイッター(twitter)のつぶやきを埋め込む方法


<スポンサードリンク>

たまにブログの記事の中で

f:id:lance104:20140706230923j:plain

のようにツイッターのつぶやき情報が埋め込まれていることがあります。
はてなブログの場合、簡単にこのようなtwitterのつぶやきを埋め込むことができます。

今回はその方法をご紹介します。

ツイッターのURLを取得する

まずはツイッターの実際のつぶやきのページにいきます。
f:id:lance104:20140706230925j:plain
表示したいつぶやきのURLをコピーしてください。

まずは編集モードを確認

はてなブログの編集モードによって少しだけ方法が変わってくるので、先に編集モードを確認します。
f:id:lance104:20140706230916j:plain

  • 見たままモード
  • はてな記法モード
  • Markdownモード

のどれかが選択されているはずです。

見たままモードの場合

f:id:lance104:20140706230917j:plain
見たままモードの場合は「HTML編集」タブをクリックして、下記の通り入力します。

[<コピーしたURL>:embed]

はてな記法モードかMarkdownモードの場合

f:id:lance104:20140706230917j:plain
「編集」タブで下記の通り入力します。

[<コピーしたURL>:embed]

記入例

実際に例えば下記の通り

[https://twitter.com/kirik/status/485392952660066304:embed]

と入力すると


この通りキレイにツイッターのつぶやきが表示されます。

動画や画像を含むツイッターのつぶやきも表示される

ツイッターのつぶやきの中には画像や動画が含まれている場合もあります。
その場合でも自動的に表示してくれます。

例えば

[https://twitter.com/kirik/status/485494720014319616:embed]

と入力すると

Youtube動画が埋め込まれた形で表示されましたね!!素晴らしい!!

(僕の大好きなやまもといちろうさんのつぶやきを勝手に利用させていただきました。失礼しました。)