teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問wordpressの検索フォームで検索してもヒットしない。

編集履歴

質問編集履歴

5

2019/09/20 07:24

投稿

bigmountain
bigmountain

スコア4

test CHANGED
File without changes
test CHANGED
@@ -90,7 +90,7 @@
90
90
 
91
91
 
92
92
 
93
- 「できるWordPress 〜」という本を見ながらサイトを作り「初めてのデザイン＆カスタマイズ」を参考にブログを書いています。 テーマは追加していません。 プラグインを追加した入手先ですが、確か全て「WordPress プラグイン追加」ページから探したと思います。 jetpack、Contact Form 7、SiteGuard WP Plugin、Akismet Anti-Spam、TypeSquare Webfonts for エックスサーバーなどがあり、コンテンツも十分あると思います。 ホームページの表示は最新の投稿ではなく、固定ページで、ホームページと投稿ページになっています。
93
+ 「できるWordPress 〜」という本を見ながらサイトを作り「初めてのデザイン＆カスタマイズ」を参考にブログを書いています。 テーマ、プラグインを追加した入手先ですが、確か全て「WordPress プラグイン追加」ページから探したと思います。 jetpack、Contact Form 7、SiteGuard WP Plugin、Akismet Anti-Spam、TypeSquare Webfonts for エックスサーバーなどがあり、コンテンツも十分あると思います。 ホームページの表示は最新の投稿ではなく、固定ページで、ホームページと投稿ページになっています。
94
94
 
95
95
 
96
96
 

4

2019/09/20 07:24

投稿

bigmountain
bigmountain

スコア4

test CHANGED
File without changes
test CHANGED
@@ -40,6 +40,8 @@
40
40
 
41
41
 
42
42
 
43
+ ```ここに言語を入力
44
+
43
45
  <?php
44
46
 
45
47
  /**
@@ -76,6 +78,8 @@
76
78
 
77
79
  </form>
78
80
 
81
+ ```
82
+
79
83
 
80
84
 
81
85
  グーグルで解決方法を検索し、action以下<?php echo esc_url( home_url( '/' ) ); ?>の部分を、自分のサイトのurl貼り付けたりも試したりしましたがヒットしませんでした。

3

2019/09/20 07:18

投稿

bigmountain
bigmountain

スコア4

test CHANGED
File without changes
test CHANGED
@@ -100,6 +100,8 @@
100
100
 
101
101
 
102
102
 
103
+ ```ここに言語を入力
104
+
103
105
  form.search-form {
104
106
 
105
107
  width: 100%;
@@ -300,6 +302,8 @@
300
302
 
301
303
  }
302
304
 
305
+ ```
306
+
303
307
 
304
308
 
305
309
  よろしくお願いいたします。

2

検索フォームの html やフォーム部分に適用されている CSS

2019/09/20 07:17

投稿

bigmountain
bigmountain

スコア4

test CHANGED
File without changes
test CHANGED
@@ -96,6 +96,10 @@
96
96
 
97
97
 
98
98
 
99
+ 検索フォームの html やフォーム部分に適用されている CSS
100
+
101
+
102
+
99
103
  form.search-form {
100
104
 
101
105
  width: 100%;

1

form.search-form { width: 100%; max-width: 100%; position: relative; } .main-navigation

2019/09/20 04:38

投稿

bigmountain
bigmountain

スコア4

test CHANGED
File without changes
test CHANGED
@@ -82,4 +82,220 @@
82
82
 
83
83
 
84
84
 
85
+ 追記１
86
+
87
+
88
+
89
+ 「できるWordPress 〜」という本を見ながらサイトを作り「初めてのデザイン＆カスタマイズ」を参考にブログを書いています。 テーマは追加していません。 プラグインを追加した入手先ですが、確か全て「WordPress プラグイン追加」ページから探したと思います。 jetpack、Contact Form 7、SiteGuard WP Plugin、Akismet Anti-Spam、TypeSquare Webfonts for エックスサーバーなどがあり、コンテンツも十分あると思います。 ホームページの表示は最新の投稿ではなく、固定ページで、ホームページと投稿ページになっています。
90
+
91
+
92
+
93
+
94
+
95
+ 追記２
96
+
97
+
98
+
99
+ form.search-form {
100
+
101
+ width: 100%;
102
+
103
+ max-width: 100%;
104
+
105
+ position: relative;
106
+
107
+ }
108
+
109
+ .main-navigation form.search-form {
110
+
111
+ min-width: 320px;
112
+
113
+ }
114
+
115
+ input.search-field {
116
+
117
+ height: 50px;
118
+
119
+ border-radius: 0;
120
+
121
+ padding: 0 50px 0 15px;
122
+
123
+ width: 100%;
124
+
125
+ outline: none;
126
+
127
+ }
128
+
129
+ .main-navigation svg.icon-close {
130
+
131
+ display: none;
132
+
133
+ }
134
+
135
+ #search.hidden-small form.search-form {
136
+
137
+ position: absolute;
138
+
139
+ left: 0;
140
+
141
+ right: 0;
142
+
143
+ }
144
+
145
+ svg {
146
+
147
+ width: 16px;
148
+
149
+ height: 16px;
150
+
151
+ display: inline-block;
152
+
153
+ vertical-align: middle;
154
+
155
+ }
156
+
157
+ .search-menu svg.icon-search {
158
+
159
+ fill: #949494;
160
+
161
+ }
162
+
163
+ svg.icon-search,
164
+
165
+ svg.icon-close {
166
+
167
+ width: 15px;
168
+
169
+ height: 15px;
170
+
171
+ fill: #fff;
172
+
173
+ }
174
+
175
+ svg.icon-close {
176
+
177
+ width: 20px;
178
+
179
+ height: 20px;
180
+
181
+ }
182
+
183
+ .search-submit svg.icon-search {
184
+
185
+ fill: #adadad;
186
+
187
+ opacity: 1;
188
+
189
+ }
190
+
191
+ .main-navigation svg.icon-down {
192
+
193
+ width: 12px;
194
+
195
+ height: 12px;
196
+
197
+ margin-left: 5px;
198
+
199
+ fill: #7b7b7b;
200
+
201
+ }
202
+
203
+ .main-navigation .sub-menu svg {
204
+
205
+ width: 12px;
206
+
207
+ height: 12px;
208
+
209
+ fill: #7b7b7b;
210
+
211
+ position: absolute;
212
+
213
+ right: 15px;
214
+
215
+ top: 17px;
216
+
217
+ -webkit-transform: rotate(-90deg);
218
+
219
+ -moz-transform: rotate(-90deg);
220
+
221
+ -ms-transform: rotate(-90deg);
222
+
223
+ -o-transform: rotate(-90deg);
224
+
225
+ transform: rotate(-90deg);
226
+
227
+ }
228
+
229
+ #site-menu #search {
230
+
231
+ display: none;
232
+
233
+ }
234
+
235
+ #search-menu {
236
+
237
+ display: none;
238
+
239
+ }
240
+
241
+ #search-menu .icon-close,
242
+
243
+ #search-menu.active .icon-search,
244
+
245
+ .search-menu .icon-close,
246
+
247
+ .search-menu.active .icon-search {
248
+
249
+ display: none;
250
+
251
+ }
252
+
253
+ #search-menu.active .icon-close,
254
+
255
+ .search-menu.active .icon-close {
256
+
257
+ display: inline-block;
258
+
259
+ }
260
+
261
+ #search-menu button .icon-search,
262
+
263
+ .search-menu button .icon-search,
264
+
265
+ #search-menu.active button .icon-search,
266
+
267
+ .search-menu.active button .icon-search {
268
+
269
+ display: inline-block;
270
+
271
+ }
272
+
273
+ #search-menu input[type="search"] {
274
+
275
+ padding-left: 40px;
276
+
277
+ border-radius: 4px;
278
+
279
+ min-height: 40px;
280
+
281
+ height: auto;
282
+
283
+ background-color: #efefef;
284
+
285
+ border-color: #efefef;
286
+
287
+ padding: 5px 15px 0px 40px;
288
+
289
+ }
290
+
291
+ #search-menu form.search-form button.search-submit {
292
+
293
+ min-height: 40px;
294
+
295
+ height: auto;
296
+
297
+ }
298
+
299
+
300
+
85
301
  よろしくお願いいたします。