WordPress: Twitter をブログに表示させるプラグイン “Twitter Widget Pro”

こんにちは。ccieojisan です。

たいした事はツイートしていませんが、Twitter のツイートをブログにも表示させるようにしていますが、Twitter Widget Pro というプラグインを使っています。今回はこのプラグインの紹介とインストールの方法を書きたいと思います。

twitter1

まずは WordPress の管理画面から、プラグイン->新規追加を選択。

twitter2

プラグインの検索ボックスに “Twitter Widget Pro” と入力し、プラグインを検索。

twitter3

使用している WordPress のバージョンではテストされていないと表示されますが、一応動くので “いますぐインストール”をクリックし、そのままインストールします。

twitter4

“プラグインを有効化”をクリックし、有効化します。

twitter5

すると、上記2つを実行する必要がある旨のメッセージが表示されます。まずは “set up your Twitter app keys” をクリックします。

twitter7

Twitter Widget Pro の設定画面に飛ぶので、General Settings の “1.Add a new Twitter application” をクリックします。

twitter6

すると、Twitter のページに飛び上記画面になります。(お手持ちの Twitter アカウントでログインしている状態かと思います。)

Name / Description / Website (Name/Descriptionは適当で構いません。WebsiteはブログのURLを入力します。http://かも記入してください)を入力し、 Developer Agreement の “Yes, I agree” をチェックし、”Create your Twitter application” をクリック。

※上記で記載が漏れましたが、Callback URL にも Website と同じブログページの URL を入力してください。

twitter8

上記画面が表示されるので、Consumer Key のところの “manage keys and access tokens” をクリック。

twitter9

すると上記画面が表示されるので、Consumer Key 及び Consumer Secret をコピーし、下記 WordPress の Twitter Widget Pro の設定画面に貼り付けます。

twitter10

上記 Customer Key と Consumer Secret を貼り付けたら、設定画面下の “Update Options” をクリックします。

twitter11

すると Twitter Widget Pro 設定画面の警告が一つになりますので、今度は設定画面内の “Authorize New Account” をクリックします。

twitter12

上記 “連携アプリを認証” をクリック。

twitter13

す ると Authenticated Twitter Accounts にツイッターの ID が表示されます。設定画面内の Twitter username のところのプルダウンメニューから該当 Twitter ID を選択し、設定画面下の “Update Options” をクリックして設定を保存します。

次はブログ上に表示させるように、ウィジェットを配置します。

twitter14

WordPress の設定画面から 外観->ウィジェットを選択します。

twitter15

利用できるウィジェットにある Twitter Widget Pro をドラッグアンドドロップで右側のサイドバーウィジェットの配置したい場所へ置きます。

twitter17

ブログを確認すると、配置した場所に Twitter のツイートが表示されるようになります。以上で WordPress で Twitter を表示する手順になります。プラグインの設定で色々表示の仕方を変えたりもできるので色々試してみてください。

スポンサーリンク