ブログにXのタイムラインを表示する方法

こんにちは、ゆんつです。

ネットを見ていると、自身のXでのポストのタイムラインをサイドバーなどに表示しているブログを見かけることがあります。

そのように、ブログにXのタイムラインを表示したい場合。

表示したい場所にXのタイムラインのコードをコピペすることで表示することが可能となります。

Xのタイムラインの埋め込みはとっても簡単！

今日は

について書きたいと思います。

Xのタイムラインの埋め込み方法

まずタイムラインを表示したいツイッターのURLをコピーしておきます。

以下のサイトを開きます

Twitter Publish

publish.twitter.com

タイムラインを表示したいツイッターのアドレスをペーストして、「→」をクリックするかEnterキーを押下

「Here are your display options」という画面になるので「Embedded Timeline」を選択。

すると、その下に「set customization options」という青文字が現れるのでクリック。

埋め込んだXの表示サイズや、背景色、言語などの設定フォームが現れます。

各項目の意味合いは以下の通り。

HeightとWidthを設定しない場合は成行（埋め込み先の大きさに合わされる）となるので、表示する大きさを限定したい場合は設定したほうがいいかもしれません。

各項目の設定が終わったら「Update」ボタンをクリック。

タイムラインを表示するためのタグが表示されるので「Copy Code」をクリック

コードがコピーされました。

あとは、コピーしたコードをタイムラインを表示させたい場所（サイドバーウィジェットなど）に貼り付ければいいだけです！

試しに、ここに僕のツイッターのタイムラインを貼り付けてみると、以下のような感じになります。

ゆんつ

Heightを450px、背景色をDarkにして、カスタムHTMLで埋め込んでいます

まとめ

というわけで、Xのタイムラインをブログに埋め込む方法について説明しました。

手順をまとめると

という感じになります。

もしコードをコピーしてもタイムラインが表示されない場合は、Ghoestryなどのアドオンでツイッターをブロックしていないかどうかを確認すると解決するかもしれません。

何かの参考になれば幸いです。

それでは、またー。