デフォルトの Instagram ギャラリーとは別に、Snapwidget を使用して専用のギャラリーに追加することなく、Instagram の画像をページやブログの投稿に埋め込むことができます。
Snapwidget を追加するには、次の手順に従います。
- サインアップ スナップウィジェット. サインインすると、サービスの選択を求める画面が表示されます。
- セットアップボタンをクリックすると、セットアップが開始されます サービスを選択 (1)ボタン。
- これにより、Instagram、Facebook、Twitter の 2 つのオプション (XNUMX) から選択できるようになります。
- ソフトウェアの制限をクリック Instagram 好みのレイアウトを選択する必要があるセクションまで下にスクロールします。
- Web サイトに表示するレイアウトを選択します。 ウィジェットを構成するオプションが表示されます。 クリックしてください ウィジェットの構成
- これにより、ウィジェットの説明と外観を編集できる画面が表示されます。
- – ここをクリックして Instagram ユーザー名を追加します。 Instagram でのサインインを求めるポップアップが表示されます (まだサインインしていない場合)。 クリックしてください Instagramでサインイン
次に、承認の許可を求めるポップアップ ウィンドウが表示されます。 クリックしてください 承認する - 説明 – Instagram フィードの説明をここに入力します。
- サムネイルサイズ – ここで画像サムネイルのサイズを指定します。
- レイアウト – 表示する列と行の数を指定します。
- ウィジェットを取得 - クリックしてください ウィジェットを取得 ボタンをクリックして、埋め込みコードを取得します。 コードを表示するポップアップ ウィンドウが表示されます。 クリックしてください クリップボードにコピー ボタンをクリックして、埋め込みコード全体をコピーします。
- プレビューを更新 – ここをクリックして変更を更新します。
コピーしたコードをPixpa Studioに埋め込む
埋め込みコードをコピーしたので、任意のページまたはブログ投稿に貼り付けることができます。
ページに追加
- 埋め込みコードを任意の場所に追加できます ページ カスタム コード スニペットの助けを借りて。
- 方法を参照してください カスタム コード スニペットを使用してコードを埋め込みます。
ブログ投稿に追加
- に行きます ブログ投稿を編集する ページ 埋め込みコードを追加する投稿を編集します。
- 次に、テキスト エディタの上にある [<>] アイコンをクリックします。
- これにより、ブログ投稿のコンテンツのコードが表示されます。
- Instagram フィードを表示したい場所に埋め込みコードを貼り付けることができます。 この例では、投稿の下に埋め込みコードを追加しました。
- 変更を保存します。