[対応:5]トップページにFacebookのLikeBoxを設置する方法

賢威テンプレート(WordPress版)で
FacebookソーシャルプラグインのLikeBox(いいねボックス)を
設置する方法をご紹介します。

ab00004763

 

トップページにFacebookのLikeBoxを設置する方法

それでは、FacebookのLikeBoxの設置方法についてご説明します。

 

Facebookソーシャルプラグインの取得方法

まずは、Facebookプラグインページよりタグを取得します。
Facebookプラグインページはこちら

 

ab00004764

LikeBoxをクリックします。

 

ab00004765

表示するLikeBoxの設定を行います。
完成しましたら、[GetCode]でタグを取得します。

 

ab00004766

タグに種類は3種類あるので、IFRAMEをクリックして、iframe版を取得します。

 

賢威へLikeBoxを設置する場所を探す

次に取得したタグを賢威へ設置します。

今回はトップページへ設置する方法をご紹介します。

WordPressへログインして、ダッシュボード⇒外観⇒テーマ編集を進みます。

 

ab00004767

テーマ編集内の[メインインデックスのテンプレート]と言う項目が、
賢威のトップページを現しますので、
こちらを開き該当部分へタグを貼り付けます。

 

ab00004768

いろいろなタグが書いてあり、
どこがどこの部分かわからないと思いますが、
トップページの表示させたい場所を探します。

 

ab00004769

設置場所の探し方として、

なんと無く、<!–最新情報–>の辺りに、
「あああああ」と書いてどこに表示されるか実験してみます。

 

ab00004770

ここに表示されました。

最新情報のタグの上に書いたので、
トップページの最新情報の上に表示されます。

タグをよく見ると場所のヒントが隠されていますので、
どの場所に何が入るかを探してみてください。

 

LikeBoxを賢威のトップページ最下部へ設置する方法

上記の方法で、設置場所を探します。

トップページの最下部の場合は、該当タグが下記の部分になります。

</div>
<p><?php printf( __(‘Back to <a href="%1$s">%2$s</a>’,’keni’), get_bloginfo(‘url’), get_bloginfo(‘name’)); ?></p>

<?php endif; ?>

———————————

ここに設置します。

———————————
</div>
<!–▲メインコンテンツ–>

<!–▽:sidebar.phpを編集、またはWP管理画面のウィジェットで編集–>
<?php get_sidebar(1); ?>
<!–△:sidebar.phpを編集、またはWP管理画面のウィジェットで編集–>
</div>

ここのタグを設置します。

一緒に賢威専用の中央揃えタグで囲む事で、
ボックスを真ん中に設置する事が出来ます。

<div class="contents al-c">~</div>で囲んで上げます。

ab00004771

こんな形で設置して上げると、中央揃えのLikeBoxを設置する事が出来ます。

今回はトップページへの設置方法をご紹介しましたが、
サイドバーに設置したい場合は、ウイジェットの「テキスト」に
タグを貼り付ける事で可能です。

 

以上

賢威カスタマイズ トップページにFacebookのLikeBoxを設置する方法
でした。

コメントを残す

サブコンテンツ

このページの先頭へ