質問編集履歴

1

内容追記

2024/10/05 02:36

投稿

yosuke1025
yosuke1025

スコア12

test CHANGED
File without changes
test CHANGED
@@ -6,6 +6,61 @@
6
6
  私の場合は黒を表示させることができましたが、レスポンシブでは最初から黒になっている状態ですので、
7
7
  クリック後に背景色を表示させるようにしたい。
8
8
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-10-03/6b59d968-1162-4263-b703-1957a09978ca.png)
9
+
10
+ ###管理画面>お問い合わせ
11
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-10-05/bae4f465-5ca2-4c0b-b200-2717ea8f1820.png)
12
+ ```
13
+ <dl>
14
+ <div class="contact__wrap">
15
+  <div class="contact_form-box">
16
+  <dt class="contact_txt">お問い合わせ項目<span>必 須</span></dt>
17
+  <dd class="content_radio"><div class="contact_radio">[radio radio-421 use_label_element default:1 "お問い合わせ""資料請求" "オーナー宅見学申込""来場予約"]</div></dd>
18
+ </div>
19
+ </dl>
20
+ 以下省略
21
+ ```
22
+
23
+ ###contact.php(管理画面>お問い合わせでHTMLを記述しているためphpは以下の通りです)
24
+ ```
25
+ <?php
26
+ /*
27
+ * Template Name: CONTACTページ
28
+ */
29
+ ?>
30
+ <?php wp_head(); ?>
31
+ <?php get_header();?>
32
+
33
+ <main class="page_contact">
34
+ <div class="pg_contact">
35
+ <h1 class="pg_contact_h1">CONTACT</h1>
36
+ <p class="sub">お問い合わせ・資料請求</p>
37
+ </div><!--.pg_lineup-->
38
+ </main>
39
+
40
+
41
+ <?php
42
+ if ( have_posts() ) :
43
+ while( have_posts() ) : the_post();
44
+ the_content(); /* 本文を出力 */
45
+ endwhile;
46
+ endif;
47
+ ?>
48
+
49
+ <div class="link_view6">
50
+ <a href="" class="link_btn">確認画面に進む
51
+ <span class="arrow"></span>
52
+ </a>
53
+ </div>
54
+
55
+ <nav class="top_contact">
56
+ <ul class="contact_ul">
57
+ <li class="list"><a href="" class="link">TOP</a></li>
58
+ <li class="list"><span class="contact_pg">CONTACT</span></li>
59
+ </ul>
60
+ </nav>
61
+
62
+ <?php get_footer();?>
63
+ ```
9
64
 
10
65
  ### css
11
66