インスタグラムのライトボックスに「いいね!」とコメント数を追加する

このスニペットを使用して、ポップアップライトボックスに「いいね!」とコメント数を追加します。

まず、以下のいずれかの場所で、「いいね!」とコメントアイコンが設定で有効になっていることを確認してください:

Instagramフィード > すべてのフィード > (名前または鉛筆アイコンをクリックしてフィードを編集) > 投稿 > ホバー状態 >「いいね!」/コメントアイコン

または

インスタグラムのフィード > すべてのフィード > (名前または鉛筆アイコンをクリックしてフィードを編集する) > 投稿 > (名前または鉛筆アイコンをクリックしてフィードを編集する いいね!」とコメントのサマリー >有効にする

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

window.sbiLightboxAction = function() {
  var postID = jQuery('#sbi_photo_id').text();
  jQuery('.sbi_lb-details .sbi_meta').remove();
  jQuery('.sbi_lb-details').append( '<div class="sbi_meta">' + jQuery('#'+postID+' .sbi_meta').html() + '</div>' );
};

また、WordPressダッシュボード > 外観 > カスタマイズ > 追加CSS(またはお好みのCSSの場所)のカスタムCSSに以下を追加します。

.sbi_lightbox .sbi_meta * { color: #333 !important; font-size: 14px; margin-right: 5px; }
.sbi_lightbox .sbi_meta{ float: left; margin: 10px 0 0 0; }
.sbi_lightbox .sbi_meta span { margin-right: 15px; }
サポート

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

サポート

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