お問い合わせはコチラから

Instagram Feed のFollow meボタンが消えた?

サイト運営

世界中で利用者が多いInstagram Feed表示プラグインはその名もSmash Balloon Social Photo Feedです。

Smash Balloon Social Photo Feed
Formerly "Instagram Feed". Display clean, customizable, and responsive Instagram feeds from multiple accounts. Supports Instagram oEmbeds.

このプラグインは、無料プラグインで十分な機能を持ち合わせていますので、とりあえず入れている人は多いと思います。

Instagram Feed プラグインのFollow meボタンはどこへ?

Instagram Feedがメジャーバージョンアップして、バージョンアップ(2.0)になりました。

ところが。。。。

Instagram FeedのFollow meボタンが出なない!

そしたらFollow me ボタンがでなくなりました。

2.0になったからFollow meボタンが出なくなるというは仕様ではないようですが、一部の人たちの間では2.0にバージョンアップしたらFollow meボタンが出なくなったという報告があります。

Follow meボタンを手動で追加したい場合の方法は以下に書かれています。

この解決方法は2.0以下のバージョンに向けたソリューションなのですが、2.0以上でも同じようにすれば表示されます。

しかし、この方法だと複数のInstagram Feedを置いている場合うまく動きません。それぞれのIDなり、Classなりを追加してjQueryを書かないとボタンが複数表示されたり、一個しか表示されなかったりします。

公式の修正方法を適用したら豆腐になった

早速適用してみましたところ

なぜかアイコンフォントが豆腐になりました。

このプラグインは以前はFontawsome4を勝手に読み込んでいたと思います。

今回アイコンがSVGに切り替わったようで、Fontawsomeを読み込まなくなっていました。

無いならばfontawsomeを自前で読めばよい

読み込んでないなら自前で読めばよいので、Fontawsome5を読み込むように変更して、CSSの疑似要素部分をFontawsome4からFontawsome5に書き換えて元に戻りました。

実はInstagram Feedの不具合だった

今までの解決策で、原因がわからないままごまかしていましたが、バージョン2.13でやっと不具合が解決したようです。

ただし、Instagramのアカウント接続を一度解除してから、再度設定すればよいようでした。

実際にやってみましたら、Follow meボタンが上手く表示されるようになりました。

2.1.3

  • Fix: Accounts that were connected prior to version 1.12 would not show the follow button if the header was not also displayed. Visit the “Configure” tab to have the account automatically updated.

引用元:https://ja.wordpress.org/plugins/instagram-feed/#developers

まとめ

メジャープラグインのメジャーバージョンアップというのは、得てして問題が起きます。常々もう少しこなれてからバージョンアップすればよかったと思うことが多いのですが今回はテキトーに更新ボタンを押して憂き目にあいました。

まぁ、対処方法があったのでモーマンタイなのです。

タイトルとURLをコピーしました