ADI:Instagram Feed を追加・設定する
読了時間:2分
Instagram アカウントをサイトに接続して、写真や動画を紹介しましょう。サイトのトラフィックを増やし、大切な瞬間をサイト訪問者とリアルタイムで共有しましょう。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/03/28/792864c7-942e-4210-8639-7ecee0f25cda/171f06de-c528-443e-a7b5-8d1150014af9.jpg)
ステップ 1 | Instagram Feed を追加する
まずは、Instagram Feed アプリをサイトに追加します。
アプリを追加・設定する方法:
- ADI トップバーある「追加」をクリックします。
- 「アプリ」をクリックします。
- 「Instagram Feed」にマウスオーバーして「追加」をクリックします。
- 「ページを選択」ドロップダウンをクリックし、フィードを表示するページを選択します。
- 「ページに追加」をクリックします。
- 閉じるをクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2022/07/01/33d4672c-4d24-40e6-890d-1192193fbd72/91034ec1-a7d3-482e-9fbd-ad15a4caf799.jpg)
ステップ 2 | フィードを設定する
次に、利用可能なオプションを使用してフィードを設定し、ニーズに合わせてデザインを編集します。
フィードを設定する方法:
- ADI ビルダー内で Instagram Feed をクリックします。
- 左側で「 Instagram を接続」をクリックします。
- Instagram ポップアップで「許可」をクリックします。
- 利用可能なオプションを使用してフィードを設定します:
- 全幅レイアウト:トグルを有効にして、フィードをサイトの全幅に合わせます。
- 「もっと見る」ボタン:トグルをクリックして、「もっと見る」ボタンを表示または非表示にします:
- 有効化:このボタンをクリックすることで、サイト訪問者はより多くのフィード写真を見ることができます。
- 無効化:サイト訪問者には、選択したデザインで指定されている数の写真のみが表示されます。
- ポップアップ設定:ドロップダウンをクリックして、画像を表示するモード(「ライト」または「ダーク」 )を選択します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2022/07/01/95b7f8d4-dcd2-4de9-900b-dce1443aa078/0624f5fb-4f78-4f7b-a527-421065619a89.jpg)
- (オプション) 「設定」横の「デザイン」をクリックし、新しいデザインでフィードを表示しましょう。
ヒント:
アカウントを切り替えたい場合:別のタブで Instagram からログアウトし、ADI エディタに戻って別の Instagram アカウントを接続します。
お役に立ちましたか?
|