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

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

 

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

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

 

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

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

 

LikeBoxをクリックします。

 

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

 

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

 

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

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

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

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

 

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

 

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

 

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

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

 

ここに表示されました。

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

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

 

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>で囲んで上げます。

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

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

 

以上

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

 

あわせてに読みたい関連記事

• 賢威カスタマイズ　トップページをブログ風からサイト風へ変更する
• 賢威カスタマイズ　ウイジェット以外のサイドバー編集方法
• 賢威カスタマイズ 記事の下に｢あわせて読みたい関連記事｣を設置する
• 賢威　記事省略「この投稿の続きを読む」の表示を変更する
• 賢威カスタマイズ　コメント送信ボタンの横にランキングバナーを表示する
• 賢威　スタイルシートの文字装飾タグ一覧

当ブログでも使用している最強のSEOテンプレート賢威↓↓

タグ

WordPress、カスタマイズ、コンテンツ、賢威5

この投稿のトラックバックURL: