質問編集履歴

4

文字修正

2016/10/11 07:34

投稿

otonosama99
otonosama99

スコア28

test CHANGED
File without changes
test CHANGED
@@ -30,15 +30,33 @@
30
30
 
31
31
  ※子要素・孫要素も自由に横幅を指定したいです。
32
32
 
33
+
34
+
35
+
36
+
37
+ 広げたいテキストは下記の通りです。
38
+
39
+ > ※記者IDは英数字、漢字、ひらがな、カタカナのいずれかを使用してください。
40
+
41
+ > 特殊記号や日英以外の言語は表示できない場合があります。
42
+
43
+ > ※パスワードは6文字以上の英数字をご使用ください。
44
+
45
+ > 既に他の人が登録済みのメールアドレス、パスワードの組み合わせは使用できません。
46
+
47
+
48
+
49
+
50
+
51
+
52
+
33
53
  ![イメージ図](0c13bb5bf07fbb251c4ecc3c83ae2f34.png)
34
54
 
35
55
  ```html
36
56
 
37
57
  <label for="office_shop" class="text">会社名・店舗名</label>
38
58
 
39
-
40
-
41
- <div class="div_text">
59
+ <div class="div_text">
42
60
 
43
61
  <input name="office_shop" type="text" id="office_shop" value="" class="textbox" />
44
62
 
@@ -70,9 +88,15 @@
70
88
 
71
89
  </p>
72
90
 
91
+ <p class="last_name_text2">※パスワードは6文字以上の英数字をご使用ください。<br />
92
+
93
+ 既に他の人が登録済みのメールアドレス、パスワードの組み合わせは使用できません。
94
+
95
+ </p>
96
+
73
97
  </div>
74
98
 
75
- </div>
99
+ </div>
76
100
 
77
101
 
78
102
 

3

文章追加修正 

2016/10/11 07:34

投稿

otonosama99
otonosama99

スコア28

test CHANGED
File without changes
test CHANGED
@@ -34,21 +34,181 @@
34
34
 
35
35
  ```html
36
36
 
37
- <label for="office_shop" class="text">会社名・店舗名</label>
38
-
39
- <div class="div_text"><input name="office_shop" type="text" id="office_shop" value="" class="textbox" />
40
-
41
- <p class="office_shop_text">お店・会社の広告・宣伝・案内を投稿する場合は以下必須</p>
42
-
43
- <label for="last_name" class="text">姓</label>
44
-
45
- <div class="div_text"><input name="last_name" type="text" id="last_name" value="" class="textbox" /></div>
46
-
47
- <label for="first_name" class="text">名</label>
48
-
49
- <div class="div_text"><input name="first_name" type="text" id="first_name" value="" class="textbox" />
50
-
51
- <p class="last_name_text1">※記者IDは英数字、漢字、ひらがな、カタカナのいずれかを使用してください。</p>
37
+ <label for="office_shop" class="text">会社名・店舗名</label>
38
+
39
+
40
+
41
+ <div class="div_text">
42
+
43
+ <input name="office_shop" type="text" id="office_shop" value="" class="textbox" />
44
+
45
+ <p class="office_shop_text">
46
+
47
+ お店・会社の広告・宣伝・案内を投稿する場合は以下必須
48
+
49
+ </p>
50
+
51
+ <label for="last_name" class="text"></label>
52
+
53
+ <div class="div_text">
54
+
55
+ <input name="last_name" type="text" id="last_name" value="" class="textbox" />
56
+
57
+ </div>
58
+
59
+ <label for="first_name" class="text">名</label>
60
+
61
+ <div class="div_text">
62
+
63
+ <input name="first_name" type="text" id="first_name" value="" class="textbox" />
64
+
65
+ <p class="last_name_text1">
66
+
67
+ ※記者IDは英数字、漢字、ひらがな、カタカナのいずれかを使用してください。<br />
68
+
69
+ 特殊記号や日英以外の言語は表示できない場合があります。
70
+
71
+ </p>
72
+
73
+ </div>
74
+
75
+ </div>
76
+
77
+
78
+
79
+ ```
80
+
81
+
82
+
83
+
84
+
85
+ 修正前HTML↓
86
+
87
+
88
+
89
+
90
+
91
+
92
+
93
+
94
+
95
+ ```html
96
+
97
+ <label for="office_shop" class="text">会社名・店舗名</label>
98
+
99
+ <div class="div_text">
100
+
101
+ <input name="office_shop" type="text" id="office_shop" value="" class="textbox" />
102
+
103
+ </div>
104
+
105
+ <label for="last_name" class="text">姓</label>
106
+
107
+ <div class="div_text">
108
+
109
+ <input name="last_name" type="text" id="last_name" value="" class="textbox" />
110
+
111
+ </div>
112
+
113
+ <label for="first_name" class="text">名</label>
114
+
115
+ <div class="div_text">
116
+
117
+ <input name="first_name" type="text" id="first_name" value="" class="textbox" />
118
+
119
+ </div>
120
+
121
+
122
+
123
+ ```
124
+
125
+
126
+
127
+ 「functions.php」に下記のPHPを追加しました。
128
+
129
+ ```php
130
+
131
+
132
+
133
+ add_filter( 'wpmem_register_form_rows', 'my_register_form_rows_filter', 10, 2 );
134
+
135
+ function my_register_form_rows_filter( $rows, $toggle ) {
136
+
137
+ $rows['office_shop'][field_after] = '<p class="office_shop_text">お店・会社の広告・宣伝・案内を投稿する場合は以下必須</p>';
138
+
139
+ $rows['first_name'][field_after] = '<p class="last_name_text1">※記者IDは英数字、漢字、ひらがな、カタカナのいずれかを使用してください。<br /> 特殊記号や日英以外の言語は表示できない場合があります。</p>
140
+
141
+ <p class="last_name_text2">※パスワードは6文字以上の英数字をご使用ください。<br /> 既に他の人が登録済みのメールアドレス、パスワードの組み合わせは使用できません。</p>';
142
+
143
+ return $rows;
144
+
145
+ }
146
+
147
+
148
+
149
+ ```
150
+
151
+
152
+
153
+
154
+
155
+
156
+
157
+ 「generic-no-float.css」にある「.div_text」の表示だけを抜粋しました。
158
+
159
+ ```css
160
+
161
+ /* Login Form and Registration Form */
162
+
163
+
164
+
165
+ #wpmem_login .div_text,
166
+
167
+ #wpmem_reg .div_text {
168
+
169
+ width:74%;
170
+
171
+ margin:0 0 14px 0;
172
+
173
+ }
174
+
175
+
176
+
177
+ #wpmem_reg .div_textarea textarea{
178
+
179
+ width:100%;
180
+
181
+ }
182
+
183
+
184
+
185
+
186
+
187
+ /** for smaller screens */
188
+
189
+
190
+
191
+ @media screen and (max-width: 720px) {
192
+
193
+ #wpmem_reg .div_text, #wpmem_reg .div_textarea,
194
+
195
+ #wpmem_login .div_text {
196
+
197
+ float: none;
198
+
199
+ }
200
+
201
+
202
+
203
+ #wpmem_reg .div_text, #wpmem_reg .div_textarea,
204
+
205
+ #wpmem_login .div_text {
206
+
207
+ width: 98%;
208
+
209
+ }
210
+
211
+
52
212
 
53
213
  ```
54
214
 

2

コード追加修正

2016/10/11 07:28

投稿

otonosama99
otonosama99

スコア28

test CHANGED
File without changes
test CHANGED
@@ -32,7 +32,25 @@
32
32
 
33
33
  ![イメージ図](0c13bb5bf07fbb251c4ecc3c83ae2f34.png)
34
34
 
35
+ ```html
35
36
 
37
+ <label for="office_shop" class="text">会社名・店舗名</label>
38
+
39
+ <div class="div_text"><input name="office_shop" type="text" id="office_shop" value="" class="textbox" />
40
+
41
+ <p class="office_shop_text">お店・会社の広告・宣伝・案内を投稿する場合は以下必須</p>
42
+
43
+ <label for="last_name" class="text">姓</label>
44
+
45
+ <div class="div_text"><input name="last_name" type="text" id="last_name" value="" class="textbox" /></div>
46
+
47
+ <label for="first_name" class="text">名</label>
48
+
49
+ <div class="div_text"><input name="first_name" type="text" id="first_name" value="" class="textbox" />
50
+
51
+ <p class="last_name_text1">※記者IDは英数字、漢字、ひらがな、カタカナのいずれかを使用してください。</p>
52
+
53
+ ```
36
54
 
37
55
 
38
56
 

1

タグ追加修正

2016/10/11 06:40

投稿

otonosama99
otonosama99

スコア28

test CHANGED
File without changes
test CHANGED
File without changes