前提・実現したいこと
下のコードにサイト内検索とハンバーガーメニューの画面を閉じる機能を追加したいです。
ここに質問の内容を詳しく書いてください。
ワードプレスで、ブログをやっています。私は知識が全くない素人なのですが、コードを丸
ごとコピーすれば、フッター固定メニューを作成できるというサイトからコードを拝借して、
貼り付けたところ、固定メニューは表示されました。しかし、サイト内検索とハンバーガーメニューを
表示させた後、その画面を閉じる事が出来ない事に気付きました。
このままだと不便なので、ボタンやメニューの枠外をタップ・クリックした時にその画面を
閉じられる様にしたいです。コードのコピー元のサイトを見てみると、きちんと閉じられる
様になっています。この様な質問させていただくのは、大変心苦しいのですが、何が足りないのか、
何をどうすればいいのかご教示いただければ幸いです。以下が、丸ごとコピーして貼り付けたコードです。
エラーメッセージ
該当のソースコード
<?php if(wp_is_mobile()) { ?> <ul class="footer_menu"> <li><a href="#modal-p01"><span class="dashicons dashicons-menu"></span><br>メニュー</a></li> <li><a href="■URL1"><span class="dashicons dashicons-email" style="font-size:16px"></span><br>■左から2番目</a></li> <li><a href="■URL2"><span class="dashicons dashicons-heart" style="font-size:16px"></span><br>■左から3番目</a></li> <li><a href="■URL3"><span class="dashicons dashicons-star-filled" style="font-size:16px"></span><br>■左から4番目</a></li> <li><a href="#modal-p05"><span class="dashicons dashicons-search" style="font-size:16px"></span><br>検索</a></li> </ul> <?php } else { ?> <?php } ?> <!--modal-p01の中身--> <div class="modal-window" id="modal-p01"> <div class="modal-inner"> <ul class="mod"> <li><a href="■メニューURL1">■メニュー1■</a></li> <li><a href="■メニューURL2">■メニュー2■</a></li> <li><a href="■メニューURL3">■メニュー3■</a></li> <li><a href="■メニューURL4">■メニュー4■</a></li> <li><a href="■メニューURL5">■メニュー5■</a></li> <li><a href="■メニューURL6">■メニュー6■</a></li> <li><a href="■メニューURL7">■メニュー7■</a></li> </ul> </div> <a href="#!" class="modal-close">×</a> </div> <!--modal-p05の中身--> <div class="modal-window" id="modal-p05"> <div class="modal-inner"> <form role="search" method="get" id="searchform" class="searchform" action="<?php echo home_url('/'); ?>"> <div></div> </form> </div> <a href="#!" class="modal-close">×</a> </div> ```ここに言語名を入力 PHP ```<input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="検索" />
試したこと
ワードプレスのPopup Makerというプラグインを使って、サイト内検索と
ハンバーガーメニューを閉じられないかを試してみましたが、いきなり閉じる
ボタンが出てきて、メニューと検索画面が表示されませんでした。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/27 06:31