質問編集履歴

1

single\.phpのコードすべてを追加しました

2017/06/15 09:37

投稿

yamaoka
yamaoka

スコア27

test CHANGED
File without changes
test CHANGED
@@ -67,3 +67,227 @@
67
67
 
68
68
 
69
69
  テンプレート自作したことのある方ご助言いただけないでしょうか?
70
+
71
+
72
+
73
+ single.phpのコードすべてです
74
+
75
+ ```ここに言語を入力
76
+
77
+ <!DOCTYPE html>
78
+
79
+
80
+
81
+ <html lang="ja">
82
+
83
+ <head>
84
+
85
+ <meta charset="utf-8" />
86
+
87
+ <title>simple</title>
88
+
89
+ <link rel="stylesheet" href="<?php bloginfo('template_directory');?>/css/page.css" media="screen" />
90
+
91
+ <link href="http://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700" rel="stylesheet">
92
+
93
+ <!--ビューボードの設置-->
94
+
95
+ <meta name="viewport" content="width=device-width, initial-scale=1">
96
+
97
+ </head>
98
+
99
+ <body>
100
+
101
+
102
+
103
+ <!-- Header -->
104
+
105
+ <div id="header" class="header">
106
+
107
+ <div id="logo">
108
+
109
+ <h3 href="#" class="top-name"><span>simple media</span></h3>
110
+
111
+ </div>
112
+
113
+ </div>
114
+
115
+ <div id="container">
116
+
117
+
118
+
119
+ <!-- Right Navi -->
120
+
121
+ <?php get_sidebar(); ?>
122
+
123
+ <!-- page-contents -->
124
+
125
+ <div id="page-main-content">
126
+
127
+ <div class="page-content">
128
+
129
+ <?php if ( have_posts() ) : ?>
130
+
131
+ <h2><?php the_title(); ?></h2>
132
+
133
+ <?php the_post_thumbnail(); ?>
134
+
135
+ <?php the_content(); ?>
136
+
137
+ <?php endif; ?>
138
+
139
+ </div>
140
+
141
+ <!--AD挿入場所-->
142
+
143
+ <div class="adsence">
144
+
145
+ <div class="page-right-ad"></div>
146
+
147
+ <div class="page-left-ad"></div>
148
+
149
+ </div>
150
+
151
+
152
+
153
+ <!--おすすめ記事-->
154
+
155
+ <div id="recommended-content">
156
+
157
+ <h2>おすすめ記事</h2>
158
+
159
+ <div class="reco-content">
160
+
161
+ <a href="#">
162
+
163
+ <img src="image/girl.jpg" alt="girl" />
164
+
165
+ <p class="date">2017.05.05</p>
166
+
167
+ <h3 class="title">おすすめ記事コンテンツ</h3>
168
+
169
+ </a>
170
+
171
+ </a>
172
+
173
+ </div>
174
+
175
+ <div class="reco-content">
176
+
177
+ <a href="#">
178
+
179
+ <img src="image/girl.jpg" alt="girl" />
180
+
181
+ <p class="date">2017.05.05</p>
182
+
183
+ <h3 class="title">おすすめ記事コンテンツ</h3>
184
+
185
+ </a>
186
+
187
+ </div>
188
+
189
+ <div class="reco-content">
190
+
191
+ <a href="#">
192
+
193
+ <img src="image/girl.jpg" alt="girl" />
194
+
195
+ <p class="date">2017.05.05</p>
196
+
197
+ <h3 class="title">おすすめ記事コンテンツ</h3>
198
+
199
+ </a>
200
+
201
+ </div>
202
+
203
+ <div class="reco-content">
204
+
205
+ <a href="#">
206
+
207
+ <img src="image/girl.jpg" alt="girl" />
208
+
209
+ <p class="date">2017.05.05</p>
210
+
211
+ <h3 class="title">おすすめ記事コンテンツ</h3>
212
+
213
+ </a>
214
+
215
+ </div>
216
+
217
+ <div class="reco-content">
218
+
219
+ <a href="#">
220
+
221
+ <img src="image/girl.jpg" alt="girl" />
222
+
223
+ <p class="date">2017.05.05</p>
224
+
225
+ <h3 class="title">おすすめ記事コンテンツ</h3>
226
+
227
+ </a>
228
+
229
+ </div>
230
+
231
+ </div>
232
+
233
+
234
+
235
+ <!--SNS-->
236
+
237
+ <div id="share">
238
+
239
+ <ul>
240
+
241
+ <!-- Twitter -->
242
+
243
+ <li class="share-twitter">
244
+
245
+ <a href="http://twitter.com/home?status=<?php echo urlencode(the_title_attribute('echo=0')); ?>%20<?php the_permalink(); ?>%20by%20" target="_blank">Twitter</a>
246
+
247
+ </li>
248
+
249
+ <!-- Facebook -->
250
+
251
+ <li class="share-facebook">
252
+
253
+ <a href="https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?>" target="_blank">Facebook</a>
254
+
255
+ </li>
256
+
257
+ <!-- Google+ -->
258
+
259
+ <li class="share-google">
260
+
261
+ <a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" target="_blank">Google+</a>
262
+
263
+ </li>
264
+
265
+ <!-- はてなブックマーク -->
266
+
267
+ <li class="share-hatena">
268
+
269
+ <a href="http://b.hatena.ne.jp/add?mode=confirm&url=<?php the_permalink(); ?>&title=<?php the_title();?>" target="_blank">はてブ</a>
270
+
271
+ </li>
272
+
273
+ <!-- LINE -->
274
+
275
+ <li class="share-line">
276
+
277
+ <a href="http://line.me/R/msg/text/?<?php the_title(); ?>%0D%0A<?php the_permalink(); ?>">LINE</a>
278
+
279
+ </li>
280
+
281
+ </ul>
282
+
283
+ </div>
284
+
285
+ </div>
286
+
287
+ </div>
288
+
289
+ <?php get_footer(); ?>
290
+
291
+
292
+
293
+ ```