![facebook-76534_1280.png Facebook 76534 1280](https://takaslife.com/wordpress/wp-content/uploads/2015/04/facebook-76534_1280.png)
TAKA(@TakasLife)です。
ブログに設置しているFacebook Like Boxが2015年6月23日で使えなくなってしまうのを先日知りました。
その代わりとしてFacebook Page Pluginというものが新たにリリースされています。
Facebook Page Pluginの設置方法をご紹介します。
Like Boxは?
![Page Plugin_03_20150430_213240.jpg Page Plugin 03 20150430 213240](https://takaslife.com/wordpress/wp-content/uploads/2015/04/Page-Plugin_03_20150430_2132401.jpg)
今までは、下記のリンクからLike Boxの設置用コードが取得できていましたが今は忠告表示だけになっています。
Facebook Page Pluginの設置方法
Facebook Page PluginもLike Box同様コードを取得して設置します。
コードは下記リンクから取得できます。
ページを開いたら、必要事項を記入します。
![Page_Plugin_04_20150430_213240.jpg Page Plugin 04 20150430 213240](https://takaslife.com/wordpress/wp-content/uploads/2015/04/Page_Plugin_04_20150430_213240.jpg)
Facebook Page URL:自分のFacebookページのURLを記載します。私の場合は「https://www.facebook.com/takaslife」と、なります。
Width:Page Pluginの横幅です。最小で280px・最大で500pxの間で設定できます。
Height:Page Pluginの高さです。最小が130pxです。
Hide Cover Photo:Facebookページのヘッダーの背景画像を表示しない時はチェックを入れましょう。
Show Friend’s Faces:いいね!してくれている方の顔写真を表示する時は、チェック入れましょう。
Show Page Posts:Page Plugin内にFacebookページに投稿した内容を表示する場合はチェックを入れましょう。
下にプレビューが出るので、確認しながら設定できます。
良ければ「Get Code」をクリックしましょう。
コードの設置
![Page Plugin_02_20150430_214005.jpg Page Plugin 02 20150430 214005](https://takaslife.com/wordpress/wp-content/uploads/2015/04/Page-Plugin_02_20150430_214005.jpg)
「Get Code」をクリックすると、こんな表示が出ます。上の「1」のコードを自分のブログの<body>〜</body>の間にコピーします。
下の「2」のコードをPage Pluginを表示させたい部分に貼り付けます。
![Page_Plugin_01_20150430_223544.jpg Page Plugin 01 20150430 223544](https://takaslife.com/wordpress/wp-content/uploads/2015/04/Page_Plugin_01_20150430_223544.jpg)
そうすると、この様にブログに表示されます。
さいごに
最初にも言いましたが、2015年6月23日でLike Boxは終了しますのでPage Pluginへの以降を早めにやっておきましょう。
![Page Plugin_01_20150430_213803.jpg Page Plugin 01 20150430 213803](https://takaslife.com/wordpress/wp-content/uploads/2015/04/Page-Plugin_01_20150430_213803.jpg)
このLike Boxが
![Page_Plugin_01_20150430_223544.jpg Page Plugin 01 20150430 223544](https://takaslife.com/wordpress/wp-content/uploads/2015/04/Page_Plugin_01_20150430_223544.jpg)
こうなります。
Page Pluginは、見た目がオシャレで私は好きです。
コメント