【Smash Balloon Social Photo Feed】WordPressサイトに、Instagramタイムラインの埋め込みを行う方法
![](https://wintos-hp.jp/wp-content/uploads/2022/09/青と赤-シンプル-対談-ビジネス-YOUTUBE-サムネイル画像.png)
「WordPressで構築したサイトにInstagramを連携させたい」
「日々のインスタグラムの更新をWordPressサイトにも表示させたい」
そんなお悩みを解決するのが今回の記事です。
WordPressプラグインの
「Smash Balloon Social Photo Feed」を
使って埋め込む方法をご紹介します。
Smash Balloon Instagram Feedの使い方
「Smash Balloon Social Photo Feed」インストール
WordPressプラグインの「Smash Balloon Social Photo Feed」をインストールします。
![](https://wintos-hp.jp/wp-content/uploads/2022/09/スクリーンショット-880.png)
インストール後、有効化すると
管理画面のメニューに項目「Instagram feed」が表示されます。
クリックすると以下の画面に変わります。
![](https://wintos-hp.jp/wp-content/uploads/2022/09/スクリーンショット-881-1024x609.png)
Instagramアカウントの認証
「+新規作成」ボタンを押すと、
以下の画面に変わります。
「ユーザータイムライン」を設定して「次へ」をクリック。
![](https://wintos-hp.jp/wp-content/uploads/2022/09/スクリーンショット-882-1024x623.png)
初期設定ではソースが追加されていません。
「+ソースを追加」をクリック。
![](https://wintos-hp.jp/wp-content/uploads/2022/09/スクリーンショット-883-1024x618.png)
Instagramアカウントの種類「Personal」「Business」を選択します。
(通常アカウント作成時はPersonalになっています。)
選択したら、Login with Instagramをクリック。
![](https://wintos-hp.jp/wp-content/uploads/2022/09/スクリーンショット-884-1024x544.png)
インスタグラムのログイン画面が表示されます。
ここでインスタグラムにログインを行います。
![](https://choppydays.com/wp-content/uploads/image-181.png)
ログイン後「承認」ボタンを選択します。
![](https://choppydays.com/wp-content/uploads/image-182.png)
承認後、下記のアカウント接続画面が表示されます。
「Yes, it is my domain」ボタンを選択し、アカウントに接続します。
![](https://wintos-hp.jp/wp-content/uploads/2022/09/スクリーンショット-885-1024x554.png)
Instagramタイムライン表示設定
InstagramタイムラインをWordpressホームページに表示します。
先ほど設定したフィードを選択すると以下の画面に変わります。
この画面で表示する投稿の数などを変えることができます。
調整し終わったら、
右上の「<>埋め込み」ボタンをクリックします。
![](https://wintos-hp.jp/wp-content/uploads/2022/09/スクリーンショット-886-1024x610.png)
ショートコード「instagram-feed」をコピーします。
![](https://wintos-hp.jp/wp-content/uploads/2022/09/スクリーンショット-887-1024x610.png)
Instagramを表示する[ページ]、[投稿]、
または[ウィジェット]に直接貼り付けます。
ブロックエディタで「ショートコード」を選択します。
![](https://choppydays.com/wp-content/uploads/image-185.png)
[instagram-feed]を貼り付けます。
![](https://choppydays.com/wp-content/uploads/image-184.png)
これで表示されるようになります。
まとめ
プラグインのインストールとアカウント接続、
ショートコードの設置のみで簡単に表示させることができます。
ぜひご自身のサイトで試し見てくださいね。
Wintosではホームページ制作を行っております。
![](https://wintos-hp.jp/wp-content/uploads/2022/11/Blue-Modern-A-Alphabet-Tech-Business-Company-Logo-e1668327317512.png)
・ホームページから集客したい
・名刺代わりとしてホームページを作りたい
・採用強化のためにホームページを作りたい
など、Wintosではお客様のご要望に沿ったホームページを制作します。
過去の制作実績としては、
- 年間5人しか集客できない組織
⇒HPを中心に平均年15人の集客に成功
- オフラインのみでの集客を行っていた理容室
⇒GoogleMapとHPの組み合わせで集客力UP
など、成果まで結びつくHP制作を行っています。
お電話でのお問い合わせはこちら▼
050-3635-1015