WordPressブログにTwitterのタイムラインと投稿を埋め込み表示させる簡単な方法

80e4e747216f49bf8ac4e018d80d4ade - WordPressブログにTwitterのタイムラインと投稿を埋め込み表示させる簡単な方法

こんにちは、毎日休み.com運営部です。

最近だとスマホで情報収集をする際に、google検索に出てきたブログやサイトを見るのと同じくらい、Twitterを使って情報収集を行うことが世の中で一般化しつつあります。

それくらいTwitterはメジャーな情報収集のツールとなっています。

そしてもしあなたがTwitterを使っているのであれば、ブログとTwitterをうまく連携させて活用していくことができれば、より多くの集客が可能になるかもしれません。

今回はあなたのブログでTwitterをうまく生かすために役立つ「WordPressでTwitterを埋め込み表示させる方法」について紹介します。

WordPressブログでTwitterの埋め込む2つの方法

今回紹介するTwitterの埋め込みに関する2つのパターンは以下のものです。

①Twitterのタイムラインを埋め込む(詳細設定:縦400×横320)

②Twitterのツイートを埋め込む

それでは、1つずつ説明していきましょう。

ブログにTwitterのタイムラインの埋め込み方法

これからTwitterのタイムラインの埋め込み方について紹介します。

まず、ウェブ上でTwitterを開いて、タイムラインを載せたいアカウントのトップページをいきます。

そして、「https://twitter.com/~」で始まるURLをコピーします。

そしたら下記のURLから「Twitter Publish」のページを開いてください。

>>Twitter Publishはこちらから!

そして、「Enter a Twitter URL」の部分に先ほどのURLを貼り付けて、「→」をクリックします。

e454bb5ffedfbc6ba76c41873055cba7 - WordPressブログにTwitterのタイムラインと投稿を埋め込み表示させる簡単な方法

次の画面では「Embedded Timeline」を選択します。

Twitter4 - WordPressブログにTwitterのタイムラインと投稿を埋め込み表示させる簡単な方法

そうすると下のような画面が表示されるので、「Copy Code」をクリックするとコードがコピーされます

Twitter5 - WordPressブログにTwitterのタイムラインと投稿を埋め込み表示させる簡単な方法

なお「set customization options」をクリックすると、以下のような画面が表示され、タイムライン表示に関する詳細設定をすることができます

Twitter6 - WordPressブログにTwitterのタイムラインと投稿を埋め込み表示させる簡単な方法

そして、詳細設定で設定できることは以下の通りとなっています。

詳細設定の内容
  • 「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?」:タイムラインが表示される言語を選択することができます。

詳細設定で縦幅と横幅を決めないとかなり長く見にくいタイムラインが表示されてしまうので、「縦幅400×横幅320」くらいの設定がおすすめです。

コードをコピーしたら、自分の貼り付けたいページやウィジェットのテキストエディタにコードを貼り付けて保存します

なおウィジェットにTwitterのタイムラインを表示させたいときは、「テキスト」のウィジェットを選択し、そこにコードを貼り付けましょう。

Twitter7 - WordPressブログにTwitterのタイムラインと投稿を埋め込み表示させる簡単な方法

これでTwitterのタイムラインの埋め込み方は終わりです。

ブログに特定のツイートの埋め込む方法

それでは、続いてツイートの埋め込み方について紹介していきます。

まずブラウザでTwitterを開いて、埋め込みたいツイートを見つけましょう。

次に、埋め込みたいツイートの右上にある「V」をクリックして、「ツイートをサイトに埋め込む」を選択します

de3ddea92646a921f916a0ae7cb8814a 1 - WordPressブログにTwitterのタイムラインと投稿を埋め込み表示させる簡単な方法

するとコードが表示されるので、これをコピーして自分の貼り付けたいページやウィジェットのテキストに貼り付けるだけです。

c451d92a284661cafe10120052ac416a - WordPressブログにTwitterのタイムラインと投稿を埋め込み表示させる簡単な方法

まとめ

今回ご紹介したようにTwitterのタイムラインや投稿の埋め込みは驚くほど簡単にできます。

Twitterとブログを連携させながら、より効率的にアクセスを集めていきましょう。

最後にこの記事のまとめとなります。

Twitterのタイムラインを埋め込み表示する方法
  1. 自分のTwitterのトップ画面を開く
  2. 右上のアイコン→「設定とプライバシー」をクリック
  3. 「ユーザー情報」のページのユーザー名の下にあるURLをコピー
  4. 「Twitter Publish」のページを開く
  5. 先ほどのURLを入れる→「Embedded Timeline」→「Copy Code」でコードをコピー
  6. 自分の貼り付けたいページやウィジェットのテキストにコードを貼り付ける
ツイートを埋め込み表示する方法
  1. トップ画面から自分の埋め込みたいツイートを探す
  2. 右上の「V」→「ツイートをサイトに埋め込む」→コードをコピー

最後までお読みいただきありがとうございました。

関連記事はこちら!

▼月10万円稼ぐまでに僕がやってみたことをまとめてみた。

desk 3139127 1280 486x290 - WordPressブログにTwitterのタイムラインと投稿を埋め込み表示させる簡単な方法

副業でブログ運営はおすすめ?月10万円稼ぐまでに僕がやったことをまとめてみた。

2019年11月12日

▼これからブログを始める方へ!有料ブログと無料ブログの違いとは?

notebooks 569121 1280 486x290 - WordPressブログにTwitterのタイムラインと投稿を埋め込み表示させる簡単な方法

有料ブログと無料ブログの違いとは?おすすめはどっち?

2019年11月15日

▼ブログ運営の肝となるコンセプト・ペルソナ設定について!

table 4566563 1280 486x290 - WordPressブログにTwitterのタイムラインと投稿を埋め込み表示させる簡単な方法

ブログ運営は記事内容(コンセプト)とペルソナ設定で全てが決まる!注意点やNG失敗例も紹介!

2019年12月3日

▼【必見】アフィリエイトで今から稼ぐ方法をまとめてみた!

apple 1842297 1280 486x290 - WordPressブログにTwitterのタイムラインと投稿を埋め込み表示させる簡単な方法

アフィリエイトはもう遅い?ブログの寿命と今から稼ぐための方法まとめてみた。

2019年11月14日

▼SEOに強くてクリックもされやすい!記事タイトルをつける8つのコツとは?

4092f6568cb2870541a1973f75b564db 486x290 - WordPressブログにTwitterのタイムラインと投稿を埋め込み表示させる簡単な方法

ブログの記事タイトルの付け方!SEOに強くクリックもされる8つのコツとは?

2020年6月3日

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です