ブログ運営

ワードプレス(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です!

この辺はお好みで!

〜リゾートバイトおすすめ派遣会社ランキング〜