任意のページにセクションを追加し、Instagramフィードまたはソーシャルアイコンを表示します。これらのアイコンは、 ソーシャルリンク. に追加されることが最も多い。 プリフッター.
その Instagramのフィード どのページでも、Instagram から画像を取得して自動的に更新します。 フィードを取得するために Instagram を統合するには、次の URL にアクセスしてください。 設定 > 統合 ページで見やすくするために変数を解析したりすることができます。
ここで扱われる内容:
ページに Instagram セクションを追加する
- ページにセクションを追加できます。 既存のページにセクションを追加することも、 新しいページを作成する あなたのウェブサイト内。
- あなたのページで、をクリックしてください 青+アイコン 追加する 新しいセクション あなたのページに。

- 今すぐ セクションカテゴリ 左側にあります。
- 選択する ソーシャルと埋め込み (1)カテゴリーをクリックし、 Instagram タブ (2) から選択できます さまざまなレイアウト プロフィール (3) セクション。

- いずれかを選択 セクション レイアウト (2) をクリックしてページに追加します。
インスタグラムを管理する
- 次のステップでは、選択した Instagram セクションがページのキャンバス領域に追加されます。 クリックしてください ソーシャルを編集 今すぐボタン。

- クリックすると、 認証 Instagram 右側のオプション。 クリックして。
- アカウント認証のために Instagram にリダイレクトされます。 新しいタブで. あなたの ユーザ名 and password Instagram アカウントを認証します。

- Instagram にログインすると、アカウントが認証され、次のページにリダイレクトされます。 インテグレーション ページで見やすくするために変数を解析したりすることができます。

- 次に、ページ (ソーシャル セクションを追加した場所) に戻り、クリックして リロードリンク フィードを更新します。

- これで、ページに Instagram フィードとその他のセクションの設定が表示されます。 クリックしてください Save ボタンをクリックして、ライブ サイトで変更を公開します。

Instagram フィードのスタイルを設定する
- 以下を行うには、 インスタグラムを管理する
- 選択する レイアウト (1) Instagram フィードの場合。
- に現れる 4行 (2) Instagram フィードの。
- の数を設定します コラム (3) 飼料用。 3 ~ 8 列から選択できます。
- 追加 パディング (4) Instagram フィード画像の間。
- フィード画像を次のように表示します 列に収まる or 切り取ったまま とします。

Instagramのトラブルシューティング
不足している場合は、 コラボ投稿、 かもしれない 表示されない Instagram フィードで。現在、私たちが使用している Instagram API はコラボレーション投稿をサポートしていません。
投稿を自分のアカウントに直接アップロードし、コラボレーションで別のユーザーをタグ付けすると、その投稿が Instagram フィードに表示されるはずです。
ただし、別のユーザーが投稿をアップロードし、あなたをコラボレーターとしてタグ付けした場合、その投稿は表示されません。残念ながら、Facebook/Instagram はすべての例外を公開していないため、開発者が共同投稿を Instagram フィードに正しく表示できるようにサポートを提供するのを待っています。
Instagramの認証中にエラーが発生した場合は、以下の手順に従ってください。
- に行きます Instagramの設定.
- オプションを検索 – アプリのウェブサイト権限
- アプリのウェブサイト権限の下で アプリとウェブサイト.
If ピクスパギャラリー2020 存在する場合は、それを削除してから、Instagram の認証を再度試してください。
ソーシャルアイコンセクション
- ソーシャルアイコンセクションをページに追加するには、 マークされたレイアウト Instagramセクションの。

- 以下を行うには、 コンテンツを編集する ソーシャルアイコンを管理するためのボタン。

[ソーシャル アイコンの管理] ドロワーから、次のことができます。
- どちらを選択するか リンク (1) ここに表示されます。
- を選択した場合、 ウェブサイトのソーシャル リンク オプション、 ウェブサイトのヘッダーまたはフッターに存在するソーシャル アイコン ここに表示されます。
- それ以外の場合は、 ソーシャルアイコン (2) を入力します。 プロファイルリンク とします。
- 特定します 見出し (4)セクションの。

スタイルオプション
- を調整する アイコンサイズ ソーシャルアイコンのサイズを拡大または縮小する。
- 選択する 形式 利用可能なオプションからソーシャルアイコンを選択します。
- をセットする アイコン間隔 各アイコン間の距離を制御する。
- まず アイコンのスタイル 選択した色、またはブランドカラーのいずれか。
- 選択された色を選択した場合、 アイコンの色.
- をセットする アイコンの背景色 選択したスタイルに該当する場合。
- を調整する 見出しの下のスペース 見出しとアイコンの間隔を制御する。
- 選択する テキストの配置 セクションを左、中央、右のいずれかに設定します。
- クリック Save ボタンをクリックして変更を適用します。
