ブログにソーシャルボタンを表示する場合、プラグインの WP Social Bookmarking Light を使う人は多いです。

この WP Social Bookmarking Light はとても使い勝手がいいプラグインなのですが、1つだけ難点があります。それは、アドセンス広告がソーシャルボタンより下に表示されることです。これでは、せっかくのアドセンス広告もクリック率が減ってしまいます。

そこで、WP Social Bookmarking Light のソーシャルボタンを任意の場所に設置しようと思います。今回は、その手順を紹介していきましょう。

ソーシャルボタンを設置するためのコード

WP Social Bookmarking Light のソーシャルボタンを任意の場所に設置するにはコードが必要です。そのためには、以下のコードは以下の通り。

<?php if(function_exists("wp_social_bookmarking_light_output_e")){wp_social_bookmarking_light_output_e();}?>

こちらのコードを記事コンテンツ(single.php)のCSSに追加します。

では、以下からその手順を紹介していきましょう。

ソーシャルボタンを任意の場所に設置する手順

ソーシャルボタンを任意の場所に設置するには、WP Social Bookmarking Light の設定から行います。

まず、WP Social Bookmarking Light の設定画面から任意でソーシャルボタンを選びます。次に「位置」を『None』にします(以下、画像参照)。

この設定が済んだら、次は上述したコードを記事コンテンツ(single.php)に追加していきます。

追加する手順は、ワードプレス管理画面から「外観」を選択し、「テーマ編集」をクリックします。

ワードプレス管理画面 > 外観 > テーマ編集

「テーマ編集」をクリックしたら「single.php」を選択します。この中で任意の箇所(たいていは「entry-content」の下)に上述したコードをコピペして追加します。

これで「ファイルを更新」をクリックすれば、アドセンス広告の下にソーシャルボタンが移動されています。

以上が、WP Social Bookmarking Light のソーシャルボタンを広告下にする手順です。

今回の方法は少し面倒くさいですけど、難しくはないので 是非チャレンジを。

関連記事はこちら