画像をクリックするとふわっと拡大表示してくれるWordPressプラグイン「Easy FancyBox」

画像をクリックするとふわっと拡大表示してくれるWordPressプラグイン「Easy FancyBox」

画像をクリックするとふわっと拡大表示してくれるWordPressプラグイン「Easy FancyBox」

Easy FancyBoxは、記事内の画像をクリックすると、ふわっと拡大表示してくれるようになるWordPressプラグインです。

Easy FancyBoxのインストール

インストール手順は以下の通りです。

  1. Easy FancyBoxをダウンロードします。
  2. ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
  3. 管理画面の[プラグイン]ページで、Easy FancyBoxを有効化します。

Easy FancyBoxの設定

デフォルトのままでも問題ありませんが、[設定] – [メディア]で細かい設定が行えます。

Easy FancyBoxの設定

Media Easy FancyBoxを有効にするファイルの種類
Overlay 背景の色や不透明度
Window 外観や動作
Miscellaneous 古いブラウザへの対応
Images 自動検出する画像の種類やギャラリー機能
TinyPNG API key TinyPNGのAPIキー
File compression 画像ファイルの圧縮
Original image オリジナル画像のリサイズや圧縮

画像の挿入方法

画像を挿入する際は、必ずリンク先を「メディアファイル」にします。メディアファイルになっていないと、Easy FancyBoxが有効になりません。

メディアファイルの選択

画像をクリックすると、以下のように拡大表示されます。

画像の拡大表示

あとがき

設定で横幅を指定しなければ、ブラウザのウインドウサイズに合わせて拡大されます。レスポンシブサイトでも導入可能ですね。

以前、同じようなプラグインでLightbox Plus ColorBoxというのを紹介しましたが、Lightbox Plus ColorBoxはrel属性にlightboxを追加しないといけないのがちょっと面倒でした。その点Easy FancyBoxは、画像挿入時にリンク先をメディアファイルにさえすれば良いので、使い方も簡単です。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です