【初心者向け】WordPressギャラリーブロックを自動スライダー化!止まらず横スクロールを実現する方法【徹底解説】

この記事では、WordPressの「ギャラリーブロック」を使った画像を、横並びで止まらずにゆっくり動く自動スライダーにする方法を紹介します。
「ウェブサイトをもっと動きのあるデザインにしたい」「コードを書くのは苦手…」というWordPress初心者の方でも、コピペ&少しのカスタマイズで実装できるよう、できるだけ分かりやすく解説していきます。


1. この記事でできること

  • WordPress公式のブロックエディタ「ギャラリーブロック」が自動でゆっくり横スクロールするスライダーになります。

  • Slick Sliderという有名なスライダープラグイン(ライブラリ)を利用します。

  • ギャラリー画像を「横並びで」「止まらず」「ゆっくり」と動かし、見た目をリッチに演出します。


2. 事前準備

  1. 子テーマを用意する(推奨)
    テーマ(特に親テーマ)に直接コードを追加・変更すると、アップデート時に上書きされてしまいます。可能であれば、子テーマのfunctions.phpに書き込むのがおすすめです。

  2. バックアップをとる
    コード追加・編集の前には、念のためサイトのバックアップを取りましょう。サーバーやプラグインなど、使いやすい手段でOKです。


3. コードをfunctions.phpに追加する

以下のコードをコピーし、テーマまたは子テーマのfunctions.phpに貼り付けて保存します。

ここから先は

3,150字

¥ 5,000

この記事が気に入ったらチップで応援してみませんか?