写真に「いいね!」やコメントが付いた時のアイコンの色を変更する方法

デフォルトでは、各写真の「いいね!」とコメントアイコンは、「いいね!」が0であろうとなかろうと同じ色のままです。プラグインにJavaScriptのスニペットを追加することで、写真に「いいね!」やコメントがついたときにアイコンの色を変更することができます。

以下のJavaScriptをサイトに追加してください。これはカスタムJavaScriptプラグインを使用して手動で行うことができます。詳しくはこちらのドキュメントをご覧ください。

$('#sb_instagram .sbi_item').each(function(){
  $self = $(this);
  if( parseInt( $self.find('.sbi_likes').text() ) > 0 ) $self.find('.sbi_likes, .sbi_likes svg').css('color', 'blue');
  if( parseInt( $self.find('.sbi_comments').text() ) > 0 ) $self.find('.sbi_comments, .sbi_comments svg').css('color', 'blue');
});

上記のコードでは、アイコンの色が青に変更されます。しかし、コード内の以下の部分を変更することで、この色を変更することができます。 ('color', 'blue').他の色やHEXコードを使用することもできます。

サポート

ドキュメントに答えが見つからない?

サポート

この記事は役に立ちましたか?