「Smash Balloon Social Post Feed」をお使いになられている方、お分かりになる方はお教えいただけますでしょうか?, teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。, 評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。, 上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。, お力になっていただき有難うございました! 「Smash Balloon Social Photo Feed」とは. WordPressのサイト内にインスタグラムフィードを埋め込む際に最も簡単に活用できるプラグインの紹介です。表示するフィードのデザインやカラム数まで調整できますので、当記事で使い方を解説いたします。, 弊社のYouTuber TAKAPONによる動画解説は、下記よりご覧いただけます。, WordPressで制作したサイト内に簡単にインスタグラムフィードを表示できるプラグインです。主な特徴は以下の通りです。, 管理画面から「Smash Balloon Social Photo Feed」を検索してインストールするか、下のボタンからもダウンロード可能です。プラグインファイルを wp-content/pluginsディレクトリにアップした後、管理画面から有効化してください。, 個人アカウント or ビジネスアカウントを選択した後、インスタグラムの認証画面で「承認」をクリックしてください。, アカウント名に間違えがなければ、紐付け完了です。ここまでの設定で、サイト内にインスタグラムのフィードを表示する準備が整います。, 続いてサイト内に表示する設定を行います。下記箇所「Instagram Feed」内の「Display Your Feed」タブを開き、ショートコードを表示します。, ↓こんな感じで任意の箇所(投稿内や固定ページ内)にショートコードを貼り付ければ、表示できます。, フロントサイドの表示例は以下のような感じですが、各所を編集してレイアウトを変更可能です。, 表示するフィードのレイアウトを任意に調整できます(無料版でできる範囲で紹介いたします)。「Customize」タブを開くと下記の画面が表示されます。, このように無料版でもかなり柔軟にカスタマイズ可能です。表示する場所によって最適な形に変更してください。, 通常の投稿や固定ページ内には、ショートコードをコピペして表示できますが、トップページなどで表示させたい時にどうすればいいのか。管理画面の外観から「テーマエディター」に進んで、表示したい箇所に下記のコードを貼り付けると表示できます。, , 一例ですが、このようにヘッダー下に表示させることも可能です(弊社テーマ「ROCK」に設置した例)。, この方法では、テーマファイルをカスタマイズすることになります。恐れ入りますが、弊社カスタマーサポートではお応えできない範囲ですので、バックアップを取って自己責任で行ってください。, なお、テーマをアップデートするとコードが上書きされるので再度設定が必要になります。コードが上書きされないようにするには、下記記事で紹介しているように子テーマで運用する方法があります。, WEBサイトとインスタグラムフィードを表示する際に最適なプラグインをご紹介いたしました。設定が簡単でアカウントとの連携がスムーズです。無料版でも柔軟にレイアウトを変更できるので、表示する場所を選ばずにオリジナルでカスタマイズできます。ぜひご活用ください。, なお弊社テーマ「EGO」では、昨日のアップデートにより、フッターのインスタグラムフィードを表示する際に当プラグインの有効化が必須になりました。とはいっても必要な設定はアカウントとの紐付けのみです。フッター部分のスタイルはEGOに合わせて自動で調整される仕様になります。. 【WordPress】新たなインスタグラムプラグイン「Smash Balloon Social Photo Feed」について, 【図解付き】2020年版 InstagramをWordPresssで表示する方法 「 Smash Balloon Social Photo Feed」の設定, 【WordPress】プラグイン Login No Captcha reCAPTCHA, 【WordPress】複数のマーカーを表示できるプラグイン「MapPress Easy Google Maps」, Hiroyuki Zassy Ishizawa さんの Pinterest プロフィールにアクセスしましょう。. このプラグインに限ったことではないと思いますが (ちなみにボクはビジネスアカウントです), Insta Lab:Instagramビジネスアカウント移行手順と人気企業プロフィールの作り方, ログインすると以下の画面になるのでチェックをいれ「Connect Accounts」をクリックします。, 無事、連携できました!! Facebookの投稿を、Wordpressへプラグインを利用して表示させていますが、画像が表示されません。, 投稿の本文は表示できるのですが、画像がアイコンとなって表示されません(Facebookへのリンクはできています。)。, ・プラグイン名は「Smash Balloon Social Post Feed」(旧Custom Facebook Feed) ・Wordpressに表示するのは固定ページです SNS系のプラグインの事情を知ることができ、長い時間の悩みから脱出できました。 WP Lightbox 2自体、更新の止まってしまっている古いプラグインのようなので、これを機会に削除することにします。. Wordpressのwp-social-bookmarking-lightで、いいねやB!の数が0リ... wpプラグイン「NextScripts: Social Networks Auto-Poster」の... wordpressでソーシャルログイン(facebook)を利用して、認証情報をwordpressの... NextScripts: Social Networks Auto-Poster でドメインが取得さ... 回答 調整しそうな項目について赤字でなにを指しているか Smash Balloon Social Photo Feedの使い方を詳しく!JSでは実装できない、ページャ機能や、いいね表示ができたりと、APIをつかったリッチな見せ方ができるのが特徴です。とはいえ、初期設定はデザインが微妙なので、現場でも即戦力となる使い方をご紹介します。 本記事では、 Instagramの投稿をブログ内に埋め込むことができるWordPressプラグイン「Instagram Feed(Smash Balloon Social Photo Feed)」をご紹介 します。 最近では検索からブログへの流入に加え、SNSからの流入が重要になっており、ブログとSNSを相互に連携することが必要に … teratailを一緒に作りたいエンジニア, https://developers.facebook.com/docs/plugins/page-plugin?locale=ja_JP. WordPressでホームページを作成しようとされている方は色々調べられていることと思います。最近は初心者向けとして書かれている内容でも「子テーマの作り方」というものを目にするのではないでしょうか。子テーマを作... 2020/9/11 アップデートによりインスタグラムフィードの表示にプラグインが必要になりました。 Lightning Pro、VarietyⅡを使用しています。Lightning Proを5.0.7→5.1.0にアップデートしたところ、プラグインInstagram Feedで表示されていたインスタの画像が表示されなくなりました(「もっと見る」ボタンだけ表示される)。5.0.7に戻したところ表示されるようになりました。 ▼ から直接コードを取る方が問題が少ないかもしれません^^; NextScripts: Social Networks Auto-PosterでのFacebook... WordpressでWP Social Bookmarking Lightを使用した場合、LINEボ... 回答 アップデート情報詳細はこちら。当記事にも一部追記しております。 ※となりにある『Smash Balloon Social Post Feed』はまた別のブラグインなので、間違えないように注意! ステップ2. 2 / クリップ インストールがすると左のメニューに「Instagram Feed」という項目が追加されます。「1. タイトルは見出しとして実際のサイトにも表示されるので、わかりやすいものにしましょう。, 「2. ご意見をいただいたように、今後のことを考えると対処しきれない気がしましたので、プラグインを諦め下記の方のサイトを参考に、PHPで表示することができました。. ・無期限のアクセストークンは取得しています, プラグインを使わずFacebookのfeedを取得、表示する方法も、他の方のサイトも参考にさせていただいたのですが、うまく読み込まれず試行錯誤しているところです。 「Smash Balloon Social Photo Feed」とは. 事が実は多々あります _ _;; なので、プラグインではなく This closure is temporary, pending a full review. 今の仕事は好きだけど「好きな場所で働きたい」と思い、今の時代らしい生き方を模索している30代|デザイナー|イラストレーター|会社員| 。ゆるく楽しくかわいいブログを目指しています。SNSにて『今日のポコタ』も毎日更新中!, やだオスカルが好きな場所で仕事ができるようになるまでのブログ。|デザイナー|イラストレーター|会社員|, WordPressにInstagramの写真を埋め込む方法。「Smash Balloon Social Photo Feed」プラグインで表示しよう!. Customize」タブからいろいろ設定できます。 1 / クリップ 書きこんでおいたので、必要に応じて設定しましょう。, ちなみに…、一度ボクの事例として、エラーが表示され、更新がとまっていたときがありましたが、そのときは再度、Instagramの連携を設定すると改善しました。 https://developers.facebook.com/docs/plugins/page-plugin?locale=ja_JP, Django Social Auth(Facebook等でのユーザー認証)が使えない, wordpress,buddypressプラグイン使用での会員制SNS作成について. MapPress Ea...記事を読む, 相模原でホームページ制作をしています。相模原の色々な写真や旅行先の写真をアップします。. Configure」から各設定をしていきます。, 「Connect an InstagramAccount」をクリックしInstagramとWordPressを連携します。, すると、Instagramのアカウントが個人のものかビジネスアカウントのものか聞かれます。, 「ビジネウスアカウントってなに?」という方は下記のページをご参考にどうぞ。 会社に勤めながらイラストを描いています。『今日のポコタ』を2017年9月6日より1日1投稿しています。ブログ『やだオスカルWEB』もお楽しみください。 Posting my illustrations everyday,I would appreciate any comments. サポート » プラグイン » Smash Balloon Social Photo Feedの表示について, Smash Balloon Social Photo Feedについての質問です。, ワードプレスの更新を実施したところ、サイドバーに設置しているSmash Balloon Social Photo Feedのインスタグラム画像が表示されなくなってしまいました。, 「Load more」と「Follow on instagram」のアイコンは表示されており、連動しているインスタグラムページへの変遷も可能となっているのですが、画像の表示だけが反映されていない形になってしまっています。, 6月に Instagram の投稿を取得する API が変更されていますので、その影響と思います。 MW WP Formで遷移元のタイトルやメタデータを表示する方法です。 2019年12月時点で、ボクはInstagramの最新の投稿1つだけがサイドバーに大きく表示されるように設定しまいます。, 設定は下記です。 表示されない。 もしやプラグインが削除されてしまったのだろうか? 非公開になってしまったのだろうか? いろいろと検索してたどり着いたのが【Smash Balloon Social Photo Feed】というプラグイン。 【Instagram Feed】と作成者が一緒(Smash Balloon)です。 Smash Balloon Social Photo Feedについての質問です。 ワードプレスの更新を実施したところ、サイドバーに設置しているSmash Balloon Social Photo Feedのインスタグラム画像が表示されなくなってしま … 画像がいろいろな参考サイトの通りにやってみ...記事を読む, 以前、ご紹介したRecaptchaのプラグイン「WP Recaptcha Integration」ですが、 ついにショッピングカートプラグイン「W... 自在な導線設計であなた色のオンラインショップを運営できるWordPressテーマ「EGO.」.