質問編集履歴

3

内容修正

2020/12/29 08:31

投稿

ryryryry
ryryryry

スコア1

test CHANGED
File without changes
test CHANGED
@@ -20,6 +20,10 @@
20
20
 
21
21
 
22
22
 
23
+ [cssの内容(navigationだけ抽出するのが難しく当サイトのを載せてます)](https://github.com/StartBootstrap/startbootstrap-creative/blob/master/dist/css/styles.css)
24
+
25
+
26
+
23
27
  ###index.php
24
28
 
25
29
  ```html

2

内容修正

2020/12/29 08:31

投稿

ryryryry
ryryryry

スコア1

test CHANGED
File without changes
test CHANGED
@@ -36,6 +36,8 @@
36
36
 
37
37
  </head>
38
38
 
39
+
40
+
39
41
  <body id="page-top">
40
42
 
41
43
  <!-- Navigation-->
@@ -52,7 +54,7 @@
52
54
 
53
55
  <header class="masthead">
54
56
 
55
-   <!-- header内single.phpと同じ -->
57
+   
56
58
 
57
59
  </header>
58
60
 
@@ -62,135 +64,209 @@
62
64
 
63
65
  <section class="page-section bg-primary" id="about">
64
66
 
65
- <div class="container">
66
-
67
- <div class="row justify-content-center">
68
-
69
- <div class="col-lg-8 text-center">
70
-
71
- <h2 class="text-white mt-0">アバウト</h2>
72
-
73
- </div>
74
-
75
- </div>
67
+
68
+
69
+ </section>
70
+
71
+
72
+
73
+ <!-- Posted-->
74
+
75
+ <section class="page-section" id="posted">
76
+
77
+
78
+
79
+ </section>
80
+
81
+
82
+
83
+ <!-- Portfolio-->
84
+
85
+ <section class="page-section bg-dark" id="portfolio">
86
+
87
+
88
+
89
+ </section>
90
+
91
+
92
+
93
+ <!-- Instagram-->
94
+
95
+ <section class="page-section" id="instagram">
96
+
97
+
98
+
99
+ </section>
100
+
101
+
102
+
103
+ <!-- Contact-->
104
+
105
+ <section class="page-section" id="contact">
106
+
107
+
108
+
109
+ </section>
110
+
111
+
112
+
113
+ <!-- Footer-->
114
+
115
+ <footer class="bg-light py-5">
116
+
117
+
118
+
119
+ </footer>
120
+
121
+
122
+
123
+ <!-- core JS-->
124
+
125
+ <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
126
+
127
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
128
+
129
+ <!-- Third party plugin JS-->
130
+
131
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
132
+
133
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
134
+
135
+ <!-- Core theme JS-->
136
+
137
+ <script src="<?php echo get_template_directory_uri(); ?>/js/scripts.js"></script>
138
+
139
+ <!-- sub JS -->
140
+
141
+ <script src="<?php echo get_template_directory_uri(); ?>/js/common.js"></script>
142
+
143
+
144
+
145
+ <!-- wp_footer pre -->
146
+
147
+ <?php wp_footer(); ?>
148
+
149
+ <!-- wp_footer end -->
150
+
151
+ </body>
152
+
153
+ </html>
154
+
155
+
156
+
157
+ ```
158
+
159
+ ###single.php
160
+
161
+ ```html
162
+
163
+ <html lang="ja">
164
+
165
+ <head>
166
+
167
+ <!-- wp_head pre -->
168
+
169
+ <?php wp_head(); ?>
170
+
171
+ <!-- wp_head end -->
172
+
173
+ </head>
174
+
175
+
176
+
177
+ <body id="page-top">
178
+
179
+ <!-- Navigation-->
180
+
181
+ <nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
182
+
183
+ <div class="container">
184
+
185
+ <a class="navbar-brand js-scroll-trigger" href="<?php echo home_url();?>"><?php bloginfo('name')?></a>
186
+
187
+ <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
188
+
189
+ <div class="collapse navbar-collapse" id="navbarResponsive">
190
+
191
+ <ul class="navbar-nav ml-auto my-2 my-lg-0">
192
+
193
+ <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#">About</a></li>
194
+
195
+ <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#">Posted</a></li>
196
+
197
+ <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#">Portfolio</a></li>
198
+
199
+ <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#">Instagram</a></li>
200
+
201
+ <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#">Contact</a></li>
202
+
203
+ </ul>
76
204
 
77
205
  </div>
78
206
 
79
- </section>
80
-
81
-
82
-
83
- <!-- Posted-->
84
-
85
- <section class="page-section" id="posted">
86
-
87
- <div class="container">
88
-
89
- <h2 class="text-center mt-0">ポスト</h2>
90
-
91
- </div>
92
-
93
- </section>
94
-
95
-
96
-
97
- <!-- Portfolio-->
98
-
99
- <section class="page-section bg-dark" id="portfolio">
100
-
101
- <div class="container">
102
-
103
- <div class="row justify-content-center">
104
-
105
- <div class="col-lg-8 text-center">
106
-
107
- <h2 class="text-white mt-0">ポートフォリオ</h2>
108
-
109
- </div>
110
-
111
- </div>
112
-
113
- </div>
114
-
115
- </section>
116
-
117
-
118
-
119
- <!-- Instagram-->
120
-
121
- <section class="page-section" id="instagram">
122
-
123
- <div class="container">
124
-
125
- <h2 class="text-center mt-0">インスタ</h2>
126
-
127
- </div>
128
-
129
- </section>
130
-
131
-
132
-
133
- <!-- Contact-->
134
-
135
- <section class="page-section" id="contact">
136
-
137
- <div class="container">
138
-
139
- <div class="row justify-content-center">
140
-
141
- <div class="col-lg-8 text-center">
142
-
143
- <h2 class="mt-0">コンタクト</h2>
144
-
145
- </div>
146
-
147
- </div>
148
-
149
- </div>
150
-
151
- </section>
152
-
153
-
154
-
155
- <!-- Footer-->
156
-
157
- <footer class="bg-light py-5">
158
-
159
-
160
-
161
- </footer>
162
-
163
-
164
-
165
- <!-- core JS-->
166
-
167
- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
168
-
169
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
170
-
171
- <!-- Third party plugin JS-->
172
-
173
- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
174
-
175
- <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
176
-
177
- <!-- Core theme JS-->
178
-
179
- <script src="<?php echo get_template_directory_uri(); ?>/js/scripts.js"></script>
180
-
181
- <!-- sub JS -->
182
-
183
- <script src="<?php echo get_template_directory_uri(); ?>/js/common.js"></script>
184
-
185
-
186
-
187
- <!-- wp_footer pre -->
188
-
189
- <?php wp_footer(); ?>
190
-
191
- <!-- wp_footer end -->
192
-
193
- </body>
207
+ </div>
208
+
209
+ </nav>
210
+
211
+
212
+
213
+ <!-- Header -->
214
+
215
+ <!-- Masthead タイトル-->
216
+
217
+ <header class="masthead">
218
+
219
+
220
+
221
+ </header>
222
+
223
+
224
+
225
+ <!-- Posted-->
226
+
227
+ <section class="page-section" id="posted">
228
+
229
+
230
+
231
+ </section>
232
+
233
+
234
+
235
+ <!-- Footer-->
236
+
237
+ <footer class="bg-light py-5">
238
+
239
+
240
+
241
+ </footer>
242
+
243
+
244
+
245
+ <!-- core JS-->
246
+
247
+ <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
248
+
249
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
250
+
251
+ <!-- Third party plugin JS-->
252
+
253
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
254
+
255
+ <script sr c="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
256
+
257
+ <!-- Core theme JS-->
258
+
259
+ <script src="<?php echo get_template_directory_uri(); ?>js/scripts.js"></script>
260
+
261
+
262
+
263
+ <!-- wp_footer pre -->
264
+
265
+ <?php wp_footer(); ?>
266
+
267
+ <!-- wp_footer end -->
268
+
269
+ </body>
194
270
 
195
271
  </html>
196
272
 
@@ -198,178 +274,52 @@
198
274
 
199
275
  ```
200
276
 
201
- ###single.php
202
-
203
- ```html
204
-
205
- <html lang="ja">
206
-
207
- <head>
208
-
209
-
210
-
211
- <!-- wp_head pre -->
212
-
213
- <?php wp_head(); ?>
214
-
215
- <!-- wp_head end -->
216
-
217
- </head>
218
-
219
-
220
-
221
- <body id="page-top">
222
-
223
- <!-- Navigation-->
224
-
225
- <nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
226
-
227
- <div class="container">
228
-
229
-
230
-
231
- </div>
232
-
233
- </div>
234
-
235
- </nav>
236
-
237
-
238
-
239
- <!-- Header -->
240
-
241
- <!-- Masthead タイトル-->
242
-
243
- <header class="masthead">
244
-
245
- <div class="container h-100">
246
-
247
- <div class="row h-100 align-items-center justify-content-center text-center">
248
-
249
- <div class="col-lg-10 align-self-end">
250
-
251
- <h1 class="text-uppercase text-white font-weight-bold">タイトル</h1>
252
-
253
- <hr class="divider my-4" />
254
-
255
- </div>
256
-
257
- <div class="col-lg-8 align-self-baseline">
258
-
259
- <p class="text-white-75 font-weight-light mb-5">あああ</p>
260
-
261
- </div>
262
-
263
- </div>
264
-
265
- </div>
266
-
267
- </header>
268
-
269
-
270
-
271
- <!-- Posted-->
272
-
273
- <section class="page-section" id="posted">
274
-
275
- <div class="container">
276
-
277
- <h2 class="text-center mt-0">ポスト</h2>
278
-
279
- </div>
280
-
281
- </section>
282
-
283
-
284
-
285
- <!-- Footer-->
286
-
287
- <footer class="bg-light py-5">
288
-
289
-
290
-
291
- </footer>
292
-
293
-
294
-
295
- <!-- core JS-->
296
-
297
- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
298
-
299
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
300
-
301
- <!-- Third party plugin JS-->
302
-
303
- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
304
-
305
- <script sr c="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
306
-
307
- <!-- Core theme JS-->
308
-
309
- <script src="<?php echo get_template_directory_uri(); ?>js/scripts.js"></script>
310
-
311
-
312
-
313
- <!-- wp_footer pre -->
314
-
315
- <?php wp_footer(); ?>
316
-
317
- <!-- wp_footer end -->
318
-
319
- </body>
320
-
321
- </html>
322
-
323
-
277
+ ###functions.php
278
+
279
+ ```php
280
+
281
+
282
+
283
+ <?php
284
+
285
+ function twpp_enqueue_scripts() {
286
+
287
+ wp_enqueue_script(
288
+
289
+ 'scripts-script',
290
+
291
+ get_template_directory_uri() . '/js/scripts.js',
292
+
293
+ );
294
+
295
+ wp_enqueue_script(
296
+
297
+ 'common-script',
298
+
299
+ get_template_directory_uri() . '/js/common.js',
300
+
301
+ array( 'scripts-script' )
302
+
303
+ );
304
+
305
+  
306
+
307
+
308
+
309
+ //if (is_single() ) wp_enqueue_script(
310
+
311
+ //'single-script',
312
+
313
+ //get_template_directory_uri() . '/js/single.js', true
314
+
315
+ //);
316
+
317
+
318
+
319
+ }
320
+
321
+ add_action( 'wp_enqueue_scripts', 'twpp_enqueue_scripts' );
322
+
323
+ ?>
324
324
 
325
325
  ```
326
-
327
- ###functions.php
328
-
329
- ```php
330
-
331
-
332
-
333
- <?php
334
-
335
- function twpp_enqueue_scripts() {
336
-
337
- wp_enqueue_script(
338
-
339
- 'scripts-script',
340
-
341
- get_template_directory_uri() . '/js/scripts.js',
342
-
343
- );
344
-
345
- wp_enqueue_script(
346
-
347
- 'common-script',
348
-
349
- get_template_directory_uri() . '/js/common.js',
350
-
351
- array( 'scripts-script' )
352
-
353
- );
354
-
355
-  
356
-
357
-
358
-
359
- //if (is_single() ) wp_enqueue_script(
360
-
361
- //'single-script',
362
-
363
- //get_template_directory_uri() . '/js/single.js', true
364
-
365
- //);
366
-
367
-
368
-
369
- }
370
-
371
- add_action( 'wp_enqueue_scripts', 'twpp_enqueue_scripts' );
372
-
373
- ?>
374
-
375
- ```

1

内容修正

2020/12/29 08:16

投稿

ryryryry
ryryryry

スコア1

test CHANGED
File without changes
test CHANGED
@@ -28,7 +28,11 @@
28
28
 
29
29
  <head>
30
30
 
31
-      <!-- head内single.phpと同じ -->
31
+ <!-- wp_head pre -->
32
+
33
+ <?php wp_head(); ?>
34
+
35
+ <!-- wp_head end -->
32
36
 
33
37
  </head>
34
38
 
@@ -152,15 +156,7 @@
152
156
 
153
157
  <footer class="bg-light py-5">
154
158
 
155
- <div class="container">
159
+
156
-
157
- <div class="row">
158
-
159
-
160
-
161
- </div>
162
-
163
- </div>
164
160
 
165
161
  </footer>
166
162
 
@@ -210,35 +206,7 @@
210
206
 
211
207
  <head>
212
208
 
213
- <meta charset="utf-8" />
209
+
214
-
215
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
216
-
217
- <meta name="description" content="" />
218
-
219
- <meta name="author" content="" />
220
-
221
- <!-- Favicon-->
222
-
223
- <link rel="icon" type="image/x-icon" href="<?php echo get_template_directory_uri(); ?>/assets/img/dish.ico" />
224
-
225
- <!-- Font Awesome icons (free version)-->
226
-
227
- <script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous"></script>
228
-
229
- <!-- Google fonts-->
230
-
231
- <link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
232
-
233
- <link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic" rel="stylesheet" type="text/css" />
234
-
235
- <!-- Third party plugin CSS-->
236
-
237
- <link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" rel="stylesheet" />
238
-
239
- <!-- Core theme CSS -->
240
-
241
- <link href="<?php echo get_template_directory_uri(); ?>/css/styles.css" rel="stylesheet" />
242
210
 
243
211
  <!-- wp_head pre -->
244
212
 
@@ -258,25 +226,7 @@
258
226
 
259
227
  <div class="container">
260
228
 
261
- <a class="navbar-brand js-scroll-trigger" href="<?php echo home_url();?>"><?php bloginfo('name')?></a>
262
-
263
- <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
264
-
265
- <div class="collapse navbar-collapse" id="navbarResponsive">
266
-
267
- <ul class="navbar-nav ml-auto my-2 my-lg-0">
268
-
269
- <li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://www.since-young.jp/#about">About</a></li>
270
-
271
- <li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://www.since-young.jp/#posted">Posted</a></li>
272
-
273
- <li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://www.since-young.jp/#portfolio">Portfolio</a></li>
274
-
275
- <li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://www.since-young.jp/#instagram">Instagram</a></li>
276
-
277
- <li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://www.since-young.jp/#contact">Contact</a></li>
278
-
279
- </ul>
229
+
280
230
 
281
231
  </div>
282
232
 
@@ -336,13 +286,7 @@
336
286
 
337
287
  <footer class="bg-light py-5">
338
288
 
339
- <div class="container">
289
+
340
-
341
- <div class="row">
342
-
343
- </div>
344
-
345
- </div>
346
290
 
347
291
  </footer>
348
292