説明
Instagram 投稿を埋め込むことができるブロックを追加します。ブロックエディタに最適化された埋め込み機能を提供します。
1つのサイトで複数のアカウントを管理することができます。
ビジュアル編集は、すべてブロックエディタ上で行うことができ、より快適に、より柔軟に、よりスピーディーに目的のレイアウトを実現することができます。
自分の投稿、他のプロアカウントの投稿、ハッシュタグに関連する投稿を埋め込むことができます。
他のプロアカウントからの投稿を取得したり (Business Discovery)、ハッシュタグに関連した関連した投稿を取得するには、Instagram Graph API による認証が必要です。
Instagram から取得したデータは、より高速に表示するためにキャッシュされています。
キャッシュの有効期限が切れると、バックグラウンドで自動的にデータを取得し、再取得が完了した時点で更新されます。これにより、常に有効なキャッシュを利用することができます。
Blocks ; 共通オプション
全てのブロックで以下のオプションが利用可能。
- 高度な投稿取得
- 取得の種類
- 他のユーザのユーザ名
- ハッシュタグ
- 動画のオプション
- 動画の表示
- Instagram 投稿の開き先
- 投稿のキャプション
- 表示、非表示
- 行数
- 投稿者
- 表示、非表示
- 投稿日時
- 表示、非表示
- マウスホバー時のエフェクト
- スリガラス効果
- 回転効果
- フッタ
- 表示、非表示
- 位置 (左 / 中央 / 右)
- いいね、コメント数
- 表示、非表示
- 位置 (画像のホバー / 画像の下)
ブロック； Simple Grid
グリッド状に投稿を配置するブロック。
以下のカスタマイズが可能です。
- 外側の余白 (PC / タブレット / スマホ)
- レイアウト (PC / タブレット / スマホ)
- 列数
- 行数
- アスペクト比
- 間隔
- ハイライト
- 大きさ
- 位置 (左 / 上)
- ヘッダ
- 表示、非表示
- 位置 (左 / 中央 / 右)
- フォロー数
- 表示、非表示
- フォロワー数
- 表示、非表示
ブロック； Simple Slider
横スライドするブロック。
以下のカスタマイズが可能です。
- レイアウト
- ベース幅
- 最小の幅
- 最小の列数
- 列数
- 行数
- アスペクト比
- 間隔 (横 / 縦)
- スクロール
- 遷移時間
- イージング関数 (Linear / InOutSine / InOutQuad / InOutCubic / OutBounce / ベジュ曲線)
- ナビゲーションボタンの外部配置
ブロック； Masonry Grid (β機能)
グリッド状に投稿を配置するブロック。
以下のカスタマイズが可能です。
- 外側の余白 (PC / タブレット / スマホ)
- レイアウト
- メディアの数
- 列の最大幅
- 間隔
- 読み込み時のエフェクト
- ヘッダ
- 表示、非表示
- 位置 (左 / 中央 / 右)
- フォロー数
- 表示、非表示
- フォロワー数
- 表示、非表示
モーダルウィンドウ
モーダルウィンドウを選択すると、ページからの離脱を避けて Instagram 投稿の詳細を表示することが可能です。
また、モーダルウィンドウ内に CTA (Call to Action; 行動喚起) を設置できます。
Instagram アカウントの認証
Instagram のアカウントと簡単に連動できます。
複数のアカウントを管理でき、ブロックを作成する際に使用するアカウントを個別に選択できます。
3rd party resources
Font Awesome
WebSite: https://fontawesome.com/
License: https://fontawesome.com/license/free
スクリーンショット
ブロック
このプラグインは5個のブロックを提供します。
- [Beta] Instagram – Masonry Grid Embed Instagram posts in a masonry layout. This is a Beta block.
- Instagram – Simple Slider Embed Instagram posts in a carousel slider.
- Instagram – Simple Grid Embed Instagram posts in a grid layout.
- Instagram follow buttons Button area for the Instagram account selected on the parent block. The button link is set automatically from that account.
- Modal window content Content shown below the caption inside the Instagram modal.
インストール
- あなたの管理画面のプラグイン検索欄に「Combine Social Photos」と入力します。
- このプラグインを見付けたら、「今すぐインストール」をクリックしてインストールします。
(他の方法) あなたの管理画面のプラグイン新規追加から「still-be-combine-social-photos.zip」を直接アップロードして下さい。
(他の方法) 解凍した「still-be-combine-social-photos」ディレクトリを /wp-content/plugins ディレクトリ以下にアップロードして下さい。 - WordPress のプラグインメニューから有効化する。
FAQ
-
ユーザ認証とは何ですか？
-
プラグインはあなたのアカウントを経由して Instagram のデータを取得します。そのため、このプラグインがあなたに代わって Instagram にアクセスするための許可が必要となります。
-
“Basic Display API” と “Graph API” の違いは何ですか？
-
Basic Display API は、自分のアカウントの投稿のみを表示するための API で、Instagram アカウントと Facebook ページの連携は必要ありません。(認証は Instagram のアカウントで行います)
手軽に利用できる反面、プロフィール画像やいいね数、コメント数などの詳細情報を取得することはできません。Graph API はより幅広い情報を提供しますが、Facebook ページに連携された Instagram プロアカウント (ビジネスまたはクリエイターアカウント) が必要です。(認証は Facebook アカウントで行われます)
これにより、プロフィール画像、いいね数、コメント数の取得に加え、他のプロアカウントの投稿やハッシュタグに関連する投稿を表示することができます。 -
新たな投稿が埋め込んだフィードに表示されません。
-
投稿データは一定期間キャッシュされるため、キャッシュの有効期限 (デフォルト：3,600秒) が切れるまでお待ちください。フィードをより早く更新したい場合は、設定画面でキャッシュの有効期限を短くしてください。
また、WP-Cron を無効にしている場合は、キャッシュの自動更新のために再有効化してください。WP-Cron が無効になっていると、Instagram CDN からメディアが読み込めなかった場合にのみキャッシュの更新がトリガーされます。その場合、ユーザーにはキャッシュ切れの通知が表示され、ページの再読込が必要になります。
-
クラシックエディタで使用できますか？
-
いいえ、対応していません。このプラグインはブロックエディター (Gutenberg) 専用に設計されています。
-
ハッシュタグの変換ができないのはなぜですか？
-
ハッシュタグは ID に変換する必要がありますが、この処理は Instagram の制限により「7日間に30回まで」となっています。多くのハッシュタグを変換する場合は、数日待ってから再度お試しください。
-
ハッシュタグ投稿が表示されません。
-
Instagram の API 制限により、最新のハッシュタグフィードで取得できるのは「過去24時間以内」の投稿のみです。
ただし、一度正常に取得された投稿は、24時間以上経過したキャッシュデータも保持されるため、プラグインは表示を継続します。つまり、最初にブロックを設定した時点の24時間前からの投稿が、徐々に蓄積されて表示されるようになります。
-
これは Instagram を表示する Facebook Graph API の制限 (仕様) です。ハッシュタグに関連する投稿では、投稿者の情報を取得することはできません。
-
動画のサムネイルが自分の投稿以外表示されない。
-
これは Instagram を表示する Facebook Graph API の制限 (仕様) によるものです。
バージョン0.8以降では、代替案として動画を「表示しない」か「自動再生する」かを選択できるオプションが利用可能です。
-
Masonry Grid で表示するたびに配置が変わってしまいます。これはバグですか？
-
いいえ、これはプラグインの想定された挙動 (仕様) です。
各要素の正しい高さを計算するために、プラグインはまず要素サイズが未知の画像を読み込む必要があります。それぞれの画像が読み込み終わるタイミングの違いによって、最終的なレイアウトに若干の影響が出ることがあります。
-
Internet Explorer (IE) はサポートされていますか？
-
いいえ。Microsoft は2022年6月15日に Internet Explorer のサポートを終了しました。当プラグインは、モダンなウェブブラウザ以外での動作は保証していません。
-
ナビゲーション要素は Simple Slider ブロックの外側に配置されるため、ブロックの親要素 (コンテンツエリアのコンテナ要素など) に
overflow: hidden;が設定されていると表示されなくなります。テーマの設定を確認するか、Simple Slider ブロックをグループブロックで囲み、ナビゲーション用の余白 (左右のマージンや外側のパディング) を十分に確保してください。
評価
貢献者と開発者
変更履歴
0.21.0
2026-07-26
非常に長いキャプションや多数の画像をもつ Instagram 投稿が含まれる場合にデータを安定して取得できない問題を修正。
0.20.3
2026-06-10
投稿のキャッシュデータを分割取得中に発生するエラーを修正しました。安定したキャッシュデータの更新が行えます。
0.20.2
2026-04-06
Slider クラスの起動順序が不安定なため依存関係を明確化して安定性を改善。
0.20.1
2026-04-06
バージョン0.20よりも以前に設定されたモーダル内コンテンツの表示位置を修正。
0.20.0
2026-04-04
機能の変更と追加
- Block API v3 に対応
- フィード表示ブロックの子ブロックとして、follow-buttons と modal-slot を追加
- Block Binding API で使用する
sb-csp/ig-profile-urlカスタムソース (フォローボタンの Instagram プロフィール URL) を追加 - 内部ブロックは、フォローボタン位置とモーダル表示の設定により自動同期
- 親要素の
providesContextでアカウント情報とフォローボタン有無を子要素に伝達 - エディタ内でモーダル編集位置を最下部に固定
- 各種設定値が変更されるとサーバサイドレンダリング (SSR) により再プレビューを生成
その他の改善と検証
- WordPress 6.7 以上、PHP 8.0 以上での動作環境を要求
- WordPress 7.0で動作確認
- キャッシュ更新の信頼性向上
- 使用していない JS コードの削除
0.17.6
2025-12-05
WordPress 6.9 での動作確認。
0.17.5
2025-11-17
動画が他のスライダー要素に被ってしまう不具合を修正。
0.17.4
2025-11-17
CSS を調整。
0.17.3
2025-11-17
画面幅がやや狭い時にモーダル内の画像がはみ出してしまう不具合を修正。
編集画面に配置されたブロック設定でシャドウ有無がリセットされてしまうバグを修正。
0.17.2
2025-08-08
コンテナ要素 (<aside>) に get_block_wrapper_attributes() 関数による属性値を追加。
コンテナ要素の上下マージンを削除。
0.17.1
2025-05-09
ハッシュタグ表示のみの利用や長期間アクセスされないページでも、Instagram ユーザデータを最新に保つための定期更新を追加。
Business Discoveryを通じて他のビジネスユーザーの投稿を表示した後、同一ページ内の下にある別の Instagram 投稿が読み込めなくなるバグを修正。
0.17.0
2025-05-07
WordPress 6.8 での動作確認。
Facebook Graph API のバージョンを v22.0 にアップデート。
デフォルトでのダークモードスタイルを無効化。
設定で有効にした場合のみダークモードに対応したスタイルを適応するように変更。
0.16.0
2024-07-10
WordPress 6.6 での動作確認。
Facebook Graph API のバージョンを v20.0 にアップデート。
石積みレイアウト (Masonry レイアウト) の構築メソッドを変更。安定性を向上。
0.15.3
2024-04-05
Masonry Grid ブロックの読込効果のイージングが時々動作しないバグを修正。
管理画面の通知のキャッシュ保持の処理方法を変更。
0.15.2
2024-03-27
Masonry Grid の配置動作の安定性を改善。
主にスマートフォンでのリサイズやスクロール時に顕著に改善。
0.15.1
2024-03-26
Simple Grid と Simple Slider ブロックの投稿が表示されないバグを修正。
0.15.0
2024-03-26
新しいブロック；Masonry Grid を追加。
これはβ機能です。
0.14.2
2024-03-20
管理画面のおしらせの表示方法を変更。
0.14.0
2024-03-20
ハッシュタグ投稿の表示にユーザートークンが必要になったため、更新処理を追加。
細かな調整などを実施。
0.13.5
2024-03-13
説明文を短縮。
0.13.4
2024-03-13
WordPress 6.5 での動作確認。
Facebook Graph API のバージョンを v19.0 にアップデート。
バグの修正。
0.13.3
2023-11-20
WordPress 6.4.1 での動作確認。
6.4 では cURL のエラーが発生するため、6.4.1 以上を使用すること。(WordPress コアのバグ)
0.13.2
2023-09-03
WP-Cron でアクセストークンが使用できるか確認する機能を有効化。
0.13.1
2023-09-01
Graph API のアクセストークンを再認証する機能を追加。
0.13.0
2023-08-16
Simple Grid ブロックのレスポンシブ設定が反映されないバグを修正。
WordPress 6.3 での動作確認。
0.12.1
2023-06-21
Facebook Graph API のバージョンを v17.0 にアップデート。
0.12.0
2023-03-26
Simple Grid ブロックに、投稿情報 (キャプション、投稿者、投稿日時、インプレッション数) の表示位置を選択できるオプションを追加。
Facebook Graph API のバージョンを v16.0 にアップデート。
WordPress 6.2 での動作確認。
0.11.3
2022-12-21
Basic Display API を使用した場合に、投稿が取得できない不具合を修正。
0.11.2
2022-12-01
API からデータが取得されないことがある問題を解消して安定性を向上。
(API の応答速度が遅い場合)
編集画面ではキャッシュを確認せず、常に最新のデータを取得するように変更。
0.11.1
2022-11-21
Graph API を手動で連携させる機能が正しく動作しない不具合を修正。
バグを修正。安定性を向上。
0.11.0
2022-11-11
WordPress 6.1 での動作確認。
Instagram 投稿の開き方のデフォルトを “新しいタブで開く” に変更。
バグを修正。安定性を向上。
0.10.0
2022-10-12
モーダルウィンドウの基本的な動作を改善。
モーダルウィンドウを開いた時に次や前の投稿に直接遷移するボタンを追加。
モーダルウィンドウに CTA を追加できる機能を追加。
※ブロック編集画面で修復が必要なケースが発生しますが、ブロックリカバリーにより問題なく修復されます。
0.9.1
2022-10-09
ダークモードに対応。
0.9.0
2022-10-09
Instagram 投稿を開くウィンドウを指定するオプションを追加。(同一 / 新規 / モーダル)
これに伴い、Javascript の読込処理を整理。
Facebook Graph API のバージョンを v15.0 にアップデート。
バグの修正。
0.8.1
2022-08-20
スライダーにイージング関数を追加。
Basic Display API でアクセストークンの更新まで投稿数が更新されないため、1日1回更新されるように変更。
CDN キャッシュの失効を防ぐため、1日1回、最新のハッシュタグ投稿にアクセスする処理を追加。(ベータ版、テスト機能)
0.8.0
2022-08-03
動画の表示オプションを追加。サムネイルの表示、非表示、自動再生の選択肢を追加。
ハッシュタグのついた最新投稿のキャッシュデータから、過去24時間以前も保持するように変更。(テスト)
バグの修正。
0.7.1
2022-07-26
期限切れの画像をトリガーとしたキャッシュ更新処理のテストコードを削除。
グローバル変数に各サイトに適した URL を設定。
0.7.0
2022-07-26
ハッシュタグに関連する投稿を表示するオプションを追加。
期限切れの画像がある場合、キャッシュを更新する処理を追加。
中途半端なスクロールのときの動作をより改善。
0.6.1
2022-07-12
スクロールが半端な時、イージング関数が途中で中断される挙動を調整。
0.6.0
2022-07-10
以下の機能を追加。
- Simple Grid ブロックの外側の余白
- Simple Sliderブロックのスクロール動作 (遷移時間、イージング)
Smple Grid ブロックのエディタ用 CSS のパスを修正。
Facebook Graph API のバージョンを v14.0 にアップデート。
0.5.0
2022-05-23
投稿画面で Instagram アカウントの連携が自動的に設定されないバグを修正。
WordPress 6.0 での動作確認完了。
0.4.0
2022-05-08
“Instagram Graph API” のアプリレビューに承認。
Graph API の認証処理のバグを修正。
ダークモードに対応。
0.3.1
2022-05-05
Business Dicovery を実装。
0.3.0
2022-04-28
Instagram Graph API の処理を追加。(自分のデータ取得のみ実装済み)
各ブロックの詳細設定を追加。
キャッシュのデータ構造を変更し、キャッシュデータを格納するキー (条件のハッシュ値) が衝突しても、他のデータが失われないように調整。
JS 用翻訳関数の読み込みタイミングを変更。
その他、細かいバグを修正。
0.2.4
2022-04-14
トークン生成ページを日本語に対応。
0.2.3
2022-04-11
バグを修正。
0.2.2
2022-04-11
Simple Grid ブロックにレスポンシブ設定を追加。
0.2.1
2022-04-11
フルサイト編集 (FSE) のためにすべての管理画面で管理用 Javascript を読み込むように変更。
Javascript 向けの翻訳関数を動作させるように wp_set_script_translations() 関数を呼び出すように初期化処理を変更。
0.2.0
2022-04-10
“Instagram Basic Display API” のアプリレビューに承認。
0.1.1
2022-04-09
WordPress プラグインディレクトリに公開
0.1.0
2022-04-07
初回リリース