mokmal time

日常感じたことや、考えたことなどを忘れないようにメモするブログ。

初めてでも簡単にできる!WordPressでFacebookのLikeBoxを設置してみました。

      2015/06/28

20130728_174253

こんにちは。

「WordPressの教科書」という本をネットでみつけたので、早速購入してみました。結構ずっしりとした重さで、ほんと受験勉強の時に使うようなボリュームです。

中身は、初心者の私でも理解しやすく、カラーで分かり易く書かれています。何から初めていいのか分からないので、とりあえず見やすく!ってことに焦点を絞り読みました。

ヒトの印象は8割は見た目って言うくらいですから、サイトのパッと見の印象は非常に大事ですよね。

細かい設定は沢山あるのですが、とりあえずFacebookのLike boxを設置することにしました。

意外と簡単にできる。FacebookのLikeBoxを設置する方法

①まずこちらににアクセスします。
https://developers.facebook.com/docs/reference/plugins/like-box/

②この画面で、必要項目を入力します。チェックを外したりするとサンプルがみれますので、お好みでどうぞ、

Like Box - Facebook開発者

③次に【GetCode】をクリックします。

④Codeが生成されたら、IFRAMEを選びコードをコピーします。

⑤あとは、WordPressのウィジェットのテキストに貼り付けて完了です。

思ってた以上に簡単にできました。

次は何を追加しようかな~。

 - WordPress , , ,

SPONSORED LINK

SPONSORED LINK

SPONSORED LINK

SPONSORED LINK
  • このエントリーをはてなブックマークに追加
  •  
  •  

Message

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

  関連記事

STINGER3カスタマイズ 消すのはもったいない!追尾するSNSボックスをおしゃれにカスタマイズ。

追尾式のSNSボックスってスマホで見た時に記事にかぶるから消してたんですが、復活 …

【STINGER3/WordPress】初心者のワタシが簡単にできたカスタマイズをまとめてみる

このブログで使用しているテーマ「STINGER3」 カスタマイズした箇所をより良 …

3人に1人はスマホで見てる!?スマホだけに表示される“Lineで送るボタン”を設置してみた。

スマホの進化でここ3年の間で一気にネット環境はガラッと変わり、右も左もスマホだら …

WordPressブロガー必須のブログエディタ「MarsEdit」を購入して最初の設定とやるべき3つの設定

MarsEdit – the blog editor for Wor …

ブログテーマをSTINGER5に変更してすぐに変えたアドセンスの位置について

いかがお過ごしですか。@mok7malです。 タイトルがメールの表題みたいですが …

WordPressで一番最初にしたこと

    こんにちは。 記念すべき初投稿です、まずこのブログを …

Favicon(ファビコン)を作ってみました。

Favicons / loozrboy こんにちは。 ブラウザのアドレス欄によく …