質問編集履歴

6

誤字の修正

2021/05/11 00:44

投稿

ponnn
ponnn

スコア2

test CHANGED
File without changes
test CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  作品一覧の方にもトップページと同じ記述をコピペしましたが、タイトル以外のphpの記述部分が表示されない状況です。
18
18
 
19
- ちなみにすでに、ヘッダーやフッターの分解をしてループをテンプレートタグにし、トップページは表示されるようになりました。
19
+ ちなみにすでに、ヘッダーやフッターの分解をしてループをテンプレートファイル(loop-works.php)にし、トップページは表示されるようになりました。
20
20
 
21
21
 
22
22
 

5

タイトルを変更

2021/05/11 00:44

投稿

ponnn
ponnn

スコア2

test CHANGED
@@ -1 +1 @@
1
- WordPress テーマ作成 記述につ
1
+ WordPress テーマ作成 記事一覧ペタイトル以外が表示されな
test CHANGED
File without changes

4

質問の内容を整理しました

2021/05/11 00:42

投稿

ponnn
ponnn

スコア2

test CHANGED
File without changes
test CHANGED
@@ -1,26 +1,70 @@
1
+ **◆前提、実現したいこと**
2
+
1
- 以下サイトのWordPressのテーマ作成中です。(現在制作途中)
3
+ htmlで制作した以下サイトのWordPressのテーマ作成中です。
2
-
4
+
3
- [岩下真里子の水彩画](http://http://marikopainting.site)
5
+ [https://marikopainting.site/](https://marikopainting.site/)
6
+
7
+
8
+
4
-
9
+ 表題の通り、記事一覧ページのタイトル以外が表示されません。リンクはできていてページは切り替わります。
10
+
5
-
11
+ ※実際の私のサイトは記事ではなく絵画の作品なので作品と記載します。
12
+
13
+
14
+
6
-
15
+ トップページにも一部抜粋でいくつか作品を載せており、その部分は表示されます。
16
+
7
- 作品一覧ページを作成しており、トップページにも一部載せているので同じ以下記述を記載してるのです
17
+ 作品一覧の方にもトップページ同じ記述をコピペしましたが、タイトル以外のphpの述部分が表示されな状況です
8
-
9
- ループの部分だけ表示されません...
18
+
10
-
11
- すでに、ヘッダーやフッターの分解をしてループをテンプレートタグにし、トップページは表示されるようになりました。
19
+ ちなみにすでに、ヘッダーやフッターの分解をしてループをテンプレートタグにし、トップページは表示されるようになりました。
20
+
21
+
22
+
23
+
24
+
12
-
25
+ **◆発生している問題**
26
+
13
-
27
+ トップページと同じ記述を行っている、作品一覧ページのタイトル以外が表示されないこと
28
+
29
+
30
+
14
-
31
+ **◆問題が発生するまでの流れ**
32
+
33
+ 1、ヘッダー、フッターを分解してファイル作成 header.php footer.php
34
+
35
+ 2、トップページ作成 home.php
36
+
37
+ 3、記事ページ作成 single.php
38
+
39
+ 4、ループ部分をテンプレートにする loop-works.php
40
+
41
+ 5、ループのテンプレートをトップページに組み込む
42
+
43
+ 6、記事一覧ページにもループのテンプレートを組み込む index.php ←ここのご相談です。
44
+
45
+
46
+
47
+ **◆問題の発生した環境**
48
+
15
- なぜしょうか?どなたか助けてください...
49
+ サーバーはロリポップのレンタルサーバーす。
50
+
16
-
51
+ テーマフォルダをデスクトップに配置して、ファイル作成や記述後、サーバーにUP、ブラウザで確認するやり方です。
52
+
53
+
54
+
17
-
55
+ **◆テーマフォルダの中身**
56
+
18
-
57
+ ![イメージ説明](4dec7f6801bd01670f6d3d32588671d7.png)
58
+
59
+
60
+
61
+
62
+
19
-
63
+ **◆ソースコード**
20
-
21
-
22
-
64
+
23
- **【index.php の記述】**
65
+ **【記事一覧ページ:index.php の記述】**
66
+
67
+ ```php
24
68
 
25
69
  <?php get_header(); ?>
26
70
 
@@ -32,13 +76,125 @@
32
76
 
33
77
  <div id="worklist">
34
78
 
35
- <header class="sec_header"><h2>作品一覧 / Work list</h2></header>
79
+ <header class="sec_header"><h2>作品一覧 / Work list</h2></header>
36
80
 
37
81
 
38
82
 
39
- <div id="ue">
40
-
41
-
83
+ <div id="ue">
84
+
85
+ <?php if ( have_posts() ) : ?>
86
+
87
+ <?php while ( have_posts() ) : the_post(); ?>
88
+
89
+ <div class="col-md-4">
90
+
91
+ <?php get_template_part('template-parts/loop','works'); ?>
92
+
93
+ </div>
94
+
95
+ <?php endwhile; ?>
96
+
97
+ <?php endif; ?>
98
+
99
+ </div>
100
+
101
+ </div>
102
+
103
+
104
+
105
+ </div>
106
+
107
+
108
+
109
+ <?php get_footer(); ?>
110
+
111
+ ```
112
+
113
+
114
+
115
+
116
+
117
+ **【トップページ(home.php)の記述】**
118
+
119
+ ```php
120
+
121
+ <?php get_header(); ?>
122
+
123
+
124
+
125
+ <div id="home">
126
+
127
+
128
+
129
+ <div id="main-photo">
130
+
131
+ <img class="image2" src="<?php echo get_template_directory_uri(); ?>/assets/images/main02.jpg" alt=""/>
132
+
133
+ </div>
134
+
135
+
136
+
137
+ <div id="greeting">
138
+
139
+ <img src="<?php echo get_template_directory_uri(); ?>/assets/images/greetin.gif" width="1167" height="562" alt=""/>
140
+
141
+ <h3>このサイトにつきまして</h3>
142
+
143
+ <p>
144
+
145
+ はじめまして。 岩下眞里子の娘の北尾絵美(旧姓:岩下)です。<br>
146
+
147
+ この度は岩下眞里子の水彩画のサイトへ訪問いただき、ありがとうございます。<br>
148
+
149
+ このサイトは、母(岩下眞里子)が旅先などで出会った風景を中心に、水彩画で描いた作品を掲載しています。<br>
150
+
151
+ 母は日頃から自宅で黙々と水彩画を描き、家中に飾っています。<br>
152
+
153
+ ほのぼのとした絵に家族は癒されおり、そんな絵を皆さまにも見て頂きたいと思い、サイトを制作致しました。<br>
154
+
155
+ 気に入った作品がございましたら、原画の販売も行っておりますのでお気軽にお問い合わせいただけますと幸いです。<br>
156
+
157
+ どうぞ、ごゆっくりご覧ください。<br>
158
+
159
+ &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;北尾絵美
160
+
161
+ </p>
162
+
163
+ </div>
164
+
165
+
166
+
167
+ <div id="greeting2">
168
+
169
+ <img src="<?php echo get_template_directory_uri(); ?>/assets/images/pf.gif" alt=""/>
170
+
171
+ <p class="g-name">水彩画家:岩下眞里子</p>
172
+
173
+ <div id=greetingtext>
174
+
175
+ <p>旅行から帰宅すると記憶に残った風景を写真をみながら水彩画にしています。<br>お好きな絵がありましたら、ご相談ください。</p>
176
+
177
+ </div>
178
+
179
+ </div>
180
+
181
+
182
+
183
+ <section class="sec">
184
+
185
+ <div id="work">
186
+
187
+ <header class="sec_header">
188
+
189
+ <h2 class="title">作品&nbsp;/&nbsp;Work</h2>
190
+
191
+ <p id="scloll">←作品は横スクロールで動きます→</p>
192
+
193
+ </header>
194
+
195
+
196
+
197
+ <div id="ue">
42
198
 
43
199
  <?php if ( have_posts() ) : ?>
44
200
 
@@ -54,72 +210,50 @@
54
210
 
55
211
  <?php endif; ?>
56
212
 
57
-
213
+ </div>
214
+
215
+
216
+
217
+ <p><a id="toindex" href="<?php echo home_url('index'); ?>">作品一覧を表示<br>Show work list</a></p>
58
218
 
59
219
  </div>
60
220
 
61
-
221
+ </section>
222
+
223
+
224
+
225
+ <div id="sns">
226
+
227
+ <div id="fb">
228
+
229
+ <a href="https://www.facebook.com/mariko.iwashita.336"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/fb.gif" width="80" height="82" alt=""/></a>
230
+
231
+ </div>
232
+
233
+ <div id="insta">
234
+
235
+ <a href="http://instagram.com/mariko_paint"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/insta.gif" width="77" height="77" alt=""/></a>
236
+
237
+ </div>
238
+
239
+ </div>
240
+
241
+
62
242
 
63
243
  </div>
64
244
 
65
-
66
-
67
- </div>
68
-
69
245
 
70
246
 
71
247
  <?php get_footer(); ?>
72
248
 
73
-
74
-
75
-
76
-
77
- **【トップページ(front-page.php)の記述(一部抜粋)】**
78
-
79
- <section class="sec">
80
-
81
- <div id="work">
82
-
83
- <header class="sec_header">
84
-
85
- <h2 class="title">作品&nbsp;/&nbsp;Work</h2>
86
-
87
- <p id="scloll">←作品は横スクロールで動きます→</p>
88
-
89
- </header>
90
-
91
-
92
-
93
- <div id="ue">
94
-
95
- <?php if ( have_posts() ) : ?>
96
-
97
- <?php while ( have_posts() ) : the_post(); ?>
98
-
99
- <div class="col-md-4">
100
-
101
- <?php get_template_part('template-parts/loop','works'); ?>
102
-
103
- </div>
249
+ ```
104
-
105
- <?php endwhile; ?>
106
-
107
- <?php endif; ?>
108
-
109
- </div>
110
-
111
-
112
-
113
- <p><a id="toindex" href="<?php echo home_url('index'); ?>">作品一覧を表示<br>Show work list</a></p>
114
-
115
- </div>
116
-
117
- </section>
118
250
 
119
251
 
120
252
 
121
253
  **【ループ(loop-works.php)のテンプレートの記述】**
122
254
 
255
+ ```php
256
+
123
257
  <article id="post-<?php the_ID(); ?>" <?php post_class('news');?>>
124
258
 
125
259
  <div class="news_pics">
@@ -164,4 +298,4 @@
164
298
 
165
299
 
166
300
 
167
- ![イメージ説明](4dec7f6801bd01670f6d3d32588671d7.png)
301
+ ```

3

ファイル名、ファイル内容ともに間違えていた

2021/05/11 00:31

投稿

ponnn
ponnn

スコア2

test CHANGED
File without changes
test CHANGED
@@ -28,63 +28,49 @@
28
28
 
29
29
  <div id="contents">
30
30
 
31
- <div id="works_d">
31
+
32
32
 
33
+ <div id="worklist">
33
34
 
35
+ <header class="sec_header"><h2>作品一覧 / Work list</h2></header>
34
36
 
35
- <?php if (have_posts() ) : ?>
37
+
36
38
 
39
+ <div id="ue">
40
+
41
+
42
+
43
+ <?php if ( have_posts() ) : ?>
44
+
37
- <?php while(have_posts()):the_post(); ?>
45
+ <?php while ( have_posts() ) : the_post(); ?>
46
+
47
+ <div class="col-md-4">
48
+
49
+ <?php get_template_part('template-parts/loop','works'); ?>
50
+
51
+ </div>
52
+
53
+ <?php endwhile; ?>
54
+
55
+ <?php endif; ?>
56
+
57
+
58
+
59
+ </div>
60
+
61
+
62
+
63
+ </div>
38
64
 
39
65
 
40
-
41
- <article id="post-<?php the_ID(); ?>" <?php post_class('article'); ?>>
42
-
43
- <div class="article_header">
44
-
45
- <h2><?php the_title(); ?></h2>
46
-
47
- </div>
48
-
49
- <div class="maintext">
50
-
51
- <?php the_content();?>
52
-
53
- </div>
54
-
55
- </article>
56
-
57
-
58
-
59
- <div class="postLinks">
60
-
61
- <div class="postLInk-prev">
62
-
63
- <?php previous_post_link(); ?>
64
-
65
- </div>
66
-
67
- <div class="postLInk-next">
68
-
69
- <?php next_post_link();?>
70
-
71
- </div>
72
-
73
- </div>
74
-
75
- <?php endwhile; ?>
76
-
77
- <?php endif; ?>
78
-
79
-
80
-
81
- </div>
82
66
 
83
67
  </div>
84
68
 
85
69
 
86
70
 
87
71
  <?php get_footer(); ?>
72
+
73
+
88
74
 
89
75
 
90
76
 

2

フィアル名が間違えていた single.php→index.php

2021/05/10 11:41

投稿

ponnn
ponnn

スコア2

test CHANGED
File without changes
test CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
 
22
22
 
23
- **【single.php の記述】**
23
+ **【index.php の記述】**
24
24
 
25
25
  <?php get_header(); ?>
26
26
 

1

誤文を修正。画像を参考に挿入

2021/05/10 11:10

投稿

ponnn
ponnn

スコア2

test CHANGED
File without changes
test CHANGED
@@ -4,13 +4,13 @@
4
4
 
5
5
 
6
6
 
7
- ※すでに、ヘッダーやフッターのループをテンプレートタグにしてトップページは表示されるようになりました。
8
-
9
-
10
-
11
7
  作品一覧ページを作成しており、トップページにも一部載せているので同じ以下記述を記載しているのですが
12
8
 
13
9
  ループの部分だけ表示されません...
10
+
11
+ ※すでに、ヘッダーやフッターの分解をしてループをテンプレートタグにし、トップページは表示されるようになりました。
12
+
13
+
14
14
 
15
15
  なぜでしょうか?どなたか助けてください...
16
16
 
@@ -175,3 +175,7 @@
175
175
  </div>
176
176
 
177
177
  </article>
178
+
179
+
180
+
181
+ ![イメージ説明](4dec7f6801bd01670f6d3d32588671d7.png)