Lightbox Plus

WordPressのプラグインで「Lightbox Plus」なるものを導入。

導入の経緯としては、HTMLの「クリッカブルマップ」を使用したLightbox的な効果。
この効果を実現するプラグインは多々あれど、「クリッカブルマップ」で動くものがなかなか無い。スクリプトを改造して使用するものはあったけれど動作しなかった。

WordPressにプラグンをインストールしては試しを繰り返し6時間。ようやく目的のプラグインに出逢えた。

「Lightbox Plus」を有効にすると、管理画面の「外観」の中に、それが現れる。
設定をいじらなくても、そのまま使えますが、今回は、意図的にLightbox的な効果をきかせたかったので、以下の設定を行う。

「Primary Lightbox – Other Settings:」の中の、「Use Class Method」にチェックを入れ、自動で動かないように「Do Not Auto-Lightbox Images」にチェックする。これで「class=”cboxModal”」と指定したものだけ機能する。

実際にHTMLの「map」、「area」を使用した例は以下の通り。
サムネイル画像の「Click」の部分に領域を指定。

カテゴリー: wordpress

コメントを残す

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

CAPTCHA