【WordPress】ブログ記事内の画像をクリックで拡大できるようにするプラグイン【Easy FancyBox】

2024年8月31日

WordPressのブログ記事内の画像をクリックしてポップアップで拡大表示できるようにするプラグイン、「Easy FancyBox」の使い方について解説します。

WordPressブログに画像を設置するとデフォルトの状態ではクリックできず、画像を元のサイズで確認することは出来ません。

以下のように画像に文字が含まれている場合は画質も下がってしまうため見づらい状態です。

ちなみに、プラグインがなくても画像ファイルへのリンクを設定することで拡大表示することは出来ます。その場合別ページへ遷移されるため、ブラウザバックで記事ページへ戻る必要があります。

パソコンでは横幅いっぱいに表示されるので画像内の文字もかなり見やすくなりました。

画像ファイルへのリンクと違い、ページ遷移せずに同一ページ内で画像詳細を確認できます。

新規プラグインを追加から「Easy FancyBox」と検索して有効化します。

特に設定する必要はありません。

「画像ファイルへのリンク」または新規追加された「クリックで拡大」を設定します。

画像ファイルへのリンクを選びます。

保存して記事を確認するとポップアップで表示されるようになりました。

「クリックで拡大」を選択した場合は、白背景のライトボックスで表示されます。

画像右上に拡大表示アイコンが表示され、画像にカーソルを当てると虫眼鏡アイコンに代わります。

以下の画像は「クリックで拡大」で設定してみました。

機能的には「画像ファイルへのリンク」で設定した時と同じのため、お好みで設定しましょう。

スマホの場合は2本の指でつまむ、ピンチ操作することで画像を拡大することが出来るので、どちらかというとPC向けの機能です。

元々解像度の低い画像を使用する場合は拡大してもあまり変化がないため、必要がないと思います。

必須プラグインではないかもしれませんが、以下のようなブログや投稿で活躍しそうです。

fumi Blog