Popup MakerとGallery Custom Link

WordPressを遊びで使い始めて、モーダルウィンドウを使いたいって事でポピュラーなプラグイン『Popup Maker』を使ってみた。

ちょっとした画像や動画などのメディアをポップアップするだけなら、『Easy Fancybox』のようなプラグインで問題ないと思うのだが、文章をポップアップするとなると他のプラグインの方が使いやすいと。

いざ使おうとして、いきなりCookieなんて必要ないのにCookieを付けたせいで最初しか表示できない事に気付かなかったり、ちゃんとポップアップを表示するページを指定しないと全てのページに埋め込まれていることに気付かなかったりして時間を食ってしまったが、人気がある理由は分かってきた。

さて本題だが、WordPressにはギャラリーという複数の画像を並べて表示する機能が標準で装備されている。ただ、画像に好きなリンクを貼る機能が無い。そこで『Gallery Custom Links』の出番というわけだ。このプラグインを使うことでギャラリーの画像を選ぶ際に好きなリンクを貼ることが出来る。(同じ画像でも貼りたくないときに貼られてしまうのが微妙な点だが)

しかし、Gallery Custom LinksでPopup Makerで作ったPopupを出そうとしても出ない。何故なのか調べたところGallery Custom Linksで貼ったリンクを見ると下記の様になっていた。

<a href="#popmake-119" class="custom-link no-lightbox" title="" aria-label="" onclick="event.stopPropagation()" target="_self" rel=""><img…

問題は「no-lightbox」ってクラスと「event.stopPropagation」ってonclickイベントの2箇所。Gallery Custom Linksは、Meow Galleryというプラグインの使用を推奨していて、そいつのポップアップ表示を前提としたプラグインになっているみたいで、こんなコードになっているらしい。

面倒なのでプラグインの該当ソースから太字の2箇所を削除したところPopup Makerのポップアップが表示されるようになった。モヤッとするけど一旦解決。