MENU

ワードプレス(WordPress)の画像をクリックして拡大させる方法【プラグインEasy FancyBoxがおすすめ】

ワードプレス(WordPress)の画像をクリックして拡大させる方法【プラグインEasy FancyBoxがおすすめ】
イルカ

こんにちは。ブロガーのイルカマンです。

この記事では、以下の疑問に答えます!

ワードプレスの画像をクリックして拡大させたいんだけど、どのように設定すれば良いの?

結論から言うと、ワードプレスの画像をクリックして拡大させる方法は以下の通りです!

メディア追加→添付ファイルの表示設定→リンク先→メディアファイル

画像を貼り付ける前に、リンク先を『メディアファイル』に設定するだけです!

イルカ

超簡単です!

画像をクリックして拡大させる方法は超簡単なのですが、【Easy FancyBox】というプラグインを導入すると、さらに良い感じになります!

というわけで、この記事では、『ワードプレスの画像をクリックして拡大させる方法』に加えて、『ワードプレスの画像をおしゃれに拡大させる方法』についても紹介します!

イルカ

この記事を読んで、ワードプレスの画像を拡大させちゃおう!

目次

ワードプレス(WordPress)の画像をクリックして拡大させる方法

ワードプレスで画像をクリックして拡大させる方法は、以下の通りです!

メディア追加→添付ファイルの表示設定→リンク先→メディアファイル

例えば、以下の画像をクリックしたら拡大できるようにします!

空飛ぶ少女
空飛ぶ少女

まずは、【メディアを追加】をクリックして貼り付けたい画像を選択し、『添付ファイルの表示設定』からリンク先をメディアファイルに設定します!

以上で設定は終了です!

これでクリックしたら画像が拡大されますね!

空飛ぶ少女
空飛ぶ少女
イルカ

試しに上記の画像をクリックしてみてね!

以上が、ワードプレスの画像をクリックして拡大させる方法になります!

ワードプレス(WordPress)の画像をクリックして拡大させるならプラグイン【Easy FancyBox】がおすすめです

上記では、ワードプレスで画像をクリックして拡大させる方法について紹介しましたが、個人的におすすめなのが【Easy FancyBox】というプラグインです!

というのも、【Easy FancyBox】を使うと、画像をクリックして拡大させる時のエフェクトがおしゃれで良い感じなのです!

具体的には以下のような違いがありますね!

〜プラグイン【Easy FancyBox】を導入する前〜

空飛ぶ少女の画像
空飛ぶ少女の画像

⬇︎

空飛ぶ少女の画像をクリックして拡大
空飛ぶ少女の画像をクリックして拡大

〜プラグイン【Easy FancyBox】を導入した後〜

空飛ぶ少女の画像
空飛ぶ少女の画像

⬇︎

空飛ぶ少女の画像をクリックして拡大【Easy-FancyBox】
空飛ぶ少女の画像をクリックして拡大【Easy-FancyBox】

どうですか?

イルカ

個人的には”びよ〜ん”って伸びるエフェクトが好きです!

また、【Easy FancyBox】を導入する前だと、ブラウザの【戻る】ボタンを押さないと戻れませんが、【Easy FancyBox】を導入すると画像の右上に【×】ボタンが追加されているのも、見やすくて使い勝手が良い点の一つです!

もちろん、『元の方が良い』と感じる方は導入しなくてもOKです!

お好みで利用してみてください!

 

ちなみに、【Easy FancyBox】はインストールから有効化するだけで使えます!

プラグイン【Easy-FancyBox】
プラグイン【Easy-FancyBox】

複雑な設定はありませんので、簡単ですね!

まとめ:ワードプレスの画像をクリックして拡大させる方法は超簡単です

ワードプレスの画像をクリックして拡大させる方法は超簡単です!

ただ、追加情報としてプラグイン【Easy FancyBox】を導入すると、さらにおしゃれな感じになりますね!

とはいえ、「余計なプラグイン入れたくありません」という方は入れなくてもOKです!

この辺はお好みで!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次