Twitterのタイムラインを埋め込んでみる

FacebookページをWordPressのウェブサイトに表示する方法をあれこれやってきましたが、今度はTwitterのタイムラインをサイト内に表示してみましょう。タイムラインを表示するだけなら以下の方法で取得したコードを貼りつけるだけでOKです。

まずこちらのサイトにアクセスします。

画面下のほうに、埋め込みオプションが3種類表示されていますが、その中から中央にある「Embedded Timeline」を選びます。「Past a URL」のところに、表示したいTwitterアカウントのURLを入力します。今回は例として、私が所属している合唱団FlareのURLをいれてみることにします(https://twitter.com/Flare_mixed)。

[Preview]ボタンを押すと表示内容がプレビューできますから、確認したら[Copy Code]ボタンを押して表示用コードを取得します。

<a class="twitter-timeline" href="https://twitter.com/Flare_mixed?ref_src=twsrc%5Etfw">Tweets by Flare_mixed</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

そのコードをWordPressの投稿記事に貼り付ければ、以下のようにタイムラインが表示できます。コードを貼り付ける時は「ビジュアルモード」ではなく「テキストモード」にしてくださいね。「set customization options」のリンクをクリックして、表示の幅や高さ等を設定することも可能です。