【初心者向け】WordPressギャラリーブロックを自動スライダー化!止まらず横スクロールを実現する方法【徹底解説】
この記事では、WordPressの「ギャラリーブロック」を使った画像を、横並びで止まらずにゆっくり動く自動スライダーにする方法を紹介します。
「ウェブサイトをもっと動きのあるデザインにしたい」「コードを書くのは苦手…」というWordPress初心者の方でも、コピペ&少しのカスタマイズで実装できるよう、できるだけ分かりやすく解説していきます。
1. この記事でできること
WordPress公式のブロックエディタ「ギャラリーブロック」が自動でゆっくり横スクロールするスライダーになります。
Slick Sliderという有名なスライダープラグイン(ライブラリ)を利用します。
ギャラリー画像を「横並びで」「止まらず」「ゆっくり」と動かし、見た目をリッチに演出します。
2. 事前準備
子テーマを用意する(推奨)
テーマ(特に親テーマ)に直接コードを追加・変更すると、アップデート時に上書きされてしまいます。可能であれば、子テーマのfunctions.phpに書き込むのがおすすめです。バックアップをとる
コード追加・編集の前には、念のためサイトのバックアップを取りましょう。サーバーやプラグインなど、使いやすい手段でOKです。
3. コードをfunctions.phpに追加する
以下のコードをコピーし、テーマまたは子テーマのfunctions.phpに貼り付けて保存します。
ここから先は
3,150字
¥ 5,000
この記事が気に入ったらチップで応援してみませんか?