「Simple Tweet」 Twitterに記事更新を通知するWordPressのプラグインを導入

久々にWordPressの記事です。
サイトに「Simple Tweet」というプラグインを導入してみました。

この「Simple Tweet」は、WordPressで作成したサイトの新着エントリーをTwitterへ通知するプラグイン。

機能自体は特に珍しくも何ともないですが、「Simple Tweet」ではTwitter にポストする他、
記事更新時の Twitterにつぶやく言葉の編集や、ブログ記事本文の末尾に「Tweet This」リンクの設置も行なえるなど、かなり細かくカスタマイズする事が出来ます。

またVer.1.3.0以降のプラグインでは OAuth にも対応。
OAuthは設定が面倒臭いですが、セキュリティ面でのリスクを軽減できるメリットの大きいプロトコルです。
（というか、現在TwitterはOAuth未対応のクライアントのログインが不能となっています）

・・という細かい話は後においておき、
以下、Simple Tweet 設定の過程の解説を画像と共に掲載してみました。

※ちなみに自分、Twitterのアカウントは前から持っていたのですが、
ツイートするのはこのSimple Tweetを利用してが初めてだったりします。

まず、WordPressのプラグインディレクトリより、必要なファイルをダウンロードします。

→　Simple Tweet

ダウンロードしたZipファイルを解凍すると、「Simple-Tweet」というフォルダが現れます。

中身はこんな感じ。
ですが中身は弄らず・・

フォルダ（Simple-Tweet）ごと、自サイト（このブログ）を設置しているサーバーの
「wp-content/plugins」ディレクトリにアップロードします。

アップロードが完了したら、サイトのプラグイン管理画面へ移動。

プラグイン管理画面に、先程アップロードした「Simple Tweet」が表示されています。
プラグインの有効化をクリック。

その後、管理画面の「設定」メニューより、「Simple Tweet の設定」へ移動します。

「Simple Tweet の設定」画面です。
ここではOAuth認証の為に必要な「Consumer Key」と「Consumer Secret」を入力しなくてはなりません。

「Consumer Key」と「Consumer Secret」を取得するには、
Twitterにアプリケーションを登録する必要があります。

というわけで、画像矢印先に表示されているリンク「Twitterにアプリケーションを登録」をクリック。

なお、このOAuthについて簡単に説明すると・・

例えばTwitterと連携しているもう1つのアプリA（※）を使用する際、
（他のサービスのWeb APIを使って作られた新しいサービス。今回のSimple Tweetもその1つ）
TwitterのユーザーIDとパスワードをアプリAに登録するような場合が多いですが、
それだとアプリA側からは、登録したユーザーのTwitter内の個人情報にアクセスできる事になり、
セキュリティ面に懸念が残ります。

それを解決するために考案されたプロトコルがOAuthです。

仕組みについては細かくは触れませんが、
現在のTwitterはOAuth未対応のクライアントは使用不能となっているようです。

話は戻り・・

「Twitterにアプリケーションを登録」をクリックすると、
Twitter developersへのログイン画面が表示されるので、自分のTwitterのアカウントでログインします。

ログインすると自分のアプリケーション登録画面が表示されるので、
右端に表示されたボタンをクリック。

クリックすると表れるフォームに、登録したいアプリケーション名称や説明、
アプリケーションのサイトなどを入力していきます。

登録が完了すると、「Consumer Key」と「Consumer Secret」が記載された画面が現れますが、
その前に表示された画面の「Settings」へ移動します。

Settingsタブを開いたら、今度はその中の「Application Type」という項目へ移動し、
Accessの中より「Read & Write」を選択し、設定を保存します。

そして先程の「Details」タブへ移動。

「Details」内の「OAuth settings」という項目内に、
「Consumer Key」と「Consumer Secret」が記載されていますので、これをコピーして・・

自サイトの管理画面に戻り（「設定」＞「Simple Tweetの設定」）、
コピーした「Consumer Key」と「Consumer Secret」を入力し、設定保存します。

保存したら、今度は「Consumer Secret」の下にあるリンク（あなたのプロフィール)をクリックし、
プロフィール設定画面まで移動します。

ここ（プロフィール設定 ＞ Simple Tweetの設定内）には、
PINコードを取得して入力する必要があります。

PINコードを取得する為には、Twitterでアプリケーションの認証を行なわなければなりません。
OAuthの横に記載されたリンク「アカウントを承認する為にリンクをクリックして・・」をクリック。

するとTwitterのアプリケーション認証画面が表示されるので、認証ボタンをクリックします。

するとPINコードが表示されるので、コードをコピーして
先程の画面（プロフィール設定 ＞ Simple Tweetの設定）の入力フォームに入力・保存します。

PINを入力するとこのような画面になります。
（一度設定したOAuthをここでリセットする事も可能です）

後は、記事更新通知をTwitterにポストした際に表示される言葉の編集や、
利用するパーマリンクの種類の選択、ブログ記事本文に「Tweet this」リンクを設置するかどうかの選択、
また設置するのであればどのように表示するのかといった設定等等・・

デフォルトのままでも使えますが、それが嫌な方はここで編集します。
自分も若干ですが編集して使っています。

なお、記事本文末尾に「Tweet this」リンクを入れる場合、
上の画面の「記事本文に”Tweet this”リンクを挿入する」にチェックを入れても良いのですが、
それだとリンクは記事の末尾に入り、位置を調整する事が出来ません。

それが嫌は方は、サイトのテンプレートに直接「Tweet this」リンクを挿入する為の、
コード（以下）を埋め込みます。

このような感じに書いてみました。
実際の表示はというと・・

このようになります。

記事末尾に「Tweet this」リンクが表示される事には違いないのですが、
表示される位置を微妙に調整しています。
（デフォルトではリンクはもっと上に表示されていて、バランスが悪かったので）

全く違う位置に表示させる事も可能です。

というわけで早速、記事を作成して投稿してみました。
投稿すると・・

投稿すると同時に、Twitterに記事更新が通知されます。
成功すると上のような感じに、何らかの理由で失敗した場合にもその旨が表示されます。

Twitterを見ると・・

ちゃんと更新通知されています。

リンクが2つ表示されるなどちょっとおかしいですが、
さっき設定を編集しなおしたので、今回（この記事）ははちゃんと表示されていると思います。

ブログに色々書くのが好きなので、今後もつぶやく事はそれ程ないかと今の所は思うのですが、
とりあえずサイトの更新通知と、たまに気が向いたら写真とか載せてみようと思います。

長くなりました。

WordPressは面倒な部分も多いのですが、
プラグインで細かく設定できるなど、自由度の高い部分が気に入っています。