ブログ

超簡単!Facebookページをwordpressに表示するには

投稿日:10月 10, 2015 更新日:

wordpressはてなブログと違い、孤立しがち。TwitterやFacebookなどのSMSと連携していことで、閲覧数を増やすことが可能です。

ということで、以下のようなFacebookをページをサイドバーに追加しました。wordpressを使っている方は是非トライしてみてください。

Screen Shot 2015-10-11 at 8.02.05 PM

スポンサーリンク

Facebookページを作成

まずは、ブログ用のFacebookページを作成します。Facebookにログインし、右上の矢印から、Create Pageをクリックし、Pageを作ります。

Screen Shot 2015-10-11 at 12.05.39 AM

ガイドラインにしたがって、ブログのURLや、ブログ名などをフォームに記入してください。簡単に作成できるはずです。

ブログパーツを作成

今、作成したばかりのFacebookをwordpressに表示させるために、ブログパーツを作成します。まず、このURLにアクセスしてください。

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

以下のようなページが開くはずです。

Screen Shot 2015-10-10 at 11.49.14 PM

Facebook Page URLに自分のFacebook URLを追加します。widthとheightに自分の好きな数値を入力し、サイズを変更します。自分のFacebook Feedが自動的に作成されるので、確認したらGet Codeボタンをクリックします。

コードが表示されるので、コピーします。

ブログパーツを表示する

あなたの、wordpressの好きな箇所にコピーしたコードを追加してください。

私の場合は、stinger5を使っているので、sidebar.phpにコピーしたコードを追加してました。

関連記事

簡単に、”続きを読む”ボタンの見栄えを良くする

はてなブログのトップページにある記事をすばやく閲覧してもらうために、”続きを読む”ボタンを配置しておく方は結構多いと思います。このボタンを追加するのは簡単で、以下の画像のように、文章中のどの箇所でもよ …

ソースコード【html, css】をはてな記法で記事中に表示がどうしてもできない時の解決法

ソースコードを記事の中表示させるっていうのは、結構いろんな方が説明してくれているんですが、どのページを見て、その通りにやってみてもできなかったので、もう諦めかけていたんですが、できました! たぶん、こ …

超簡単!記事中の見出し【サブタイトル】を自動的にもっと見やすくする!

はてなブログはフォントの大きさなどもちょうどよくて気に入っているんですが、他の人のブログを読んでいると、あーこんなんいいなぁと思うことがありまして、、 そのうちの一つがこれ!サブタイトル、見出しという …

トラッキングがインストールされていません / Tracking Not Installed (Google Analytics)

グーグルアナリティクスをはてなブログに導入しようとしてみたけれど、データがうまく反映されていないことがありました。同じ経験する人が必ずいると思ったので、シェアしておきます。 スポンサーリンク

簡単にはてなブログにナビゲーションバー【カテゴリー】を追加する。

ナビゲーションバーとは、ウェブサイトのトップにあり、カテゴリーに素早くアクセスさせることが可能です。ある特的の記事に興味がある人が見に来てくれた時でも、このナビゲーションバーで気になる記事だけチェック …

  • 2008年から2年間オーストラリアに留学。卒業後、シドニーでIT関連の仕事につく。留学中に出会った彼女と結婚しオーストラリアで生息中。ブログは「オーストラリア生活の予備知識」として、オーストラリア生活に役立つ情報を中心にブログを書いてます。 詳しいプロフィールはこちら!!