WordPressで画像の拡大をふわっとするプラグイン Easy FancyBox1.6.2

2017-11-25 11:41プラグイン

サイトを見ていると、縮小された画像をクリックした時に、ぼわ~んっと拡大表示されるのを見かけますよね。あんな風にしたいんだけど、どうすればいいのかな?
こちらのサイトの画像でも取り入れています。理由ですか?
そりゃもう、ぼよよ~~~んとしているところがかわいいからですよ♪
こんな感じのやつです♡
2017-12-19
現在はテーマとの相性が悪いのか上手く表示されなくなったため使用しておりません><

イメージ画像

あとはブラウザで「戻る」という操作をしなくても、元の記事に戻れるところがいいかな!

Easy FancyBoxをインストールする

プラグインの新規追加で Easy FancyBox と入力して検索してください。

画像を拡大表示させるには

記事に挿入した画像を拡大表示させるには、メディアを追加する際に添付ファイルの表示設定でリンク先に「メディアファイル」を指定しておく必要があります。

キャプチャ画像

ぼわんっと拡大表示できたか試してみるw

あれ?できたけどなんか画像の下のところに黒い帯が・・・
これはメディアの代替テキスト欄に入力したテキストです。

代替テキストの表示を消す

上の代替テキストの表示が邪魔な人はEasy FancyBoxの「設定」で
Appearance
のチェックを外します。

easyfancybox-キャプチャ画面

代替テキストが消えたか確認

下のように消えていたら成功です!

easyfancyboxキャプチャ画面

あとがき

私はテーマLuxeritas(ルクセリタス)を使用しているのですが、どういうわけか、このプラグインを使用して画像を拡大表示しようとすると、二重に表示されるという状態に陥ることが何度もありました。
不覚にもキャプチャを残していないので表現するのが難しいですが、とにかく変なことになるんです><

一時は直し方が分からず、もう一度サイトを一から作り直した経験もあるほどです。
実は昨日も気がついたら二重になっていました><
いろいろ設定を変更しているので、その影響なのかもしれませんが、一回一回動作の確認を取っていなかったので、どの変更が影響していたのかもうさっぱりわからなくなっていました。

でも、Luxeritas(ルクセリタス)のバックアップがあったことを思い出し、そこから復元してみたら見事直りました!ほんとによかったよ~~~!バックアップって大事だわ~~
\(*^▽^*)/

そしてなにがしかの変更を加えた時は、表示の確認をちゃんと取らなきゃと改めて思いました。
反省

0

Posted by どらみ