スライダーのページネーションやナビゲーション(左右の矢印)をカスタマイズしておしゃれにする方法!Swiper(スワイパー)を使いこなしましょう!の動画のサムネイル画像

この動画はプレミアム会員限定動画です。
閲覧するには登録が必要となります。 プレミアム会員の登録をする

プレミアム会員限定動画
スライダーのページネーションやナビゲーション(左右の矢印)をカスタマイズしておしゃれにする方法!Swiper(スワイパー)を使いこなしましょう!

  • マンツーマン個別講義開催中!

    勉強に行き詰まっていませんか?
    エラーの解消から、実装方法まで丁寧に教えます!
    講師が答えられるなら、基本的にどんな内容でもOK!

    詳細はこちら!
  • スクール形式講義

    プロを目指す方・講義を何回も受けられる方はこちら
    個別のカリキュラムを作成し、長期的にサポート!

    詳細はこちら!
今回は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/

関連する動画リスト

もっとみる