Plug-in `` Instagram Feed (Smash Balloon Social Photo Feed) '' that allows you to display photos posted on Instagram with Wordpress in the post text etc.

インスタグラムへ投稿した写真などを投稿本文などへ表示できるようになるプラグイン「Instagram Feed(Smash Balloon Social Photo Feed)」

公開日: コンテンツ追加
Knowledge Base SNS



モバイルデバイスを持っていない私には不要なプラグインなので紹介していませんでしたが、

で書いたようにパソコンからインスタグラムが使えるGoogle Chrome拡張機能があったので、早速インスタに登録してWordpressへ写真の一覧を挿入してみるのに使ったプラグインです。

※以前は「Instagram Feed」という名前で配布されていて、この名前でググるとたくさんの紹介記事が出てきますが、現在のプラグイン名は「Smash Balloon Social Photo Feed」となっているようです。

【Instagram Feed(Smash Balloon Social Photo Feed)】プラグインの用途や機能

プラグイン名の通りインスタグラムの埋め込みに特化したプラグインで

  • ショートコードで簡単にインスタの写真を投稿本文などへ表示することができる
  • インスタグラムとの連携が簡単ですぐに設定でき

のが特徴です。動画の表示やカルーセル(スライダー)表示、デザインの細かな変更などは有料版でしか実現できませんが、とりあえずインスタグラムの画像を並べて表示したい場合には有効なプラグインです。何より設定が簡単なのが最大の魅力です。

フォームに入力された値の計算結果を表示できるプラグイン「Calculated Fields Form」

コンテンツ中の設定場所まで来ると『前の記事』へのポップアップリンクを表示するプラグイン「upPrev」

投稿でタブ表示やアコーディオン表示ができるプラグイン「Squelch Tabs and Accordions Shortcodes」


この紹介記事を最後に編集したときの環境・バージョンなど

プラグインは製作者によって日々更新されていくため、この紹介記事が最新バージョンのものであるとは限りません。参考までにこの記事の最終更新日時点におけるテスト環境、プラグインバージョン、プラグイン導入時の留意点などを記載しておきます。

プラグインを使用(試用)したテスト環境

  • テストサーバー:カラフルボックスインスタグラムへ投稿した写真などを投稿本文などへ表示できるようになるプラグイン「Instagram Feed(Smash Balloon Social Photo Feed)」
  • WordPressのバージョン:5.2.3
  • PHPのバージョン:7.3.11
  • テーマ:ha-Basic(オリジナルテーマ)
  • プラグインのバージョン:記事更新時のバージョン 1.12.2/最新バージョン 2.3

より最新の情報をお届けするため、↑の記事更新時のバージョンと最新のバージョンが大きく異なる場合には↓↓↓のボタンのクリックにご協力ください(クリックするだけで管理人へ通知が届くようになっています)

Wordpressサイトへこの情報を参考にプラグインの導入をする方へ

Wordpressは古くから無料で配布されているサイト作成ツール(CMS)で、随時改良が加えられており、さまざまなバージョンが存在します。さらにWordpressを動かすためのプログラムであるPHP、サイトのデータを保存しておくためのデータベースについても様々なバージョンがあります。そしてWordpress本体同様にプラグインについてもさまざまなバージョンが存在します。本記事を参考にプラグインの導入をお考えの方は、以下に留意の上でインストールするようにしてください。
  • 前述したテスト環境での動作に基づいた紹介記事ですので、すべての環境で正常に動作するかどうかは不明です
  • プラグインに無料版と有料版(Pro版)がある場合、特に記載がなければ無料版の情報のみを紹介しています
  • このページでプラグインを使用する際に必要なショートコードやコードなどは、コピーして使用することができますが、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。
  • プラグイン本体の動作不具合や質問などは公式サイトのフォーラムなどで行ってください(ここでは質問にお答えすることはできません)

【Instagram Feed(Smash Balloon Social Photo Feed)】プラグインの設定画面や表示の日本語化と翻訳

当サイトで私が翻訳した【Instagram Feed(Smash Balloon Social Photo Feed)】プラグインの日本語化ファイルを配布しています。翻訳ファイルについての詳しい説明は


をご覧ください。

※翻訳することで設定が容易になり、重要な項目の設定漏れも少なくなりますから日本語化をお勧めします。

【Instagram Feed(Smash Balloon Social Photo Feed)】プラグインのインストールと設定

インストール方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

を参照ください

基本的な設定方法や使い方

Instagramアカウントと連携させて、表示したいところに[instagram-feed]というショートコードを挿入するだけで画像の一覧が表示されるようになります。
※パラメーターを設定することで表示件数や画像の表示列数などを指定して表示することもできます

