◆2025.05.28 TOP画面のポップアップウィンドウに閉じるボタンを設置

更新と不具合の履歴
江の島と江ノ電(イラストACより)

TOP画面|随筆春秋ポータル https://zuishun.net/
ポップアップ画面|随筆春秋Quickリンク集 https://zuishun.net/quick-link/

上記のようにトップ画面に付随して開くポップアップ画面を設けたが、不要な場合は迷惑な限りである。
そこで、ポップアップ画面内の目立つ場所に「閉じる」ボタンを設けた。
カスタムHTMLブロックを選択し、ボックス内にHTML言語で書き込むという方法をとった。

その場合、ポップアップ画面がトップ画面のポップアップとして開いたか、単独で開いたかにより、「閉じる」ボタンをクリックした場合の挙動が異なる。
WordPressに組み込まれているセキュリティの影響だろうか、単独で開いた場合にはこの「閉じる」ボタンが利かない。無理してそれを回避するような設定をすると、今度は、閉じた直後にTOP画面が開き、その3秒後には設定通りポップアップ画面が開いてしまう。
数時間、格闘したが、この局面は打開できず、結局、単独でポップアップ画面を開いた場合には、閲覧者に自力で画面を閉じてもらうよう誘導する方式をとった。

覚書も兼ねて今回設けた閉じるボタンを以下にも配置した。

正倉  一文


制作|事務局 正倉 一文