Instagramのフィードをモバイル端末でのみカルーセルレイアウトで表示する

プラグインのProバージョンでは、デスクトップデバイスでは通常のグリッドレイアウトを表示し、小型/モバイルデバイスではカルーセルレイアウトに切り替えることが可能です。

1) まず、フィードの "カルーセル "設定を有効にする。 carousel=true をショートコードに追加します。

2) 次に、テーマのfunctions.phpファイルに以下を追加してみてください:

function sb_custom_carousel_grid() {
	?>
	<script>
        jQuery(window).on('sbiafterlayoutinit', function (event) {
            if (jQuery(window).width() > 480) {
                event.feed.layout = 'grid';
                jQuery('.sbi_carousel').removeClass('sbi_carousel');
            }
        });
	</script>
	<?php
}
add_action( 'wp_footer', 'sb_custom_carousel_grid');

デフォルトでは、フィードにカルーセルが使用されますが、フィードが480ピクセル以上になると、このスニペットはカルーセルを削除し、通常のレイアウトに戻します。

サポート

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

サポート

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