WordPressプラグイン / Work 08

Instagram Connect

Instagramに投稿した写真を、そのままホームページにも並べられる道具です。

ProductionProduction use2026
Instagram Connectの接続設定画面。接続状態が正常と表示されている
Instagram Connect — Meta接続の設定画面(提供素材)

Case study / Context to value

Instagram投稿をサイトに並べるWordPressプラグイン。接続の手間を自動化。

Instagram Graph APIを利用するWordPress連携プラグイン(v0.3.0、Self App Mode)。投稿を静的なカードとして表示し、元の投稿へ誘導する。面倒なトークン管理の自動化と安定表示を目的に開発した。

01 / Challenge

解決する課題

SNSと公式サイトを別々に更新すると手間が増え、アクセストークンの期限やAPI障害も安定表示の妨げになる。

02 / Design & build

設計・開発

Instagram Graph APIとの接続、トークン管理、取得結果のキャッシュ、投稿・リール・カルーセル表示をWordPressプラグインへまとめた。

03 / Value

提供する価値

Instagramの更新を公式サイトの新鮮さへつなげながら、表示速度と運用負担の両方を抑える。

Instagram Connectの接続設定画面。接続状態が正常と表示されている
Instagram Connect — Meta接続の設定画面(提供素材)
EASTBAYのサイトに表示されたInstagram投稿のグリッド
Instagram Connect — サイトに表示されたInstagram投稿(提供素材)

Capabilities / What it does

安定したSNS連携を支える、3つの機能。

  1. 01投稿・リール・カルーセルを静かなカードで表示
  2. 02列数や画像の比率を管理画面で調整
  3. 03サイトの表示速度を邪魔しない軽い実装

Project facts

Role
企画・要件定義・UI・開発ディレクション・検証
Technology
WordPress / PHP / Instagram Graph API

Related works

Have a related project?

Culture,
engineered.

プロジェクトを相談する ↗