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

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

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

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

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

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

[fb_feed]

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

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

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