クリックで画像サイズを大きくするワードプレスのプラグインを紹介!

こんにちは、宮瀬です。

 

ワードプレスには、標準で画像サイズを大きくする機能はありません。

 

かといって、元から画像サイズを大きくしてしまうと、全体的に記事が間延びして、見づらくなりがちです。

でも、画像が小さいと、内容が見えなくて画像の意味がない・・・

そんな悩みを解決するために、クリックで画像サイズを大きくするプラグインがあります。

 

今回紹介するプラグインは、使い方も非常に簡単なうえに、便利なプラグインです。

導入から使用方法、カスタマイズまでご紹介していきますので、ぜひ読み進めてください!

クリックで画像サイズを大きくするワードプレスのプラグイン「Easy FancyBox」

クリックで画像サイズを大きくするワードプレスのプラグインはlightbox系のプラグインと呼ばれています。

何でも、クリックで画像サイズを大きくするプラグインの元祖が「lightbox」という名前で、これが由来なのだとか。

 

lightbox系のプラグインはいくつかありますが、その中でも私が使っているのが「Easy FancyBox」です。

画像サイズを大きくするプラグイン「Easy FancyBox」

 

この「Easy FancyBox」は一部日本語非対応ですが、そんなの関係ないくらい簡単に使えるプラグインです。

私がこのプラグインを使っているのは、単純に使っているテーマとの相性もありますが、動作も軽くて不満はありません。

 

それでは、「Easy FancyBox」の導入方法を見ていきましょう!

ワードプレスのプラグイン「Easy FancyBox」の導入方法

「Easy FancyBox」の導入方法は、非常に簡単です。

ワードプレス管理画面から「プラグイン」⇒「新規追加」⇒「プラグインの検索…」の部分にEasy FancyBoxと入力。

Easy FancyBoxの導入方法解説

上の手順を踏むと、赤で囲んだものが表示されます。

これが「Easy FancyBox」です。

 

今すぐインストールをクリックして、インストール後、有効化をクリックします。

はい、プラグインの導入はこれで終了です。

 

次は、画像の方に手を加えます。

Easy FancyBoxの導入方法解説その2

記事に画像を掲載する時、標準では「リンク先」が「なし」になっています。

これを「メディアファイル」に変更してください。

こうすることで、画像がクリックできるようになり、クリックしたときに画像サイズが大きくなります。

[aside type=”warning”]オリジナルの画像サイズより大きくなることはありません。[/aside]

 

それでは実際に、あなたのブログに貼った画像をクリックしてみましょう。

画像サイズが、にゅ~んと大きくなるはずです。

また、alt属性に指定した文字が下に表示されますので、何の画像なのか?ということもわかりやすいように、配慮されています。

「Easy FancyBox」のカスタマイズ方法

「Easy FancyBox」は、そのままでも充分使えるプラグインですが、いくつかカスタマイズできる部分もあります。

 

「プラグイン」⇒「インストール済みプラグイン」⇒Easy FancyBoxの「設定」をクリックすると、こんな画面が出てきます。

Easy FancyBoxのカスタマイズ画面

この画面で、私がわかる範囲でカスタマイズ方法を解説していきます。

 

Media

拡大表示する物を選択できます。

画像だけを拡大したい場合は「Images」にチェックが入っていればOKです。

YouTubeの動画なんかも、拡大表示できるみたいですね。

 

Overlay

画像を拡大した時に、他の部分を見せたくない(画像のみに注目して欲しい)場合は、

「Show the overlay around content opened in FancyBox.」のチェックをはずしましょう。

 

また、拡大した画像の外をクリックしても、拡大した画像が閉じないようにするためには、

「Close FancyBox when overlay is clicked」のチェックをはずしましょう。

 

ただ、これらの機能は基本的に、デフォルトでいいと思います。

なぜなら、多くの人がデフォルトの感覚でインターネットを使っているからです。

どうしても、という場合を除いて、ユーザビリティを優先しましょう。

 

Window

画像を拡大した時の、背景や余白、「閉じる」ボタンの有無を設定できます。

「閉じる」ボタンを表示したい場合は、

「Show the (X) close button」

にチェックを入れましょう。

おわりに

今回は、ワードプレスで画像サイズを大きくするプラグインとして「Easy FancyBox」をご紹介しましたが、いかがでしたでしょうか?

ワードプレスのプラグインは、テーマとの相性もあります。

もしかしたら「Easy FancyBox」と相性の悪いテーマがあるかもしれませんので、その時はグーグルの検索バーに「lightbox系プラグイン」と入力して、他のプラグインも探してみてください。

 

良い感じのプラグインがいくつか出てくると思います。

ただ、基本的にプラグインは、きちんと更新されていて、評価も高いものがオススメです。

 

それでは、今回はこのへんで。