Elementor ProのFacebook Pageウィジェットの使い方
Elementor ProのFacebook Pageウィジェットは、Facebookページを記事内に埋め込むことができます。
【限定】Elementor Proの使い方を動画で網羅的に学びませんか?こちらから無料でコースを受講できます。
コンテンツのページ設定
「コンテンツ」にある設定項目を以下で確認していきましょう。
リンク
FacebookページのURLを入力します。
レイアウト
フィードに「Timeline」、「Events」、「Messages」を表示することができます。クリックするとメニューが開くので、好きなものを選択して、追加します。複数追加することも可能です。全て削除すると、ヘッダーだけが表示されます。
Small Header
「はい」にするとFacebookのヘッダーの縦幅が狭くなります。
Cover
「はい」にするとFacebookのカバー画像が表示され、「いいえ」にすると非表示になります。
Profile Photos
「はい」にすると「Like」ボタンを押してくれた人のプロフィール画像が表示されます。
Custom CTA Button
「はい」にすると、Facebookページで設定したCTAを表示してくれます。「いいえ」にすると、デフォルトのシェアボタン(「Share」ボタン)が表示されます。
高さ
Facebookページフィードの高さ(ウィジェットの高さ)を調節します。
いつも拝見させて頂いますm(_ _)m
上記の方法でサイトにFBページを貼り付けたら英語表記になってしまったのですが、何か特別な設定方法がありますか?元々のFBページは日本語でタイムラインでの表示も日本語なのですが、ちゃんと英語に翻訳されてしまいます^^;
コメントありがとうございます。こちらのウィジェットは、英語表記になってしまうみたいなので、こちら(https://developers.facebook.com/docs/plugins/page-plugin?locale=ja_JP)でページを検索して、「コードを取得」ボタンをクリックしてみてください。するとポップアップが表示されますので、タブを「IFlame」に切り替え、コードを取得します。あとは、HTMLウィジェットでコードを埋め込めばFacebook Pageウィジェットと同じように対応できます。
いつも拝見させていただき、大変参考になっております。
上記の方法でfacebookのプロフィール画面のURLをコピーし貼り付けましたが、反映されず画面に表示されません。
対策方法を教えいただけますと幸いです。
ご覧いただきありがとうございます!個人アカウントのURLを設定していないでしょうか?
ios safariで表示されんません