【2024年最新版】プラグインなしで WordPress で Lightbox を使う方法

プラグインなしで（ノーコードで）Lightbox を使えるようになった

いままで WordPress で画像をクリックしたときにエフェクト付きで画像を拡大表示したい場合、Responsive Lightbox や Simple Lightbox などの Lightbox プラグインを使う必要がありました。スキルがある人なら、プラグインなしでもコードを書いて Lightbox エフェクトを実装することはできました。

少し前にリリースされた WordPress 6.4 で画像ブロックに Lightbox 機能が追加されました。この新機能を使うことにより、プラグインなしで、そしてノーコードでかんたんに Lightbox が使えるようになっています🎉

画像に Lightbox 効果を設定する手順

手順を以下に示す通り、設定はかんたんです。

※下記に掲載してある設定画面は WordPress 6.6.1 のものです。

① 画像を追加

拡大表示したい画像をコンテンツに追加します。

② 解像度を 中 に設定

図に示す通り、追加した画像の解像度を 中 に設定します。

③ リンクを設定

図に示す通り、リンクボタンをクリックして [クリックして拡大] を選択します。

ギャラリーにも使える

上記の手順を繰り返すことにより、ギャラリーにも Lightbox エフェクトを設定することができます。

プラグインなしでもこれくらいのものをかんたんに作れるようになったのはありがたいですね。

ギャラリー作成時の注意点

WordPress の画像ブロックの Lightbox 機能を使ってギャラリーを作るときの注意点（制約事項）があります。