Houn

記事内に広告を含む場合があります

詳しく見る
WordPress

公開日:2024.04.03

更新日:2024.04.04

【2024年最新】WordPressで画像をクリック拡大させる

現在のWordPressでは、ごく簡単な操作で「クリックすると拡大する画像」を投稿・固定ページに挿入できるようになりました。

以前はEasy FancyBoxという専用のプラグインを使いましたが、もう不要です。

実際のサンプル

当サイトもWordPressを使っていますので、実際に作ってみました。

クリックして確認してみてください。

1枚もの画像

ギャラリーブロック

カラムブロックに挿入した画像

以上、あなたのイメージ通りに拡大したでしょうか?

それでは、実際の操作について解説していきます。

【やり方】「クリックで拡大」スイッチをONにするだけ

やり方はごく簡単。ページ編集画面にて

  1. 拡大したい画像を選択
    ※「ブロック」タブ(緑の矢印部)になっているのを確認
  2. 右メニューに「クリックで拡大」スイッチがあるのでONに

これだけで、上記サンプルのような「クリックすると拡大する画像」を作れます。

拡大画像にならないケース

「こういう場合はクリックで拡大機能が使えません」というケースがあるので解説します。

URLから挿入された画像には使えない

画像を挿入するときは
  • アップロード
  • メディアライブラリ
  • URLから挿入

から選択しますが、このうち「URLから挿入」された画像は拡大ができません。

拡大スイッチの箇所に「クリックで拡大は画像を拡大し、リンクとは組み合わせられません」とエラーが表示され、操作できなくなります。

画像をアップロード、もしくはメディアライブラリから挿入の必要があります。

画像が小さすぎる(実際のサイズ以上には拡大されない)

上記は、小さいサイズ(300×300ピクセル)の画像を挿入したものです。

「クリックで拡大」を有効にしていますが、画像そのもののサイズが小さいので拡大されません。

ポップアップ表示されるだけで、画像の大きさが変わっていないのが確認できると思います。

「クリックで拡大」スイッチが無いよ!というかたへ

え?解説通りにやってるはずなんだけど、そもそもこの「クリックで拡大」っていうスイッチが無いよ?
どういうこと?

というかたは、おそらくWordPressのバージョンが古いはずです。

管理画面トップに「WordPress○○が利用可能です ! 今すぐ更新してください。」といった警告文がずっと表示されていないでしょうか。

「クリックで拡大」は、2023年11月リリースのWordPress6.4から使えるようになった機能です。

そもそも、古いバージョンのWordPressを使い続けることはセキュリティ面のリスクが高まりますので、これを機にアップデートしましょう。

*もちろん、アップデートはバックアップを取ったうえで実施してください。
ご不安なかたはご相談ください。
筆者に相談してみる(お問い合わせフォーム)