画像が綺麗にポップアップされるプラグイン「Lightbox Plus ColorBox」
デフォルトでは、画像リンクはウィンドウ内もしくは別ウィンドウで画像のみ表示されますが
「Lightbox Plus ColorBox」を使うと画像をウィンドウ内でポップアップさせることが
できるようになります。
Lightbox Plus ColorBoxをインストールする
管理画面の左サイドバー「プラグイン」から「新規追加」をクリックします。
「Lightbox Plus ColorBox」と入力し、検索。
見つかりました!さっそくインストールします。
インストールが終わったらプラグインを有効化します。
これでインストールは完了です!
Lightbox Plus ColorBoxの設定
このプラグインにはさまざまな設定がありますが、その一部を紹介します。
設定を変更するには、管理画面左サイドバーの「外観」から「Lightbox Plus ColorBox」をクリックします。
まずはLightboxを使うために「Use Secondary Lightbox」にチェックを入れます。
次に「Styles」タブをクリックすると、ポップアップボックスの色を指定できます。
例では黒を選んでみました。
できたら「Save all settings」をクリックして設定を保存します。
その下ではポップアップ時のエフェクト等を指定できます。
Transition Type はポップアップのエフェクトタイプ、
Resize Speed は効果のスピード、Overlay Opacity はポップアップ画像以外の暗さを指定します。
例では上から順にfade、300、40%としてみました。
終わったら「Save all settings」をクリックして設定を保存します。
できました!
画像リンクをクリックすると、ふんわりと画像がポップアップされるようになりました。
以上、「Lightbox Plus ColorBox」のご紹介でした。
ページ遷移されないため、戻る手間がなく気軽に画像が見られるようになっていいですね。