SWELL│メインビジュアルのスライダーを6枚以上表示する方法

SWELLのメインビジュアルのスライダーは5枚までと制限があります。

これを拡張して6枚以上、好きな数で表示させてみました。

その備忘録です。

SWELLのクラスに合わせた自作のスライダーなので、自由な枚数、Swiperのカスタマイズが可能です。

著者

motoki

WEB制作をしているデジタルノマド
WordPressのカスタマイズが好きで、色々と自作しています。

WordPressのカスタマイズに困ったらご相談ください！

MOTOKI合同会社

カスタマイズの依頼・相談

SWELLのメインビジュアルのスライダーを6枚以上表示する方法

まずSWELLの親テーマの設定のコードを上書きしても、SWELLのアップデートで上書きされて元に戻ってしまいます。

ですので自作します。

SWELLのメインビジュアルを表示しない設定にする

まずはカスタマイズからメインビジュアルの画像を指定。

数値で指定するを選び、高さを0にします。

メインビジュアルをONにしているのは専用のフックを利用するからです。
※既存のメインビジュアルは表示前にコードで表示しないようにします。

functions.phpを挿入

あとはfunctions.phpのコードを挿入するだけです。

• トップページだけにコードを適用
• 既存のメインビジュアルを出力前に除去
• swell_inner_main_visualのフックに自作のスライダーを表示（全画面表示など自由度が高いのでおすすめ）
• JSでスライダーの細かいパラメータを入力