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

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

公開日:2016(平成28)年7月8日/最終更新日:

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



【景品表示法に基づく表記】ページ内のコンテンツには、商品プロモーションが含まれています

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

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

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

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

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

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

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

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

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

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

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

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

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

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

おまけ

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

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

著:清水 由規, 著:清水 久美子, 著:鈴木 力哉, 著:西岡 由美, 読み手:星野 邦敏, 読み手:吉田 裕介
¥2,889 (2024/02/08 17:07時点 | Amazon調べ)