【WordPress】WordPressにFacebookのLike(いいね!)ボタンを簡単に付けられるプラグイン『WP Facebook Like』

今や多くのWebサイトやブログに張り付けられているFacebookのLikeボタン。それをWordPressのブログに簡単に張り付けられるプラグインがあったのでご紹介。

Likeボタンの設置はプラグインに頼らなくてもそれほど難しいものではないけど、今回ご紹介するプラグインはさらに簡単だ。

プラグインを使わないでやるとなると、facebook DEVELOPERSのLike Buttonにアクセスして自分のブログ用のコードを取得したあと、ブログのテンプレート内に埋め込むってことをしなければならない。でも、このプラグインなら、プラグインを追加してWordPressのダッシュボードから設定してやれば、それだけで設置することができるから楽チンだ。

プラグインの追加はWordPressのダッシュボード上からやってしまおう。

プラグイン新規追加の検索窓に「wp facebook like」を入力して検索すればすぐに見つかるはずだから、インストールして有効化すればいいだけ。

WP Facebook Likeプラグインを有効化した時点で、デフォルト設定の状態で設置は完了している。あとは、記事の上下どちらに表示させるかなど、自分好みの設定を施そう。設定を変更するには、ダッシュボードの左サイドバー「設定」にある「WP Facebook Like」のリンクから。

・Layout

ボタンの形を決める。

Default

Button Count

・Language

ボタンに表示される言語を決める。これを「Japanese」に設定すれば『いいね!』になる。

・Show faces

「いいね!」を押した人のFacebookアイコンを表示する微妙な設定。自分が「いいね!」したときになんとなくアイコン表示されたくないので「No」に設定してる。

・Color scheme

ボタンの色を「Light」、「Dark」、「Evil」から選択する。自分のブログのカラーに合ったものを選びましょ。

・Button text

ボタンに表示されるテキストを「Like」(いいね!)にするか「Recommend」(おすすめ)にするかの設定。

・WidthとHeight

ボタンの横幅と縦幅をそれぞれピクセルで設定。特に横幅は自分のブログのサイズに合わせて設定しないと、はみ出ちゃったりしたらカッコ悪い。

・Automatically insert

この設定がこのプラグインの真価だろうと思う。ボタンの配置場所を「Before」(記事の前)、「After」(記事の後)、「Both」(両方)から選べる。

「No」という選択肢もあって、この場合は自動配置はしてくれないので、記事中の配置したい場所に [wpfblike] (*)の文字列を挿入するか、テンプレート内の好きな場所に <?php if(function_exists(“wpfblike”)) echo wpfblike(); ?> を埋め込めばOK。でも、配置場所を好きなところにできるから便利といえば便利だけど、自動配置の設定を使わないならこのプラグインを使う意味もあまりないかなと思ったり。

* 実際は半角アルファベットでwpfblikeとする必要がある。ここで全角にしているのは半角だとプラグインが文字列を拾ってボタンが表示されてしまうから。

・Hide on front page

記事には表示するけど、記事一覧には表示しない設定。「Yes」にすれば記事一覧からはボタンが消える。

・Show on pages

ブログ記事だけじゃなくて固定ページにもボタンを表示する設定。「Yes」にすれば固定ページにボタンが表示される。


基本的な設定はこれで終わり。早い話、facebook DEVELOPERSのLike Buttonにアクセスして設定することをWordPress上で設定しちゃおう、というプラグイン。ボタンの配置場所も簡単に決められるのでサクっと設置してしまいたい人にはオススメ。

関連記事:

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

コメントを残す

XHTML: 次のタグを使用できます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Get Adobe Flash playerPlugin by wpburn.com wordpress themes