副業

画像をポップアップ表示させるプラグイン

今回はWordpressで作成したサイトにある画像をポップアウト表示させるプラグイン「Easy FancyBox」を紹介します。
ページの推移無しで画像を拡大表示できるプラグインです。

Easy FancyBoxのメリット

  • 無料で本格的なポップアップ表示が可能
  • 設定がほとんど不要

 

↑のようにギャラリーの画像をクリックするとエフェクトありで(ふわっと)ポップアップ表示できます。
見本は作成中のお客様サイトを一部お借りしています。

導入方法

①まずは「Easy FancyBox」をインストール→有効化

たったこれだけでOKです。
後は投稿画面の「メディアを追加」→「ギャラリーを作成」から画像を選んで表示させます。
ギャラリーの設定のリンク先を「メディアファイル」にするのをお忘れなく

これだけではあるんですけど、設定項目も簡単に説明します。

②設定で自分好みに

「設定」→「メディア」を開くとEasy FancyBoxの設定項目も出てきます。

・メディア
どのメディアを開くときに有効化するかを選択します。(動画もポップアップさせたい場合はyoutubeなどをチェック)
・オーバーレイ
ポップアップ表示した画像の周りの部分の設定です。外枠をクリックした際にポップアップを解除させるかなどを設定します。
・ウィンドウ
閉じるボタンの表示有無やポップアップ動作の速度などを設定します。
・画像
画像が出てくる時と引っ込むときのエフェクトを選択したり、画像のポップアップと同時にタイトルを表示するかどうかなどを設定します。

最後に

とっても簡単に画像のポップアップ機能をサイトに追加できるEasy FancyBox、ぜひ皆さんも使ってみてください。
イラストレーターのポートフォリオサイト等におすすめです。
これだけ簡単ならサイトの知識がなくてもご自身で導入が可能です。

-副業

© 2021 ゆとりーマンの日常 Powered by AFFINGER5