ホームページにFacebookの投稿(タイムライン)を表示させる方法です。
本説明ではElementorを使用していますが、HTMLウィジェットなら何でもよいです。
手順1
はじめに表示させたいFacebookのURLをコピーしておきます。
![Facebook埋め込み1](https://weblight.jp/wp-content/uploads/2022/11/e6fdb5acd0ff93e14b6303ebf56ae269-1024x658.jpg)
手順2
投稿画面右上の「・・・」をクリックして「埋め込み」を選択します。
![Facebook埋め込み2](https://weblight.jp/wp-content/uploads/2022/11/ba9132704e6edf9c355c4cc3429868a6.jpg)
手順3
「外部へ埋め込む」画面の「詳細設定」をクリックします。
![Facebook埋め込み3](https://weblight.jp/wp-content/uploads/2022/11/e415f20a5f3d4780aaa94a30fd242a47.jpg)
手順4
詳細設定の左ペインにある「ページプラグイン」をクリックします。
次にFacebookページのURLに、先ほどコピーしたURL(手順1)を貼り付けます。
(プレビューに対象のページが表示されます)
その他、幅や高さなど設定することも可能です。
![Facebook埋め込み4](https://weblight.jp/wp-content/uploads/2022/11/368af54d12225298513b36087058a538-1024x994.jpg)
手順5
プレビューの下にある「コードを取得」をクリックします。
![Facebook埋め込み5](https://weblight.jp/wp-content/uploads/2022/11/36feb97dae017b09c62d8268c28ced2a-943x1024.jpg)
手順6
コードが表示されますが、タブの「IFrame」を選択します。
下のコード(<iframe>~</iframe>)を全てコピーします。
![Facebook埋め込み6](https://weblight.jp/wp-content/uploads/2022/11/c1ffd7cd15fa43414181261b3a3b262a.jpg)
手順7
ホームページの編集画面を開き、HTMLウィジェットを配置します。
そこへコピーしたコードを貼り付けるとfacebookのタイムラインが埋め込まれます。
![Facebook埋め込み7](https://weblight.jp/wp-content/uploads/2022/11/65588e06266bf64848b764025508bea0-1024x835.jpg)
以上で完成です。