POSTED | 2022.12.12

インスタグラムのプラグインで出来ること

WWEBのこと

WRITER : Hirabayashi Kazuaki

プロフィールを見る

こんばんわ、かずです。

ワードプレスにインスタグラムを読み込むときは色々試したんですが結局下記になりますよね。

管理画面で設定も簡単ですし、とっても重宝しています！

そんな中、先日ハッシュタグを2つにして絞り込みたい案件がありました。

ただこちら、ハッシュタグを入力する箇所に2つ入れても「○○」or「○○」といわゆるor条件で表示されてしまうんです。
今回の希望は「○○」and「○○」のand条件・・・さてどうしたものか

なんていってますが、実は過去にand条件で表示させたことがあるんです。

しかし・・・
しかし・・・！！
以前実装出来たのは、つたない英語で公式に問い合わせをしてプラグイン自体を書き換えてもらったからなんです！

つまり自分じゃ出来ない・・・困った・・・
と色々色々色々色々色々探しました。

！！
あるやんけ！！

公式をあさりにあさってついに見つけました。

まず普通にハッシュタグでショートコードを設定します。

[instagram-feed hashtag=”#sunshine”]

そしたら追加で絞り込みたいハッシュタグをJSで記述します。

$(‘.sbi_item’).each(function(){
if( $(this).find(‘.sbi_photo img’).attr(‘alt’).toLowerCase().indexOf(“#add_sunshine”) < 1 ) $(this).remove();
});

機能としてあったというより、JSで消しちゃっているだけなんですが
すごい悩んでいたのでスッキリしました。

英語全く読めなくてもGoogle翻訳最強ですね。

それでは。

この記事をシェアする

こちらの記事もおすすめ