WordPress

【WordPress】カスタマイズ可能なライトボックスプラグインFancyBox for WordPress

November 13, 2017
FancyBox for WordPress


FancyBox for WordPressはカスタマイズ可能なライトボックスプラグイン。ボーダー、余白の幅と色、ズームスピード、アニメーションの種類、閉じるボタンの位置、オーバーレイの色と不透明度などオプションが準備されています。

FancyBox for WordPressプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> FancyBox for WordPressを検索
有効化にすると設定にFancyBox for WPが追加されます。

Fancybox for WordPress (version 3.0.12)


Appearance Settings

Border ボーダーを表示
Close Button 閉じるボタンを表示
Padding パディング
Overlay Options オーバーレイオプション
Title タイトル
Navigation Arrows ナビゲーション矢印


Animation Settings

Zoom Options ズームオプション
Transition Type 移行タイプ
Easing イージングを有効


Behavior Settings

Auto Resize to Fit ビューポートに収まるように画像を拡大/縮小
Center on Scroll スクロールする時に画像をブラウザウィンドウの中央の位置を保持する
Close on Content Click 画像をクリックしてFancyBoxを閉じる
Close on Overlay Click オーバーレイをクリックしてFancyBoxを閉じる
Close with “Esc” Escapeキーが押されたときに閉じる
Cyclic Galleries ギャラリーをサイクリックにし、次/後を押し続けることを可能にする
Mouse Wheel Navigation マウスホイールでギャラリーをナビゲート


Other Settings

Dimensions ディメンションの自動検出
Load JavaScript in Footer フッターにJavaScriptを読み込む
Callbacks コールバック


記事内のリンクが適用されている画像をクリックすると上記のようにポップアップ表示されます。