【WordPress】Facebookページをブログに表示する「Page Plugin」の設置方法!

みなさんこんにちは、リフレピアの石川です!

ものすごく簡単なことでも月日が経つとついつい忘れてしまうことってありますよね?先日Facebookページをブログに表示させるにはどうすればいいのかと聞かれて、あれっ!?どうするんだったっけ?と少し戸惑ってしましました。

そこで当サイトでも使用しているFacebookページをブログに表示するプラグイン「Page Plugin」の設置方法を紹介します。

 

【Wordpress】「Page Plugin」の設置方法!

Facebook_for_developers

まずは、「facebook for developers」のホームページから「Facebook Social Plugins」「Like,Share&Send」「Web」「Page Plugin」にいく。

もしくは→https://developers.facebook.com/docs/plugins/page-pluginからPage Pluginのページにいく!

 

「Page Plugin」の設定と設置方法!

Wordpressページプラグイン設定方法

Facebook Page URL:自分のFacebookページのURLを入力します。

Tabs:初期設定ではTimelineになっています。上の画像の用にタイムLINEも表示されます、必要ない場合は空欄にします。またEventsと入力するとイベント情報が表示されます。

Width:横幅になります。

Height:縦幅になります。

Use Small Header:表示させるヘッダーのサイズを小さくできます!

Adapt to plugin container width:自動で横幅を調整してくれます。

Hide Cover Photo:ヘッダー画像を白に変更できます。

Show Friend’s Faces:いいね!してくれた人のアイコンを表示することができます。

そして最後に左下の「Get Code」をクリックします!

 

「Get Code」でコードをコピーする!

Page_Plugin_Get_Code

「Get Code」をクリックすると上部画像の用に2つのコードが表示されるので、コピーします!

 

WordPressにコードを貼り付ける!

ウィジェットWordPressページプラグイン

そしてWordpressの管理画面から、「外観」「ウィジェット」にいき「テキスト」を表示させたい場所に追加します。

最後に、先ほどコーピーしたコードを2つを貼り付けて「保存」をクリック!これで終了となります。

 

さいごに

どうですか?思っていたよりも簡単にFacebookページをブログに設置できたと思います。しかし設置方法やプラグインの名前などはついつい忘れてしまいますよね。そんな時はネットで検索するとすぐにやり方などがでてくるのでみなさんも活用してください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です