Instagramアカウントとの連携方法

え?これでいいの?という位簡単にできます。スクリーンショットを交えて設定方法を紹介しておきます。

プラグインを有効化すると管理画面の左メニューにInstagram Feedというリンクが追加されますのでクリックして設定画面に移動します。

インスタグラムへ投稿した写真などを投稿本文などへ表示できるようになるプラグイン「Instagram Feed(Smash Balloon Social Photo Feed)」
上図のような画面で赤枠のボタンをクリックします

インスタグラムにログインする画面が表示されますのでログインすると以下の画面が表示されます
インスタグラムへ投稿した写真などを投稿本文などへ表示できるようになるプラグイン「Instagram Feed(Smash Balloon Social Photo Feed)」

赤枠のボタンをクリックすると、前の画面に戻ります

インスタグラムへ投稿した写真などを投稿本文などへ表示できるようになるプラグイン「Instagram Feed(Smash Balloon Social Photo Feed)」
上図の赤枠のように自身のインスタグラムの情報が表示されれば連携完了です。

【Instagram Feed(Smash Balloon Social Photo Feed)】の表示例

無料版でできるのはこのレイアウトのみです(有料版ではさらに違った表示方法が選択できるようです)

このプラグインの脆弱性に関する情報

プラグインはWordpressで作ったサイトを簡単に充実させることができる魔法の追加機能ですが、それを狙って悪意のあるコードを挿入したり、情報を盗み取ったり、最悪の場合はサイトを壊す、乗っ取るといった行為を行う入り口になってしまう可能性があります(これを脆弱性といいます)。

ここではこのプラグインに関して【WPScan脆弱性データベース】で脆弱性が確認されている情報を紹介します。お使いのプラグインのバージョンに該当する情報がある場合には、対策済みのバージョンへ更新する対策が取られていないようであれば別のプラグインの利用を検討するなどの対応をおすすめします。

脆弱性情報一覧

英語サイトからの取得データのため、一覧は英語表示、リンク先も英語ページとなりますので、英語が苦手という方は、同時翻訳が可能なブラウザを使用して閲覧してください

よく出てくる脆弱性警告と簡単な解説・参考サイト
※個人的な理解や解釈ですので、より詳しい内容についてはご自身でお調べください

Cross-Site Scripting (XSS)

フロントエンドから入力などを行うことができるサイトで、フォームに悪質なコードを仕込み、さまざまな方法でログイン情報などを盗み取る行為。より詳しい情報は以下のサイトを見てください(英語サイトです)

SQL Injection

何かを入力して条件などを設定する機能に対して悪意を持って条件を入力することで改ざんを行ったり、情報を盗み取ったりされる可能性を示す警告のことです。


※※ ここにリンク一覧がない場合、現在このプラグインの脆弱性情報はありません ※※

現在情報はありません

WPScan脆弱性データベースの概要

以下WPScanに掲載されている概要の引用文です。WPScanの詳細はこちらを参照ください。

WPScanは、非営利目的の無料のブラックボックスWordPress脆弱性スキャナーであり、セキュリティの専門家やブログの管理者がサイトのセキュリティをテストするために作成されています。

WPScan脆弱性データベースを使ったセキュリティスキャンプラグイン

WPScanへの登録(無料)が必要ですが、現在サイトにインストールされているプラグインやテーマに関して他者から攻撃を受ける可能性があるか(安全なものかどうか)を管理画面からチェックできます。


Wordpress関連の本

いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ)
インプレス
大きな画面の操作手順で迷わない。人気のテーマで、パソコン&スマホ両対応のWebサイトを作れる!ソーシャルメディアとの連携やSEO対策、バックアップなどの運用面も丁寧に解説。
できるWordPress WordPress Ver. 5.x対応 本格ホームページが簡単に作れる本 できるシリーズ
インプレス
WordPressは無料かつ高機能で、シェア率No.1のCMS(コンテンツ管理システム)です。その拡張性の高さから企業のホームページ制作にも利用されているほどで、ホームページで情報発信をするに当たって、個人でも本気度の高い方はWordPressを利用していることが多いです。本書はそんなWordPressの初期設定から制作、カスタマイズ、運用のノウハウまで幅広く学べる1冊です。

Knowledge Base Wordpress ha-Basic テーマ
  • 記事の作者: ひまあーと(管理人)

  • ☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
    ☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
    ☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。


いつでもご相談・サイトカスタマイズの依頼を受け付けています

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。


【スポンサーリンク】


記事の拡散にご協力をお願いします

閲覧いただきありがとうございました。役に立つ情報でしたら是非SNSでシェアをお願いします

関連情報