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

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

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

２．Facebookのアクセストークンを延長する

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

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

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

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

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

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

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

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

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

WordPressのショートコードの表示位置が上に来てしまう問題を解決 | Tanidaizのプログラミング備忘録・日記

WordPressを使っていると、独自のPHPコードを固定ページ中に入れたくなる時があります。以前まではExec-PHPを使う場合が多かったように思いますが、最近はセキュリティの問題で、function.php内に記述したPHPコードを、シ

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

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