この記事では、「SNSプラグインブロック」においてのInstagramの投稿を埋め込む方法を解説します。
Instagramのソーシャルプラグインってどういうことができるの?という方は、まずはこちらの記事をご覧ください。
> Instagramのソーシャルプラグインの概要
1 ソースコードを取得
表示させたいInstagramの投稿の右上にある「...」をクリック。
メニューが表示されますので、「埋め込み」を選択。
コードが生成されますので、「埋め込みコードをコピー」をクリック。
コードがコピーされます。
2 ブロックを埋め込む
「SNSプラグインブロックの埋め込み方」を参考に、用途に合ったレイアウトのブロックをページに埋め込んでください。
3 メニューを選択
ダミー画像上の「編集」をクリック。
SNSプラグイン設定モーダルが出現します。
メニューから、Instagramを選択します。
4 ソースコードを貼り付け
①で取得したソースコードをテキストエリアに貼り付けます。
Instagramのソースコード入力に関する細かい画面説明はこちらをご覧ください。
> Instagramのソースコード入力の設定画面
5 プレビューで確認
「プレビュー」をクリックし、実際の見え方を確認しましょう。
6「保存」をクリック
内容に問題がなければ「保存」をクリック。
これでInstagramの投稿の埋め込みは完了になります。