ブログ

超簡単!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にコピーしたコードを追加してました。

関連記事

はてなブログからwordpressへの移行の仕方【2015】

以前、はてなブログからwordpressに移行した理由を書いたので、移行の仕方についても書きます。自動化できたので、以外に簡単でした。 スポンサーリンク はてなブログエクスポート まず、はてなブログか …

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

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

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

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

簡単!横長アイキャッチ画像をStinger / wordpressの記事一覧に埋め込んで見やすくしよう!

Stinger6を愛用させてもらっています。無料とは思えない本当に使いやすいブログテンプレートなんです。 でも、たくさんの人に使われすぎているために、インストールしただけだと他の人と同じデザインになり …

私が使っているブログ設定、テンプレート選び、デザイン、プラグイン等を公開します!

ブログの設定、デザイン、会社選びなどについて質問されることが多くなってきたのでここでまとめておきます。 ブログを初めて間もない方、初めようと思っている方、分からないことが多いと思うのでなるべく丁寧に解 …


2008年から2年間オーストラリアにワーホリ、留学。卒業後、シドニーでIT関連の仕事につく。結婚し子供が生まれたばかり。オーストラリア旅行、生活に役立つ情報を中心にシドニーからブログを書いてます。詳しいプロフィールを見る。