この動画はプレミアム会員限定動画です。
閲覧するには登録が必要となります。
プレミアム会員の登録をする
プレミアム会員限定動画スライダーのページネーションやナビゲーション(左右の矢印)をカスタマイズしておしゃれにする方法!Swiper(スワイパー)を使いこなしましょう!
今回はSwiperで基本的に使えるページネーションとナビゲーションをカスタマイズする方法を紹介しています。
こういったプラグインなどはバージョンが上がっていくと、カスタマイズ方法も変わっていく為注意が必要ですが、
そうなった際にでも自分でカスタマイズできるように検証ツールを使った手順を説明しながらカスタマイズをしていきます。
デフォルトのアイコンや色以外にもCSSで指定できるものならたくさんのパターンを作ることができるので、是非色々試してみてください!
Swiperの基本的な使い方はこちら
https://factory-programming-mv.com/video/NApOJAKrXzE/
スライダー部分に背景として画像を設定する方法はこちら
https://factory-programming-mv.com/video/p17v5EZFPkc/
フォントオーサム(Font Awesomeの読み込みや使い方についてはこちら)
https://factory-programming-mv.com/video/-a8KeAODAzc/
Swiperについての動画一覧はこちら(再生リスト)
https://factory-programming-mv.com/playlistDetails/PLv7E5OqNAIPwRTKwTNZxHw83nzrwiuNIl/
こういったプラグインなどはバージョンが上がっていくと、カスタマイズ方法も変わっていく為注意が必要ですが、
そうなった際にでも自分でカスタマイズできるように検証ツールを使った手順を説明しながらカスタマイズをしていきます。
デフォルトのアイコンや色以外にもCSSで指定できるものならたくさんのパターンを作ることができるので、是非色々試してみてください!
Swiperの基本的な使い方はこちら
https://factory-programming-mv.com/video/NApOJAKrXzE/
スライダー部分に背景として画像を設定する方法はこちら
https://factory-programming-mv.com/video/p17v5EZFPkc/
フォントオーサム(Font Awesomeの読み込みや使い方についてはこちら)
https://factory-programming-mv.com/video/-a8KeAODAzc/
Swiperについての動画一覧はこちら(再生リスト)
https://factory-programming-mv.com/playlistDetails/PLv7E5OqNAIPwRTKwTNZxHw83nzrwiuNIl/