質問編集履歴
4
誤字修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -250,6 +250,6 @@
|
|
250
250
|
|
251
251
|
投稿: 投稿タイトルを「投稿タイトル」の部分に、投稿画像を「投稿画像を表示」の部分に、カスタムフィールドの値を「カスタムフィールドテンプレート」の部分に表示したい
|
252
252
|
|
253
|
-
FORMタグの使用予定はなく、現予定では年度を子カテゴリーとして手動で設定して、それに投稿を
|
253
|
+
FORMタグの使用予定はなく、現予定では年度を子カテゴリーとして手動で設定して、それに投稿をカテゴリー付けして割り振りを行いたい(投稿日時ではなくポートフォリオなので)
|
254
254
|
|
255
255
|
ローカル環境で作った上記のようなコードをcategory.php内でループと共に書きたいのだが、その方法が不明←質問
|
3
詳細追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -243,3 +243,13 @@
|
|
243
243
|
モーダルウィンドウの作成はこちらを参照しました。スタイリングは省略しました。
|
244
244
|
|
245
245
|
https://syncer.jp/jquery-modal-window
|
246
|
+
|
247
|
+
###詳細
|
248
|
+
|
249
|
+
使用データベース:MySQL
|
250
|
+
|
251
|
+
投稿: 投稿タイトルを「投稿タイトル」の部分に、投稿画像を「投稿画像を表示」の部分に、カスタムフィールドの値を「カスタムフィールドテンプレート」の部分に表示したい
|
252
|
+
|
253
|
+
FORMタグの使用予定はなく、現予定では年度を子カテゴリーとして手動で設定して、それに投稿をタグ付けして割り振りを行いたい(投稿日時ではなくポートフォリオなので)
|
254
|
+
|
255
|
+
ローカル環境で作った上記のようなコードをcategory.php内でループと共に書きたいのだが、その方法が不明←質問
|
2
CSS修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -96,7 +96,7 @@
|
|
96
96
|
|
97
97
|
<div class="trim"><img src="" alt="投稿1"></div>
|
98
98
|
|
99
|
-
<div class="trim"><img src="" alt="投稿2"></div>
|
99
|
+
<div class="trim"><img src="" alt="投稿2"></div>
|
100
100
|
|
101
101
|
</div>
|
102
102
|
|
@@ -120,7 +120,7 @@
|
|
120
120
|
|
121
121
|
<div class="trim"><img src="" alt="投稿3"></div>
|
122
122
|
|
123
|
-
<div class="trim"><img src="" alt="投稿4"></div>
|
123
|
+
<div class="trim"><img src="" alt="投稿4"></div>
|
124
124
|
|
125
125
|
</div>
|
126
126
|
|
@@ -222,6 +222,22 @@
|
|
222
222
|
|
223
223
|
}
|
224
224
|
|
225
|
+
|
226
|
+
|
227
|
+
.trim{
|
228
|
+
|
229
|
+
width: 75px;
|
230
|
+
|
231
|
+
height: 75px;
|
232
|
+
|
233
|
+
overflow: hidden;
|
234
|
+
|
235
|
+
display: inline-block;
|
236
|
+
|
237
|
+
margin: 10px;
|
238
|
+
|
239
|
+
}
|
240
|
+
|
225
241
|
```
|
226
242
|
|
227
243
|
モーダルウィンドウの作成はこちらを参照しました。スタイリングは省略しました。
|
1
リンク追加、タグ追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -222,172 +222,8 @@
|
|
222
222
|
|
223
223
|
}
|
224
224
|
|
225
|
-
|
226
|
-
|
227
|
-
.year h3{
|
228
|
-
|
229
|
-
font-size: 2.1rem;
|
230
|
-
|
231
|
-
}
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
#modal-content{
|
236
|
-
|
237
|
-
width: 90%;
|
238
|
-
|
239
|
-
height: 90%;
|
240
|
-
|
241
|
-
padding: 1rem 0;
|
242
|
-
|
243
|
-
background: #fff;
|
244
|
-
|
245
|
-
position: fixed;
|
246
|
-
|
247
|
-
display: none;
|
248
|
-
|
249
|
-
z-index: 1000;
|
250
|
-
|
251
|
-
}
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
#modal-overlay{
|
256
|
-
|
257
|
-
z-index: 10;
|
258
|
-
|
259
|
-
display: none;
|
260
|
-
|
261
|
-
position: fixed;
|
262
|
-
|
263
|
-
top: 0;
|
264
|
-
|
265
|
-
left: 0;
|
266
|
-
|
267
|
-
width: 100%;
|
268
|
-
|
269
|
-
height: 120%;
|
270
|
-
|
271
|
-
background-color: rgba(0,0,0,0.75);
|
272
|
-
|
273
|
-
}
|
274
|
-
|
275
|
-
|
276
|
-
|
277
|
-
#modal-content-inner{
|
278
|
-
|
279
|
-
margin: 0 auto;
|
280
|
-
|
281
|
-
width: 50%;
|
282
|
-
|
283
|
-
text-align: center;
|
284
|
-
|
285
|
-
}
|
286
|
-
|
287
|
-
|
288
|
-
|
289
|
-
#modal-content-inner img{
|
290
|
-
|
291
|
-
max-height: 70vh;
|
292
|
-
|
293
|
-
max-width: 100%;
|
294
|
-
|
295
|
-
}
|
296
|
-
|
297
|
-
|
298
|
-
|
299
|
-
.caption .title{
|
300
|
-
|
301
|
-
font-size: 1.6rem;
|
302
|
-
|
303
|
-
margin-top: 2rem;
|
304
|
-
|
305
|
-
}
|
306
|
-
|
307
|
-
|
308
|
-
|
309
|
-
.caption .disc{
|
310
|
-
|
311
|
-
font-size: 1.2rem;
|
312
|
-
|
313
|
-
line-height: 1rem;
|
314
|
-
|
315
|
-
margin: 20px 0;
|
316
|
-
|
317
|
-
max-width: 100%;
|
318
|
-
|
319
|
-
}
|
320
|
-
|
321
|
-
|
322
|
-
|
323
|
-
.close{
|
324
|
-
|
325
|
-
position: absolute;
|
326
|
-
|
327
|
-
right: 10px;
|
328
|
-
|
329
|
-
top: 10px;
|
330
|
-
|
331
|
-
stroke: black;
|
332
|
-
|
333
|
-
stroke-width: 15;
|
334
|
-
|
335
|
-
}
|
336
|
-
|
337
|
-
|
338
|
-
|
339
|
-
.close:hover{
|
340
|
-
|
341
|
-
cursor: pointer;
|
342
|
-
|
343
|
-
}
|
344
|
-
|
345
|
-
|
346
|
-
|
347
|
-
.prev{
|
348
|
-
|
349
|
-
position: absolute;
|
350
|
-
|
351
|
-
bottom: 3%;
|
352
|
-
|
353
|
-
left: 5%;
|
354
|
-
|
355
|
-
stroke: black;
|
356
|
-
|
357
|
-
stroke-width: 15;
|
358
|
-
|
359
|
-
}
|
360
|
-
|
361
|
-
|
362
|
-
|
363
|
-
.prev:hover{
|
364
|
-
|
365
|
-
cursor: pointer;
|
366
|
-
|
367
|
-
}
|
368
|
-
|
369
|
-
|
370
|
-
|
371
|
-
.next{
|
372
|
-
|
373
|
-
position: absolute;
|
374
|
-
|
375
|
-
bottom: 3%;
|
376
|
-
|
377
|
-
right: 5%;
|
378
|
-
|
379
|
-
stroke: black;
|
380
|
-
|
381
|
-
stroke-width: 15;
|
382
|
-
|
383
|
-
}
|
384
|
-
|
385
|
-
|
386
|
-
|
387
|
-
.next:hover{
|
388
|
-
|
389
|
-
cursor: pointer;
|
390
|
-
|
391
|
-
}
|
392
|
-
|
393
225
|
```
|
226
|
+
|
227
|
+
モーダルウィンドウの作成はこちらを参照しました。スタイリングは省略しました。
|
228
|
+
|
229
|
+
https://syncer.jp/jquery-modal-window
|