4.WordPressのウェブサイト上にFacebookページの記事を表示するショートコードを作る

Facebookページの記事を取り出して別サイトに表示させるところまでできました。

1.とりあえずFacebookページのfeedを取得してみる

2.Facebookのアクセストークンを延長する

3.Facebookページの記事を取り出して別サイトに表示させてみる

いよいよ、「3」で作ったphpコードを使って、WordPressの固定ページや投稿ページの任意の場所にこの内容を表示させるために、ショートコードを作ってみます。

まず、WordPressでショートコードを作成するためには、functions.phpを編集する必要がありますね。当然のことながらこの「functions.php」はとっても大事なファイルでうっかり触りたくないので、子テーマを作成してそちらのfunctions.phpに記述を追加していくこととします。

functions.phpに以下のような記述を追加すると、実行したい内容をショートコードとして登録することができます。

function 【関数名】() {
    // 実行したい処理
}
add_shortcode('【ショートコード名】', '【関数名】');

ここでは、関数の名前を「get_fb_feed」、ショートコード名を「fb_feed」として登録してみます。

function get_fb_feed() {
    // ここに3で作成したコードの2~39行目までをコピーする
}
add_shortcode('fb_feed', 'get_fb_feed');

こうすると、投稿や固定ページ内で[[fb_feed]]と記述することによってFacebookページの記事を表示させることができるようになります。

ところが実際に投稿記事でやってみたところ、プレビューすると、ショートコードを挿入した位置ではなくて記事のトップに内容が表示されてしまいます(涙)。この解決方法はこちらにありました。

つまり、以下のように記述してやれば思ったような位置にFacebook記事を表示させることができます。

function get_fb_feed() {
  ob_start();
    // ここに3で作成したコードの2~39行目までをコピーする
  return ob_get_clean();
}
add_shortcode('fb_feed', 'get_fb_feed');