WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです
How to easily embed Twitter tweets on your homepage or blog

ホームページやブログへTwitterのツイートを簡単に埋め込む方法

公開日:2016年7月8日 使い方など

WordPressで投稿や固定ページを作っていて、「Twitterの関連ツイートを表示できないかな」と思ったことありませんか?プラグインないかなぁと思っていろいろと漁ってしまった方、完全にWordPress病です。

かくいう私もその一味です。いろいろとプラグイン試してみましたが、Twitterのツイートを取得するにはapiキーを使わなければならないため、プラグインを試すにもapiの許可登録が増える一方・・・そうしたら・・・、なんとプラグインなんか使わなくても簡単に埋め込む方法があったんです。

これは別にWordPressに限ったことではありませんので、記事の中でjavaスクリプトが動くブログやサイトでも同様に表示可能です。

自分のツイートを表示する方法は

ブログやWordPressで作成したサイトなどへプラグインや特別な機能を使用せず簡単にTwitterのツイートやタイムライン他を表示する方法

で紹介していますが、今回は自分だけでなく他のユーザーや関連する検索語句でのツイートを表示する方法を紹介します。

Twitterのツイートを簡単に投稿や固定ページへ埋め込む方法

使うのはいつも使っているツイッターの画面です。

  1. Twitterの検索画面で適当な文字でツイート検索します。例は「WordPress」です
  1. 検索結果が出たら、「検索オプション」から「この検索をサイトに埋め込む」をクリックします
  1. 出てきたプレビューを確認しながら左のオプションを変えて好みの表示にし、左下の「ウィジェットを作成」をクリックします
  1. 出てきた画面の下にコードが表示されるのでそれを投稿や固定ページへコピペすれば完了です

このままだと左寄せになってしまうので、

<div align="center">この間にコード挿入</div>

で中央寄せすれば見栄えがよくなります。

ただ1点気を付けるべきは、あまり多用するとTwitter.comとのやりとりが頻繁に発生してしまうのでページの表示速度が遅くなってしまうことです。使用する際にはページ速度にも気を付けて設置するようにしましょう。

WordPressでまずはプラグイン・・・と思っていた方、一度試してみてください。

おまけ

見ている投稿に対してTwitterでツイートがあった場合にコメント欄へ表示するプラグインもあります。

投稿に対するツイートをコメントと共に一覧へ表示するプラグイン「Twitter Mentions as Comments」

WordPressのカスタマイズ・不具合対応などご相談ください

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。