wordpressにフェイスブックページを埋め込む方法

2016/05/12

wordpressにフェイスブックページを埋め込む方法を紹介したいと思います
主に埋め込む方法は

ページプラグインというスクリプトで埋め込む方法

有志で配布されているwordpressのプラグインで埋め込む方法

jetpackで埋め込む方法

ということで、ページプラグインとjetpackを用いての自分のフェイスブックを記事下やサイドバーなどに埋め込む作業に取り掛かります
※フェイスブックではなくフェイスブックページなので注意が必要

ページプラグインを使って埋め込む際に下準備

※まず、前提としてフェイスブックに事前に登録しておく必要があります

フェイスブックに新規登録orログインしたら、フェイスブックページを作成する
Baidu IME_2016-5-10_13-23-48
そのあとのことは割愛します

フェイスブックページとは簡単に言えばコミュニティーのこと

フェイスブックページを埋め込む

フェイスブックページを作成できたら、本題の埋め込み作業にはいります

https://developers.facebook.com/docs/plugins/page-plugin

上のURLから飛んでフェイスブックページのURLを打ち込む
Baidu IME_2016-5-10_13-34-45

適当に打ち込むとこのようになります
Baidu IME_2016-5-10_14-11-41

コードを取得する

Baidu IME_2016-5-10_15-39-51step3はまだなので焦らずに!

<body>タグにコードを貼る

使用しているテーマはSTINGER7です
ですが、ほかのテーマでもできます

STINGER7(子テーマ)のheader.phpに移動します
移動したら、<body>タグに先ほどステップ2のスクリプトコードをコピペしてあげる

ちょっちわかりづらいと思うので画像でも
Baidu IME_2016-5-10_15-47-48

ステップ3のコードを貼り付ける

Baidu IME_2016-5-10_15-52-38

コピーしたらwordpressの管理画面に移動
移動したら、「外観」→「ウィジェット」に行き、「テキスト」にステップ3のコードコピペする
コピペしたら、わしのブログではこんな感じに貼り付けてます
Baidu IME_2016-5-10_15-56-2だれも「いいね」してないからハジュカチイ///
これからいいねしてください!おねがいします!なんでも・・・げふんげふん

jetpackをインスコしているのであればそっちのほうが簡単

ウィジェットに追加されてます
Baidu IME_2016-5-10_16-1-44

クリックすると
Baidu IME_2016-5-10_16-4-24

いやーjetpack優秀ですなー
わざわざコードを打ち込まなくてもこんな親切設計だなんて素敵

まとめ

  • プラグイン使いたくない人にオヌヌメ
  • 軽い

こんな感じでしょうか

是非是非いいねしてくださいおねがいします!なんでも・・・げふんげふん

スポンサーリンク

-wordpress
-, , , , , ,