画像が綺麗にポップアップされるプラグイン「Lightbox Plus ColorBox」

カスタム プラグイン

wppl_lightbox

デフォルトでは、画像リンクはウィンドウ内もしくは別ウィンドウで画像のみ表示されますが
Lightbox Plus ColorBox」を使うと画像をウィンドウ内でポップアップさせることが
できるようになります。

Lightbox Plus ColorBoxをインストールする

wppl_lightbox_sample01

管理画面の左サイドバー「プラグイン」から「新規追加」をクリックします。

wppl_lightbox_sample02

「Lightbox Plus ColorBox」と入力し、検索。

wppl_lightbox_sample03

見つかりました!さっそくインストールします。

wppl_lightbox_sample04

インストールが終わったらプラグインを有効化します。
これでインストールは完了です!

Lightbox Plus ColorBoxの設定

このプラグインにはさまざまな設定がありますが、その一部を紹介します。

wppl_lightbox_sample05

設定を変更するには、管理画面左サイドバーの「外観」から「Lightbox Plus ColorBox」をクリックします。

wppl_lightbox_sample06

まずはLightboxを使うために「Use Secondary Lightbox」にチェックを入れます。

wppl_lightbox_sample07

次に「Styles」タブをクリックすると、ポップアップボックスの色を指定できます。
例では黒を選んでみました。

できたら「Save all settings」をクリックして設定を保存します。

wppl_lightbox_sample08

その下ではポップアップ時のエフェクト等を指定できます。

Transition Type はポップアップのエフェクトタイプ、
Resize Speed は効果のスピード、Overlay Opacity はポップアップ画像以外の暗さを指定します。

例では上から順にfade、300、40%としてみました。
終わったら「Save all settings」をクリックして設定を保存します。

wppl_lightbox_sample09

できました!
画像リンクをクリックすると、ふんわりと画像がポップアップされるようになりました。

以上、「Lightbox Plus ColorBox」のご紹介でした。
ページ遷移されないため、戻る手間がなく気軽に画像が見られるようになっていいですね。

カスタム プラグイン

関連記事