teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

サブループ に入れる前段階のモーダウウィンドウうまくいった試行表記

2021/06/06 13:27

投稿

mmmt
mmmt

スコア0

title CHANGED
File without changes
body CHANGED
@@ -81,4 +81,28 @@
81
81
  コンソールでのエラーはScssを利用しているのでそれに関する注意がでています。
82
82
  ```
83
83
  DevTools failed to load source map: Could not load content for http://sm.local/wp-content/themes/original202105/style.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
84
+ ```
85
+ サブループ に入れる前段階ではモーダル作用します。
86
+ ```php
87
+ <ul>
88
+ <li>
89
+ <a class="modal_open" data-target="hoge" href="">
90
+ <img src="<?php echo get_template_directory_uri(); ?>/images/nowprinting.gif" alt="">
91
+ <h3 class="left_top">タイトルが入ります</h3>
92
+ </a>
93
+ </li>
94
+ </ul>
95
+
96
+ <!-- モーダルウィンドウ -->
97
+ <ul class="modal_wrapper">
98
+ <li id="hoge" class="modal">
99
+ <div class="modal_bg modal_close"></div>
100
+ <div class="modal_content">
101
+ <h3>test<span>(yyyy)</span></h3>
102
+ <img src="<?php echo get_template_directory_uri(); ?>/images/noimages.png" alt="">
103
+ <p>テスト</p>
104
+ <p class="modal_close">close</p>
105
+ </div>
106
+  </li>
107
+ </ul>
84
108
  ```

1

コンソール内のコードエラーを追記

2021/06/06 13:27

投稿

mmmt
mmmt

スコア0

title CHANGED
File without changes
body CHANGED
@@ -75,4 +75,10 @@
75
75
  });
76
76
 
77
77
  ```
78
- なにか解決策いただけますとありがたいです。
78
+ なにか解決策いただけますとありがたいです。
79
+
80
+ ###追記(2021.6.6)
81
+ コンソールでのエラーはScssを利用しているのでそれに関する注意がでています。
82
+ ```
83
+ DevTools failed to load source map: Could not load content for http://sm.local/wp-content/themes/original202105/style.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
84
+ ```