ページを選択

こちらの記事で、WordPressにソーシャルボタンを設置する方法について書きましたが、このままだと、例えばある記事で、Facebookの「いいね!」ボタンやはてなブックマークをクリックしても、ブログ全体にいいね!やブックマークをしたことになってしまうことに、書いた後に気づきました(汗)

 

ですので、各記事のURLやタイトルを引っ張ってくるようにコードを修正する必要があるのですが、それよりももっと簡単なプラグインを見つけましたので、こちらに乗り換えました(^^)

 

こちらの「Tweet, Like, Google +1 and Share」というプラグインです。

 

WordPress › Tweet, Like, Google +1 and Share « WordPress Plugins
はてなブックマーク、Facebookいいね!、Tweetボタン、Google+1ボタンを簡単に設置できるプラグイン

 

 

 

 

設置方法は通常のプラグインと同じで、上記URLからダウンロード。

WordPress  Tweet Like Google +1 and Share  WordPress Plugins 1 1

zipを解凍し、wp-content/plugins にフォルダごとコピーし、管理画面のプラグインメニューで有効化すると、「設定」のところに「Tweet Like Plusone」というメニューが表示されます。

 

Tweet Like Share Plusone  malmal com  WordPress

 

設定は簡単で、TwitterボタンやFacebookのいいね!ボタン、Google+1ボタンなど、どれを表示するかチェックをします。

 

Tweet Like Share Plusone 3

 

はてなブックマークボタンは、「6」のDisplay Custom Buttonsで設定ができます(後述)

 

で左に方からどういう順番にボタンを設置するかを「Display order」の部分で番号を入力します。

 

次にはてなブックマークボタンですが、まずはこちらのページでコードを取得します。

 

取得したコードを以下の「Add your own Custom Buttons」の左側のボックスに入力します。

Tweet Like Share Plusone4

 

ここで注意点ですが、そのままコードを貼付けただけだと、個別の記事をブックマークすることにならないで、ブログ全体がブックマークされてしまいます。

ですので、以下のコードのうち「ブログのURL」「ブログのタイトル」と太字になっている部分に、ご自身のブログのURLとタイトルが入っていると思います。

 

<a href="http://b.hatena.ne.jp/entry/ブログのURL" class="hatena-bookmark-button" data-hatena-bookmark-title="ブログのタイトル" data-hatena-bookmark-layout="vertical" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

 

これらをそれぞれ

 

ブログのURL → %%URL%%

ブログのタイトル  → %%TITLE%%

 

に書き換える必要があります。

 

それで出来たのがこちら。本エントリにもボタンがついていると思いますので、参考にしてみてください。

 

Social101

 

まだ「Tweet, Like, Google +1 and Share」は設置したばっかりですが、とっても簡単に設置完了できましたので、ぜひソーシャルボタンを簡単に設置したいと思っている人はトライしてみてください!

 

photo credit: FindYourSearch via photo pin cc