【スポンサーリンク】

【断念】Cocoonテーマの「カルーセル」の代替プラグインを探した

この項目は、随時追記します。なにかのヒントになれば嬉しいです。

  • たびたび Cocoonテーマのカルーセルの処理が重い(slickプラグインのjQuery)のが気になります。
  • 別のプラグインに切り替えてみることにしました。
    新規記事の「カルーセル」表示できるプラグインを探します。
  • しかし、結論、現状のカルーセルのちょうどよい代替は見つからず。
  • また、Cocoonテーマのモバイル用メニューの表示でも jQuery に依存しているので、jQueryに依存しないカルーセルを探す意味がないことに気づきました。

プラグイン合わなかった点
Smart Slider 3複数レイアウトのカルーセルは有料
Slider, Gallery, and Carousel by MetaSlider新規記事からカルーセルは有料
XO Slider (旧名: XO Liteslider) 固定記事・写真のカルーセル用
Carousel, Slider, Gallery by WP CarouseljQueryを利用している
Splide Carousel Block写真のカルーセル用

プラグインがどのJavaScriptライブラリを利用しているかが大事です1

ライブラリ備考
slick使いやすいが、jQueryを読み込みが必要。
swiperカスタマイズ性が高く、jQueryに依存しない。
FlickityjQuery不要で使いやすい。ただ、正式版になったばかりで表示バグが目立つ。
splidejQuery不要で非常にファイルが軽い
JavaScriptのスライダー・カルーセル用のライブラリ

slickから別のライブラリに移行しようと考えました。

ただ、自サイトを jQueryをオフにした状態で操作していたら、モバイル時にサイドバーのメニューが表示されないことに気づきました。

そもそも、テーマが jQueryを利用している設計なので、あまり神経質に排除しなくてもよいかな、と思うに至りました。

(補足)

  1. 素のJavaScriptでカルーセルスライダーを作る選択肢とswiperの使い方|BringFlower
QRコードを読み込むと、関連記事を確認できます。
【断念】Cocoonテーマの「カルーセル」の代替プラグインを探した
【スポンサーリンク】
タイトルとURLをコピーしました