Categories: アフィリエイト

【WordPress】facebookのいいねボタンを5分で表示する方法

↑コレ!!
WordPressでfacebookの「いいね」ボタンを5分で設置する方法を説明します。

プラグインのインストール

まず、ソーシャルボタンを簡単に設置することができる「WP Social Bookmarking Light」のプラグインをインストールします。

左のメニューの「プラグイン」の「新規追加」を選択後、キーワードに「WP Social Bookmarking Light」を入力すると、WP Social Bookmarking Lightプラグインが表示されるので、「今すぐインストール」ボタンをクリックします。

正常にインストールされたら、「今すぐインストール」ボタンが「有効化」ボタンに変わるので、こちらをクリックします。

プラグインの設定

有効化されると、左のメニューの「設定」に「WP Social Bookmarking Light」が表示されるようになるので、こちらを選択します。

すると上記のような、「一般設定」タグの設定画面が表示されます。
それぞれの設定内容について説明します。

「Position」はソーシャルボタンを設置する場所を指定します。

・Top:記事の最上部のみ
・Bottom:記事の最下部のみ
・Both:記事の最上部と最下部の両方
・None:表示しない

「Individual Article」は個々の記事のみにソーシャルボタンを設置するかどうかを指定します。

・Yes:投稿記事のみに設置する
・No:投稿記事以外にも設置する

「Pages」は固定ページにソーシャルボタンを設置するかどうかを指定します。

・Yes:固定ページに設置する
・No:固定ページに設置しない

「Enable Services」は設置するソーシャルボタン(サービス)を指定します。
追加する場合は、右枠の対象のソーシャルボタンを選んでドラッグ&ドロップで左枠に持っていきます。
削除する場合は、左枠の対象のソーシャルボタンの右側の「×」をクリックします。
facebookのいいねボタンを設置する場合は「facebook_like」を選択します。

各種選択が終わったら、「変更を保存」をクリックしてください。

上記設定の場合は、以下のように表示されます。

いいねボタンの設定

ここからは、いいねボタンに絞った設定の説明をします。

まず、いいねボタンの文字を日本語にするため、「FB」タブの「Locale」の設定を、「ja_JP」に変更します。

次に「FB Like」タブを選択して、いいねボタン固有の設定をします。
設定は全部で4つあります。

Layout:ボタン内にカウントを表示するかどうかを指定する


「Layout」の設定を「button」にすると、上記のようにカウントが表示されません。

Action:ボタン内の文字を指定する。「like」⇒「いいね!」、「recommend」⇒「おすすめ」

「Action」の設定を「recommend」にすると、上記のように表示されます。

Share:シェアボタンを表示するかどうかを指定する

「Share」の設定を「Yes」にすると、上記のようにシェアボタンが表示されます。

Width:いいねボタンの幅を指定する

「Width」の設定を「1000」にしたのですが、特に見た目は変わりませんでした。

まとめ

いかがでしたでしょうか。
5分で表示できましたでしょうか。

私は、シェア用のソーシャルボタンは既にあったので、faceboookのいいねボタンのみを設置しています。
また、どのぐらいいいねボタンがクリックされたかを知りたかったので以下の設定にしています。ご参考にどうぞ。

一般設定

・Position:Both
・Individual Article:Yes
・Pages:No
・Enable Services:facebook_like

FB Like

・Layout:button_count
・Action:like
・Share:No
・Width:100

 

この設定の場合は以下のように表示されます。
↓コレ!!

tomtom

Recent Posts

BULK HOMME(バルクオム)のメンズ洗顔料が良すぎた件

皆さん、こんにちは。アラフィフ…

2年 ago

【2022年おすすめ】夏用マスク

ただでさえ息苦しいマスクに試練…

5年 ago

アラフィフおやじ車中泊一人旅(2021年GW)

2021年のゴールデンウィーク…

5年 ago

【大好き編】YouTube 厳選おすすめ動画

私が高評価したYouTube動…

5年 ago