ワードプレスの「Popup Maker」が表示されない時の対処法 

ワードプレスサイトで注意事項等を表示するのに、「Popup Maker」というプラグインを使っていますが、今回スマホで見たときにポップアップが表示されないという不具合がありました。

原因を探っていくとどうもCSSのコンフリクトが原因だったようで、備忘録的に解決方法を記載しておきます。同じような症状の際には参考になるかと思います。

「Popup Maker」でポップアップを通常通りに作ったのですが、PC版サイトで見ると問題なくポップアップが表示されていたのですが、スマホでみるとポップアップが表示されず、しかも画面が固まってしまいました。解決方法を調べていくと、制作者のサイトに記載がありました。

以下のコードをCSSに追記することで、自分は解決しました。

.pum-overlay.pum-active,
.pum-overlay.pum-active .popmake.active {
   		display: block !important;
	}

制作者のサイトにはポップアップが開かない際の解決方法が英語ですが書いてありますので、ご自身の症状に合わせて解決策を見つけてくださいね。

阪本　崇

メディアサイトの立ち上げ及び育成に豊富な経験を持つ。2012年に株式会社スノーウェイの代表取締役就任。2013年にホームページ制作を主業務とするネクストグロウを中池氏、五宝氏とともに立ち上げ、多数のWEBサイト制作やWEBコンサルティング業務に携わる。WEBマーケティングに関する知識を活かし、中小企業向けのセミナー講師も務める。 2021年に豊中商工会議所「専門相談員」就任。