• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

FOXWP

WordPressの始め方と使い方をわかりやすく解説!

  • HOME
  • WordPressブログの始め方
  • お問い合わせ
FOXWP / プラグイン / Smash Balloon Social Photo Feedの使い方

Smash Balloon Social Photo Feedの使い方

最終更新日:2021年5月25日

目次 非表示
1 Smash Balloon Social Photo FeedってどんなWordPressプラグイン?
1.1 Smash Balloon Social Photo Feedの特徴・機能
2 Smash Balloon Social Photo Feedを使うべき方
3 Smash Balloon Social Photo Feedの使い方
3.1 初期設定(アカウント接続)
3.2 カスタマイズ
3.3 ショートコードの埋め込み
4 Smash Balloon Social Photo Feedを利用したインスタグラムのoEmbed埋め込み
5 Smash Balloon Social Photo Feedのよくある質問
5.1 1つのフィードに複数のユーザーのフィードを表示する方法

Smash Balloon Social Photo FeedってどんなWordPressプラグイン?

Smash Balloon Social Photo FeedSmash Balloon Social Photo Feed

Author(s): Smash Balloon

Current Version: 6.1.1

Last Updated: 2023年1月24日

instagram-feed.6.1.1.zip

98%Ratings 1,000,000+Installs WP 4.1+Requires

Smash Balloon Social Photo Feedは、インスタグラムのフィード表示が行えるWordPressプラグインです。

インスタグラムアカウントと接続を行い、フィードを表示したい箇所にショートコードを記載します。

Smash Balloon Social Photo Feedの特徴・機能

  • 接続したインスタグラムアカウントの投稿のフィード表示
  • 接続したインスタグラムアカウントの特定のハッシュタグの投稿の表示
  • 接続したインスタグラムアカウントの特定のタグ付けされた投稿の表示
  • 接続したインスタグラムアカウントの投稿のoEmbed表示

Smash Balloon Social Photo Feedを使うべき方

  • 自身のインスタグラムアカウントのフィード表示を行いたい方

Smash Balloon Social Photo Feedを使えば、接続したインスタグラムアカウントのフィード表示が簡単に行えます。

さらにハッシュタグやタグづけされた特定の投稿に絞ることも可能です。

Smash Balloon Social Photo Feedの使い方

ここでは、Smash Balloon Social Photo Feedの基本的な使い方を解説します。

Smash Balloon Social Photo Feedを初めて使うためには、以下の手順に沿って行います。

  • 初期設定(アカウント接続)
  • カスタマイズ
  • ショートコードの埋め込み

Smash Balloon Social Photo Feedをインストールし、有効化するとWordPress管理画面のメニューにInstagram Feedの項目が表示されます。

Smash Balloon Social Photo Feedの設定画面を開くには、「Instagram Feed ≫ Settings」をクリックします。

初期設定(アカウント接続)

Smash Balloon Social Photo Feedで表示できる投稿は、接続したアカウントのみです。

アカウント接続のために、設定画面のConfigureタブを開きます。

画面上部に有料版へのリンクがありますので、ハッシュタグやタグ付け表示が不要な方は×をクリックして閉じます。

見出し「Configure」のすぐ下に「Connect an instagram Account」ボタンがあるのでクリックします。

Personalアカウント・Businessアカウントどちらのアカウントと接続するか選択します。

これは接続したいアカウントの種類によって、選択すべき項目が変わります。Businessアカウントへの切り替えを行なっていない場合は、Personalアカウントになります。

今回は、接続したいアカウントがPersonalアカウントなので、Personalアカウントを選択し、Connectボタンをクリックします。

インスタグラムアカウントにログインしていない場合、ログイン画面が表示されますので、ログインを行なってください。

続いて、インスタグラムアカウント情報の提供許可の画面が表示されます。許可するボタンをクリックします。

次のポップアップが表示されます。接続したいアカウントが正しいか確認を行ってください。接続したいアカウントであれば、Connect This Accountボタンをクリックします。

ConfigureタブのInstagram Accounts欄に接続したアカウントが表示されます。

画面下部にある変更を保存ボタンをクリックし、内容を保存します。

続いて、Customizeタブを確認します。

カスタマイズ

カスタマイズタブでは、表示するインスタグラムフィードのデザインのカスタマイズが行えます。

大きく分けて、「General」「Layout」の項目があります。

表示したいデザインに合わせて、設定内容を変更します。

内容の変更を行なったら、画面下部にある変更を保存ボタンをクリックします。

ショートコードの埋め込み

接続を行なったインスタグラムアカウントのフィードを表示します。

フィードを表示するには、表示したい箇所に以下のショートコードを記載してください。

[instagram-feed]

以上がSmash Balloon Social Photo Feedの基本的な使い方になります。

Smash Balloon Social Photo Feedを利用したインスタグラムのoEmbed埋め込み

Smash Balloon Social Photo Feedを使えば、インスタグラムの個別投稿のoEmbedが可能となります。

oEmbedを行うためには、設定が必要となりますので、解説していきます。

WordPress管理画面のメニューより、「Instagram Feed ≫ oEmbeds」をクリックします。

次のポップアップが表示されますので、Connect to Facebookボタンをクリックします。

Facebookへのログインを行います。「〇〇としてログイン」ボタンをクリックします。

次にFacebookアカウントで管理しているサイトの一覧が表示されます。Smash Balloon Social Photo Feedを利用しているサイトを選んで、次へボタンをクリックします。

もしここにサイトが表示されない場合は、Facebookで管理サイトを追加する必要があります。

Smash Balloon Social Photo Feedのアクセス許可設定が表示されます。「完了」ボタンをクリックします。

Smash Balloon Social Photo FeedがFacebookにリンクされましたとメッセージが表示されます。OKボタンをクリックします。

WordPress管理画面に戻ります。これでインスタグラムのoEmbedsが可能となります。

Smash Balloon Social Photo Feedのよくある質問

1つのフィードに複数のユーザーのフィードを表示する方法

1つのフィードに複数のユーザーのフィードを表示するには、user属性を追加し、インスタグラムアカウント名をカンマ区切りで記載します。

[instagram-feed user="foxwp_com, a_second_user, a_third_user"]
類似プラグイン
  • 10Web Social Photo Feed
  • WPZOOM Social Feed Widget
  • Social Slider Widget
  • Feed Them Social
  • Easy Social Feed
関連記事
  • WordPressでおすすめのインスタグラムプラグイン7選(無料・有料)

Primary Sidebar

世界で一番利用されているWordPressテーマ

Divi WordPress Theme
レビューを見る

あなたの悩みは?

WordPress
セキュリティ
WordPress
トラブル
アクセスアップアフィリエイト
おすすめASP

最新ニュース

  • 【カラフルボックス】夏のキャンペーン実施中【2021年8月31日まで】

最近の投稿

  • WordPressでおすすめのバックアッププラグイン5選
  • WordPressのPHP設定を変更する方法(php.ini)
  • WordPressでおすすめの画像圧縮プラグイン5選
  • WordPressの投稿編集画面でその投稿を表示する方法
  • WordPressの管理画面に再利用ブロックの管理を追加する方法

カテゴリー

  • WordPress
  • お役立ち情報
  • アフィリエイト
  • ドメインレジストラ
  • レンタルサーバー
    • ColorfulBox
    • Conoha WING
    • mixhost
    • さくらのレンタルサーバー
    • エックスサーバー
    • エックスフリー
    • ロリポップ!
  • 便利ツール
WordPress学習方法
トップページへ

プライバシーポリシー|お問い合わせ
Copyright © 2023 FOXWP All rights reserved.