Taka's Life

Mac、iPhoneを中心としたTAKAの雑記帳

今日の人気記事

Facebook Like Boxを設置する方法

      2015/02/15

スクリーンショット 2013 06 26 22 03 32  mini  1 2

Facebookページを開設し、数日たちました。
色々なブログを見ると、サイドバーなどにFacebook Like Boxというものを設置している方がいらっしゃったので、私も設置してみました!

スポンサーリンク

コードを取得しよう

下記サイトからコードを取得出来ます。

Facebook Like Box

開くとこんな感じのページが開きます。

スクリーンショット 2013 06 26 22 20 34  mini

では、設定しましょう。

スクリーンショット 2013 06 25 21 21 29  mini 2

  1. FacebookページのURLを入力します。
  2. Like Boxの横幅を入力
  3. Like Boxの高さを入力
  4. ここはFacebookページのタイムラインを表示させるか?の選択項目です。私はチェックを外しました。
  5. 設定が良ければ「Get Code」を押します。

プラグインコードが表示されます。ここでIFRAMEを選択します。ここがポイント!

スクリーンショット 2013 06 26 21 37 43  mini

コードを全選択し、コピーします。

WordPressに設置しよう

WordPressの管理画面にログインし「外観」>「ウェジェット」を開きます。
開いたら、「テキスト」のウェジェットをウェジェットエリアにドラッグ&ドロップで追加します。

スクリーンショット 2013 06 26 21 48 24  mini

貼りつけた「テキスト」を開いて、先ほどコピーしたLike Boxのコードを貼付けします。そして保存。
スクリーンショット 2013 06 26 21 48 43  mini

作業はこれで終了!

表示を確認

Facebookページを開いてみましょう。
こんな感じに表示されていればOK。全て終了です。
スクリーンショット 2013 06 26 22 03 32  mini  1 2

まだ、設置したばかりですしブログもまだまだなので「いいね!」は0ですw

こちらもどうぞ
Facebookページの作り方!自分のブログを知ってもらおう | Taka’s Life

Facebookへブログ更新情報を自動で投稿する「RSSGraffiti」の設定方法 | Taka’s Life

 - Webサービス

スポンサーリンク

  関連記事