記事内の外部リンクにはアフィリエイトリンクが含まれる場合があります。
1. 全記事をver.11に対応させました
長らく手つかずとなっていましたが、Swiperの解説記事すべてをver.11(2023年末時点最新版)の内容に対応させました。
基礎編
基礎編で一通りは作れます。
各種ナビゲーションカスタマイズ編
デザインにこだわりたくなったらこちらも参考に。
複数行カスタマイズ編・おまけで再作成について
実際ここまで必要になることはあまりないと思いますが、多段表示をSwiperの機能を超えてカスタマイズしたい時に。
2. 過去解説バージョンとの大きな違い
過去の解説(ver.4.3.3対応)と大きく変わっているのは次の5点です。
- Swiper本体のクラス名が 'swiper-container' → 'swiper'に変更されている
- Swiperを定義する型が var → const に統一されている
- アニメーション効果に 'cards'、'creative'が追加
- 多段表示時のパラメータの書き方が大幅変更
- 連動型Swiperをcontrollerで繋がなくても良くなった
3. 設置代行はじめました
このブログで最もコメントやご質問をいただくのがSwiper関連なんですが、個別に手取り足取り設置完了までつきっきりで教えるというのは時間がなさすぎて不可能です。
なので、どうしても設置できない方向けに、Swiperの設置代行をはじめました。 ココナラで承ります。
ココナラで設置代行始めました!
解説を読むのがめんどくさい人、どうしてもうまくいかない人は、こちらもご検討ください。4. ついでにHNとアイコン変えました
これはただのついでなんですが、ハンドルネームとアイコンを変えました。
設置代行を承った場合、お仕事になりますので、ジェネレーターで作ったアイコンよりオリジナルの方が良いかなと思ったので…。
旧
名前:ぱんこ
名前:ぱんこ
→
新
名前:あまみつ
名前:あまみつ
よろしくお願いします。