WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます
※本サイトはプロモーションが含まれています

「Smash Balloon Instagram Feed」の使い方~Instagram連携プラグイン~

「Smash Balloon Instagram Feed」の使い方~Instagram連携プラグイン~

Instagramをよく投稿するのであれば、WordPressサイトにInstagramを埋め込むこともおすすめします。そうすることで、サイト自体を更新していなくても人気(ひとけ)がでますし、Instagramを知ってもらう、フォローしてもらうことにもつながりますよ。

この記事では、簡単にInstagramの埋め込みができるプラグインとして「Smash Balloon Instagram Feed」の使い方を解説します。

Smash Balloon Instagram Feedをインストール・有効化する

プラグインの新規追加ページで、「Smash Balloon Instagram Feed」と検索し、インストール・有効化しましょう。

「Smash Balloon Instagram Feed」の使い方~Instagram連携プラグイン~

Instagram Feedを作成するために連携しよう

サイドバーの「Instagram Feed」の「すべてのフィード」をクリック

「Smash Balloon Instagram Feed」の使い方~Instagram連携プラグイン~

「新規追加」をクリック

ユーザータイムラインを選択して、「次へ」をクリック

「ソースを追加」をクリック

自動的にリダイレクトがかかります

連携するInstagramのアカウント「Personalアカウント(個人)」「Business(ビジネス)」、どちらかを選びましょう。

通常は「個人」となっている可能性が高いですが、Instagramにログインすることで調べることができます。

「Smash Balloon Instagram Feed」の使い方~Instagram連携プラグイン~

「Connect with Instagram」をクリックします

Instagramのログインページに遷移するので、ログイン情報を入力しましょう。

ログイン情報を保存するかはどちらでもかまいません。

Instagramを連携するには「許可」をクリックします

次も同様に「許可する」をクリックします

セキュリティの質問があります。所有しているドメインかの確認がありますので、問題なければ「Yes, it is my domain」をクリック

下記は日本語に自動翻訳した画像です

以上で連携が完了します。

Instagram Feedを作成しよう

設定画面で「Instagramのアカウントを選択」し、「次へ」をクリックします。

Loading画面が開かれるので少し待ちます。

カスタマイズの設定をしましょう。
はじめにアクセスするとガイドが表示されるので、設定を読みながら次へを押していきます。

カスタマイズではInstagramを表示させる画像の数やヘッダー、もっと見るボタン、フォローボタンなどを表示させるかなどを設定できます。

設定では投稿をフィルタリングしたり、詳細設定を変更できます。

設定が完了したら右上の「保存」をクリックしましょう。

「Smash Balloon Instagram Feed」の使い方~Instagram連携プラグイン~

Instagram Feedの画面で「埋め込みフィード」のショートコードをコピーし、Instagramを表示させたい場所に貼り付けたら完了です!

「Smash Balloon Instagram Feed」の使い方~Instagram連携プラグイン~

補足:表示させるインスタの投稿数を変更させる

「ページに表示する投稿数を変更できますか?」という、ご質問をいただきましたので追記しますね。

表示させるインスタの投稿数はカスタマイズから変更可能です。

「Smash Balloon Instagram Feed」の使い方~Instagram連携プラグイン~

変更したいフィードの鉛筆ボタンをクリックします。

「Smash Balloon Instagram Feed」の使い方~Instagram連携プラグイン~

左のサイドバーで「フィードレイアウト」をクリックします。

「Smash Balloon Instagram Feed」の使い方~Instagram連携プラグイン~

レイアウト画面で好きなようにカスタマイズ可能です。

もし投稿数をパソコンで見てもスマホで見ても1行に3つ表示させたい場合は、
投稿数をデスクトップ・モバイルどちらも「3」に
列をデスクトップ・タブレット・モバイルいずれも「3」に設定しましょう。
※ただしスマホだと横幅が狭くて列を「3」にすると投稿がちいさくなってしまうため、スマホは「1」をおすすめします。

 

 

 集客&新規ビジネスに!はっちゃんの新サービス

WordPressで会員動画サイトが作れる!

\動画コンテンツで新しい収益を!/

オンライン講座機能付き
WordPressテンプレート新発売

多言語化によるお悩みを解決します

\導入費用のみ!月額費用は不要/

管理画面からカンタン更新!
AI翻訳+人力翻訳の使い分けも可能

 開催中のWordPress講座・セミナー

 WordPress・サイト運営のお悩みを解決します

女性講師によるマンツーマンレッスン開催中!
・オンラインレッスンだから全国どこでも参加可能
・2011年から150回を超える研修実績あり
・受講後も安心!メールサポート付き
・受講中の録画動画をお渡しします

 はっちゃんセミナー公式SNS

 はっちゃんYouTubeチャンネル

無料セミナー・お役立ち情報を配信中!

公式メールマガジンもあります!

新着情報

  新サービス開始しました

WordPressで会員動画サイトが作れる!
オンライン講座機能付きWordPressテンプレート新発売!→詳しくはこちら

多言語化によるお悩みを解決します!
管理画面からカンタン更新!AI翻訳+人力翻訳の使い分けも可能→詳しくはこちら

  ピックアップ講座

最新のAIコンテンツ生成とSEO対策が
6時間しっかり学べるコンテンツマーケティング講座(オンライン開催)→詳しくはこちら

 

WordPressに限らず、Canvaの画像編集やサイト運営に関係する内容と、受講生さんからのご質問等で共通な内容も掲載していきます。

  ピックアップ記事

 カテゴリー
公式Facebook
公式LINEアカウント

友だち追加

こちらのURLからお友だち登録できます。
https://lin.ee/CbqqEEI

公式メールマガジン

こちらのURLからメルマガに登録できます。https://www.8seminar.com/mailmagazine-form

PAGE TOP