Twitter公式プラグインでWordPressと連携させる方法

WordPressで記事を更新した際、Twitterと連携させてアイキャッチや記事の概要を合わせて表示させることが出来ます。

ただ記事の更新情報をTwitterでつぶやくよりもより多くの情報を伝えられる上に見た目もグッと良くなります。

他のアカウントで連携させているのをよく目にしていて私も導入したかったのですが、調べてみると何やら複雑な手続きが必要なようで尻込みしていました。

しかし2015年2月26日にTwitter公式プラグインがリリースされたことで状況は変わったようです。

私でも簡単に導入できましたので、その方法を1からご紹介します。

公式プラグインを導入しよう

まずはTwitter公式プラグインをインストールしましょう。

「Twitter」で検索すれば1番目に出てきます。

いますぐインストールして有効化します。

なおPHPのバージョンが 5.4.x以上でないと有効化できないので注意が必要です。

無事にインストールして有効化したら次はプラグインの設定を行います。

とは言っても連携するだけなら1か所入力するだけです。

中段のサイトアトリビューションのTwitterのユーザー名に連携させたいTwitterのアカウント名を入力します。

＠は入力しません。

上段のテーマは記事内にツイートを表示する際の色や明るさ、下のツイートボタンは記事内に設置するツイートボタンの設定に関する項目です。

特に下のツイートボタンはほとんどの方がソーシャルボタンで一括で管理しているはずなのであまり出番はないのではないでしょうか？

Twitterのアカウント名を入力したら設定は完了です。

正常に機能するか確認する

そもそも今まではサイト側に認識するためのメタタグを導入し、Twitter Cardsというものを設定する必要がありました。

このTwitter Cardがアイキャッチや記事の概要を表示してくれるものとなります。

Twitter Cardsの設定を行うのにサイトの申請をするなど手続きが必要だったようですが、Twitter公式プラグインでは特に手続きもいらずメタタグを導入する必要もないので非常に簡単です。

プラグインをインストールしてTwitterのアカウント名を入力しただけですが、これで設定は完了しています。

Twitter Card Validatorというサイトで正常にTwitter Cardが機能するかテストしましょう。

Twitter Card Validator

サイトにアクセスしTwitterにログインすると次のようなページになります。

サイトURLを入力して青い「Preview card」ボタンを押すと設定が正しいかチェックしてくれます。

「Preview card」ボタンの下に緑色で「*.cataratie.com is whitelisted for summary card」と表示されていますが、これが表示されれば正常にTwitter Cardが機能しているということです。

チェック中、右下の「Log」に何やら表示されて不安になりますが次のような意味です。

INFO: Page fetched successfully
ページを正常に読み込みました
INFO: 12 metatags were found
12のメタタグを確認しました
INFO: twitter:card = summary tag found
TwitterCard＝概要のタグを見つけました
INFO: Card loaded successfully
カードが正常にロードされました

項目ごとにチェックして正常に読み込んだという意味なので安心してください。