最新のInstagram投稿ブロック

サイトにInstagramの最新の画像を 「最新のInstagram投稿」で表示します。

最新のInstagram投稿ブロックを追加

最新のInstagram投稿ブロックは、Jetpackに接続されたすべてのサイトで利用できます。これはJetpackブロックの一部で、デフォルトで有効になっています。利用に有料アップグレードは必要ありません。Jetpackブロックの記事で、利用可能なブロックと有効化方法をご確認ください。

Jetpack Blocks require the Block Editor (also referred to as the Gutenberg editor). If you’ve installed the Classic Editor plugin, you have a few options:

  • Deactivate the Classic Editor: Go to Plugins → Installed Plugins in your WP Admin and deactivate the Classic Editor plugin.
  • Enable both editors: If you prefer flexibility, navigate to Settings → Writing in your WP Admin (not the menu under Jetpack settings). Set Allow users to switch editors to Yes. You will only see these options if you have the Classic Editor plugin installed and active.

Some custom themes or plugins may prevent you from using the Block Editor. In that case, please contact the support team for the plugin or theme for further assistance.

For more details, see Using Blocks and the Classic Editor.

ブロックセレクターのJetpackセクションで検索または選択すると、最新のInstagram投稿ブロックを追加できます。Instagramの緑色のロゴでこのブロックを見分けられます。Jetpackブロックの追加方法について詳しくは、こちらをご覧ください。

最新のInstagram投稿ブロックを設定

Instagramブロックを設定するには、Instagramアカウントに接続する必要があります。接続するには、次の手順に従ってください。

  1. ブロックを追加したら、「Instagramに接続」ボタンをクリックします。
  2. 作業中のデバイスで1つ以上のInstagramアカウントにログインしている場合、ブロックがそれらを認識し、接続の選択肢として一覧表示します。
  3. 使用するInstagramアカウントでログインするか、「新しいアカウントを追加」を選択します。
  4. 「認証」をクリックして、JetpackがInstagramの投稿にアクセスできるようにします。
  5. Instagramに新しい画像を投稿すると、ブロックが自動的に更新されます。

ブロック設定

各ブロックにはエディターのサイドバーに固有のオプションがあり、ブロックツールバーにもオプションがあります。サイドバーが表示されない場合は、公開ボタンの横にある設定アイコン(メニューのような形)をクリックします。

最新のInstagram投稿ブロックをカスタマイズする主なブロック設定は次のとおりです。

  • アカウント設定:接続されているInstagramアカウントを確認し、ここから接続を解除します。
  • 表示設定:投稿数と列数、画像間の間隔を変更します。投稿数を変更すると、このブロックに表示される画像数も変わることにご注意ください。「モバイルで積み重ねる」オプションでは、モバイルデバイスで投稿を表示する際に、各投稿(画像)を独立した行に表示するかどうかを指定します。
  • 詳細設定:ブロックにCSSクラスを追加し、カスタムCSSを記述して、好みに合わせてブロックをスタイル設定します。

トラブルシューティング

Instagramへの接続時に「リクエストnonceが無効またはありません」というエラーが表示される

このエラーは、Instagramアカウントの接続手順中に表示されます。WordPress.comアカウントの不一致が原因です。具体的には、次の2つの状況のいずれかに該当します。

  • ログインしているアカウントが間違っている:サイトは1つのJetpackを使用して、あるWordPress.comアカウント(例:「account-alpha」)に接続されていますが、現在、同じブラウザーで別のWordPress.comアカウント(例:「account-beta」)にログインしています。
  • WordPress.comにログインしていない:現在のブラウザーセッションで、WordPress.comアカウントにログインしていません。

このエラーを解決するには、次の操作を行います。

  1. 新しいブラウザータブを開き、WordPress.comに移動します。
  2. サイトのJetpackプラグインに接続されているものと同じWordPress.comアカウントでログインします。接続されているアカウントを確認するには、WP AdminでJetpack → ダッシュボードに移動し、そこに表示される接続済みアカウントを確認します。
  3. サイトに戻り、Instagramアカウントへの接続をもう一度試します。

正しいアカウントでログインしていることを確認した後もエラーが続く場合は、Jetpackとの接続を切断し、Jetpack → ダッシュボード → サイト接続を管理から再接続して、もう一度お試しください。

Still need help?

Please contact support. We’re happy to advise.

プライバシー情報

最新のInstagram投稿 ブロックは有効化されています。無効化することはできません。最新のInstagram投稿ブロックは、常にブロックセレクターで利用できます。

使用されるデータ
サイト所有者/ユーザー

APIリクエスト(HTTP)をサイトからInstagramへ直接送信します。
サイト訪問者

画像はPHP内でAPIリクエストを使用して投稿コンテンツに読み込まれます。
追跡されるアクティビティ
サイト所有者/ユーザー

アクティビティは追跡しません。Instagramが追跡する内容については、プライバシーポリシーをご覧ください。
サイト訪問者

アクティビティは追跡しません。Instagramが追跡する内容については、プライバシーポリシーをご覧ください。
同期されるデータ(続きを読む)
サイト所有者/ユーザー

投稿コンテンツの一部として、InstagramのURLを同期します。
サイト訪問者

なし。