SWELLのメインビジュアルのスライダーは5枚までと制限があります。
これを拡張して6枚以上、好きな数で表示させてみました。
その備忘録です。
SWELLのクラスに合わせた自作のスライダーなので、自由な枚数、Swiperのカスタマイズが可能です。
目次
SWELLのメインビジュアルのスライダーを6枚以上表示する方法
まずSWELLの親テーマの設定のコードを上書きしても、SWELLのアップデートで上書きされて元に戻ってしまいます。
ですので自作します。
SWELLのメインビジュアルを表示しない設定にする
まずはカスタマイズからメインビジュアルの画像を指定。
数値で指定するを選び、高さを0にします。
functions.phpを挿入
あとはfunctions.phpのコードを挿入するだけです。
- トップページだけにコードを適用
- 既存のメインビジュアルを出力前に除去
- swell_inner_main_visualのフックに自作のスライダーを表示（全画面表示など自由度が高いのでおすすめ）
- JSでスライダーの細かいパラメータを入力
この記事だけ読みたい方は単品購入、ほかの有料記事も読みたい方は購読プランをご確認ください。
購読対象の記事・料金は、下のプラン案内で確認できます。
役に立った記事を、ブログやSNSで紹介しませんか？
紹介制度の対象記事・購読プランを購入した方は、codocで専用リンクと報酬条件を確認できます。
専用リンク経由で購入されると、設定された紹介報酬が発生します。
購読プランの紹介報酬は初回課金のみが対象です。
紹介時は、広告・PRであることが読者に分かるように明記してください。
