５．Facebookページの記事をショートコードで表示してみる

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

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

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

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

「４」で作ったショートコード[[fb_feed]]をWordPressの投稿記事に貼りつけてみます。試しにblockquoteで囲ってみました。

[fb_feed]

できました！自分のFacebookの投稿を新しいものから３件、表示しています。

ショートコードなので、ウィジェットなどでも使えます。htmlタグが書ける場面なら、表示個所によって違うidタグをつけてcssで成形してやると、変化がつけられておもしろいかもしれません。

jsonで取得できるデータについては、グラフAPIエクスプローラのページの「フィールドを検索」を使うといろいろ分かりますが、「full_picture」ではメインの大きいサイズの画像が取れるみたいなので、それを使って表示を工夫するのもいいでしょう。