ワードプレスのサイドバーに自分のTwitterのタイムラインを埋め込む方法

ワードプレスのサイトバーに自分のTwitterのタイムラインを埋め込む方法を解説します

下の画像のサイドバー(赤枠)にTwitterのタイムラインが埋め込まれていますが、このように自分のTwitterのタイムラインをサイドバーに埋め込むことができます。

目次

PCでTwitterを開く

まず、パソコンでTwitterのトップ画面を開いてください。

https://twitter.com/

ログインしましたら、ホーム画面のURLをコピーしてください。

例)https://twitter.com/ユーザーネーム(@の後)

Twitter Publishを開く

続きまして、以下のページを開いてください。

Twitter Publish

Enter a Twitter URLと記載してあるところに、先ほどコピーしたURLを入力してください。

左のEmbedded Timelineを選択してください。

下のようなコードがでてきます。set customization optionsをクリックしてください。

以下のような画面が表示され、詳細設定をすることができます。

  • What size would you like your timeline to be?…タイムラインの縦幅と横幅をそれぞれピクセルで設定できます。
  • How would you like this to look?…タイムラインの色を設定できます。
  • What language would you like to display this in?…表示される言語を選択できます。

今回は、高さ950、横380に設定し、Updateをクリックします。

先ほどの、黄色ラインを引いたコードをコピーします。

ウィジェットに貼り付ける

ワードプレスのサイドバーに埋め込みたいと思います。

管理画面の外観ウィジェットをクリックしてください。

カスタムHTMLをサイドバーにドラック&ドロップしてください。

ここに先ほどのコードを貼り付けて、保存をクリックしてください。

これでツイッターをサイドバーに埋め込むことができました。

実際に確認してみる

実際に確認してみてください。

以上、サイドバーに自身のツイッターのタイムラインを埋め込む方法でした。