どうも、「癒せるブログ屋さん」がみたかです。
このブログが3年目に入る時にFacebookページを作りました。
で、せっかく作ったのでもっとブログでも知ってもらおうと今更ですが「Page Plugin」を使ってサイドバーに設置してみたので、その手順を残しておこうと思います。
WordPressだとめっちゃ簡単なので、良かったら真似してみてください^^
Page Pluginにアクセスする
WordPressのプラグイン「JetPack」を使っている人は「Facebook Likeボックス」というのを使ってサイドバーやフッターに設置していたと思いますが、この「Likeボックス」は2015年6月下旬に終了しています。
なので、この「Likeボックス」は使わずに「Page Plugin」というものに乗り換える必要があるんですね。
あと、表示するのは「Facebookページのタイムライン」で、「個人のタイムライン」ではありません。
Page Pluginの場合は、コードを貼り付けるだけで設置ができるのですが、まずはじめにコードを作成しないといけません。
コードを作成するために「Page Plugin」にアクセスします。
![Page Pluginの作成ページ](https://www.gamitaka.com/wp-content/uploads/2015/09/05241b439db4740ed73d9fd0f7324147-e1441807395582.png)
Page Pluginの作成ページ
こんなページが出てきます。
コードをゲットする
必要事項の入力
これが入力画面になりますが、これだけでコードの出力ができますw
![Page Plugin作成画面](https://www.gamitaka.com/wp-content/uploads/2015/09/aa14f5916a1722ba6e0fcf1c83430a03-e1496211978795.png)
Page Plugin作成画面
FacebookページのURLを入力して、横幅と高さを決めるだけです。
ここでチェックボックスの解説を残しておきますね^^
- よくわかりませんでしたw
- 表示に友達の顔も表示するか?
- ヘッダー領域を小さくするか?
- カバー画像を非表示にするか?
- Facebookページの投稿も表示するか?
- プレビュー
コードの表示
最後に「Get Code」をクリックします。
![コードを作成する](https://www.gamitaka.com/wp-content/uploads/2015/09/d1f2111e29f6ce4604ae836348709804-e1496211995488.png)
コードを作成する
こんな感じでコードが出てくるので、コピーします(上下2種類とも)
![添付用コードの取得](https://www.gamitaka.com/wp-content/uploads/2015/09/d3a41c27ab26c211e178a9f17174e657-424x300.png)
添付用コードの取得
WordPressに貼り付ける
まずは、サイドバーに貼り付けるため、ウィジェットのページを開きます。
![ダッシュボード](https://www.gamitaka.com/wp-content/uploads/2015/09/e6ae941d9dc880fb8ece258322e40e17-e1441808742357.png)
ダッシュボードからウィジェットへ
「テキスト」と書かれたパーツを使う。
![ウィジェット テキスト](https://www.gamitaka.com/wp-content/uploads/2015/09/4e5ffeebdf33db0ed209312ba488919b-e1441808908795.png)
ウィジェット テキストの挿入
入れるのはお好きな場所でいいと思います。
![コードを2つともペースト](https://www.gamitaka.com/wp-content/uploads/2015/09/43fb4c132e6416ff30e4a35f7bd10bb8-e1441809079761.png)
コードを2つともペースト
本来はphpファイルの「<body>タグのすぐ下」に1のコードを貼り付けるのですが、Wordpressの場合は2つのコードを同じ「テキストウィジェット」に貼り付けても動きます^^
コードを貼り付けたら「保存」しましょう!
実際にブログで確認する。
![Page Pluginの表示](https://www.gamitaka.com/wp-content/uploads/2015/09/1ee4962214187824dc415f3ca136229c-e1496212025663.png)
Page Pluginの表示
こんな感じで表示でいてたらOKだと思います^^
- Likeボックスをまだ使っている人。
- Facebookページを始めた人。
ブログと連動させたい人は是非「Page Plugin」を使ってみてください!
あ、ついでにいいね!を押してもらえると嬉しいです^^
※関連書籍
![]() |
新品価格 |
![]() |
Facebookマーケティング [ビジテク] 価値ある「いいね!」を集める心得と手法 価値ある「いいね!」を集める心得と手法 新品価格 |
では、今回はこの辺で!
ブログ運営者のためのサポート保険!
ブログのトラブルや困ったことに時間を取られて
自分のやるべきことが出来ていない人のためサービスです!
![](https://www.gamitaka.com/wp-content/uploads/2022/05/eyecatch01-2.jpg)
無料メールマガジン
WordPressに関するお役立ち情報や、
『WordPressに詳しくなるメール講座』を配信しています!
知識・経験ゼロから、
Webクリエイターを目指すためのメール講座を配信しています!