プラグインの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ピクセル以上になると、このスニペットはカルーセルを削除し、通常のレイアウトに戻します。