FacebookページをWordPressのサイドバーに表示させる方法!!

side

今回はFacebookページへのリンクをWordpressのサイドバーに表示する方法について。

 

今まではFacebookへのリンクを表示するLikeBoxというプラグインがあったのですが、2015年6月でLikeBoxのサービスが終了。

 

そこで新たに【Page Plugin(ページプラグイン)】というものを利用する事になりました。

 

side

 

Page Pluginの使い方

今回は前回ご紹介したFacebokとWordpressとの連動までの作業が完了したものとして、賢威のサイドバーに簡易的にPage Pluginを表示する方法について解説していきます。

 

関連記事⇒WordPressとFacebookページを連動させる方法!!

 

まずFacebookのDevelopersツールの中の【Page Plugin】に進みます。

 

するとFacebookページのURLや【Page Plugin】の表示サイズを入力する画面があるので、FacbookページのURLと設置したいサイズを入力します。

 

Widthが横幅、Heightが高さです。

 

私の場合は賢威のサイドバーに貼るので幅が270、高さを300としました。

 

Page Pluginの設定方法

 

チェックボックスの項目の内容は下記の通りです。

 

  • ヘッダーの高さを小さくする
  • 【Show Friend’s Faces】『いいね』をしているファンの写真表示
  • 【Hide Cover Photo】カバー写真を反映させるかどうかを選択できる
Facebookのカバー画像の大きさ変更

 

下に表示されるプレビュー画面を見ながらサイズを決めたら、【GetCode】をクリック。

 

すると2つのコードが表示されるのでこのコードを2つコピーして表示させる場所に貼付けていきます。

 

※本来は上のコードは<body>内に貼付ける必要があるのですが、今回は賢威のサイドバーのみに表示させる簡易版で話を進めます。

 

Page Pluginのコード

 

WordPressでの作業

ダッシュボードの【外観】⇒【ウィジェット】に進み【テキスト】をサイドバーに移動させます。

 

ココに先ほどの2つのコードを貼付けて保存しましょう。

 

賢威のサイドバーにPage Pluginを表示する方法

 

保存を完了させてページを表示すると、サイドバーにPage Plugin(Facebookページ)が表示されています。

 

賢威サイドバーにFacebookページを表示

 

以上でFacebookページをWordpress(賢威)のサイドバーに貼付ける作業は終了です。

 

これでブログからFacebookページの『いいね』を押してもらい、ファンになってもらえる仕組みの出来上がりです。