【WordPress】記事内の画像拡大表示を実装する方法をプラグインあり・なし両方で簡単に解説

WordPressサイトで記事にある画像をポップアップ表示したいけど、どうすればいいの？

みきてぃ

基本的な機能だけであれば、プラグイン無しでも実装出来るよ。

WordPressでは画像に「メディアリンク」を設定することで、画像をクリックして拡大された画像を表示することはできるものの・・・、

画像だけのページが表示されちゃった。。。でも、ブラウザの「戻る」をクリックするのが面倒・・・。

と、イライラしたことはありませんか？

せっかくならば、閲覧ストレスなく記事内で画像の拡大表示ができるようにしたいですよね？

今回は、WordPress画像拡大表示する方法をプラグインあり・なし両方で簡単に解説します。

WordPressで画像拡大表示機能を実装する方法

WordPressサイトで画像の拡大表示機能を実装する方法は、以下の2つです。

WordPress標準機能で実装する

バージョン6.4から、画像ブロックに「クリックで拡大」が実装されました。

これにより、プラグイン無しで画像拡大表示を有効化できるようになりました。

手順

編集画面で画像ブロックを選択し、「クリックで拡大」を有効化するだけで反映されます。

実際の動作は以下のようになります。

なお、バージョン6.4.1時点ではギャラリー形式での画像拡大表示には対応していません。

ですので、ギャラリーの画像もまとめて画像拡大を実装できるようにしたい場合は、引き続きプラグインで実装することになります。

プラグインで実装する

• 旧エディターを使っている
• ver6.4以前のWordPressバージョンを使っている
• ギャラリー画像も含めて画像拡大表示を実装したい
• 画像拡大表示時のアニメーションなど、より細かな設定にこだわりたい

そのような場合は、プラグインを使った方が簡単です。

「Easy FancyBox」は、プラグインを有効化するだけですぐに使うことができます。

ギャラリー表示にも対応しているので、複数枚の画像をスライドショー形式で表示することもできます。

手順

1.「Easy FancyBox」をインストール＆有効化します。

≫WordPress.org「Easy FancyBox」（外部サイト）

2.あとは、編集画面で画像ブロックを選択し、「リンク」→「メディアファイル」と選択するだけで設定できます。

実際の動作は以下のようになります。

設定次第では

• YouTubeなどの動画の拡大表示
• ギャラリー画像をまとめて拡大表示
• 記事内で画像を比較表示に対応する

などのこともできます。

まとめ

というわけで、今回はWordPress画像拡大表示する方法をプラグインあり・なし両方で簡単に解説しました。

以前は「画像をクリックして、その記事内で画像を拡大表示する」場合でも、プラグインを使わなければなりませんでしたが、現在は標準機能だけでも画像拡大表示できるようになりました。

普通に画像拡大表示を実装するだけであればWordPress標準機能でも十分ですが、ギャラリー画像や動画も拡大表示に対応したいのであれば、やはりプラグインで実装したほうが便利です。

この記事を書いた人

みきてぃ

みきてぃ

20代のブロガーです。IT・インターネット関連や生活関連、趣味の1つである観賞魚などの記事を書いています。

≫詳しいプロフィールを見る

≫お問い合わせはこちら