質問編集履歴
3
追加内容があった為
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
###### 実装イメージ画像
|
|
8
8
|
|
|
9
|
-
|
|
10
10
|
|
|
11
11
|
###### 実装にあたっての詳細
|
|
12
12
|
|
|
@@ -28,6 +28,16 @@
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
31
|
+
###### 使用しているプラグイン
|
|
32
|
+
|
|
33
|
+
『Smart Custom Fields』
|
|
34
|
+
|
|
35
|
+
実績を記事登録する際に利用しています。
|
|
36
|
+
|
|
37
|
+
その為、クライアント名・プロジェクト名・スラッグ名をプラグインでclass名をつけて表示指示を出しております。
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
31
41
|
### 発生している問題・エラーメッセージ
|
|
32
42
|
|
|
33
43
|
|
|
@@ -240,7 +250,23 @@
|
|
|
240
250
|
|
|
241
251
|
<div class="item_inner2" style="background:url(<?php echo $eye_img[0]; ?>) center center/auto 100% no-repeat;">
|
|
242
252
|
|
|
243
|
-
<a href="<?php the_permalink(); ?>" class="img-ef">
|
|
253
|
+
<a href="<?php the_permalink(); ?>" class="img-ef">
|
|
254
|
+
|
|
255
|
+
<div class="overlay">
|
|
256
|
+
|
|
257
|
+
<div class="top_works_info">
|
|
258
|
+
|
|
259
|
+
<h2 class="top_works_title"><?php echo $cf_client ?></h2>
|
|
260
|
+
|
|
261
|
+
<p class="top_works_subject"><?php echo $cf_project ?></p>
|
|
262
|
+
|
|
263
|
+
<p class="top_works_category"><?php echo $cf_category ?></p>
|
|
264
|
+
|
|
265
|
+
</div>
|
|
266
|
+
|
|
267
|
+
</div>
|
|
268
|
+
|
|
269
|
+
</a>
|
|
244
270
|
|
|
245
271
|
</div>
|
|
246
272
|
|
|
@@ -444,6 +470,68 @@
|
|
|
444
470
|
|
|
445
471
|
}
|
|
446
472
|
|
|
473
|
+
|
|
474
|
+
|
|
475
|
+
.works_container .item .overlay, .works_archive .item .overlay {
|
|
476
|
+
|
|
477
|
+
width: 100%;
|
|
478
|
+
|
|
479
|
+
height: 100%;
|
|
480
|
+
|
|
481
|
+
position: absolute;
|
|
482
|
+
|
|
483
|
+
top: 0;
|
|
484
|
+
|
|
485
|
+
left: 0;
|
|
486
|
+
|
|
487
|
+
opacity: 0;
|
|
488
|
+
|
|
489
|
+
background-color: rgba(0,0,0,0.5);
|
|
490
|
+
|
|
491
|
+
-webkit-transition: all 0.3s ease;
|
|
492
|
+
|
|
493
|
+
transition: all 0.3s ease;
|
|
494
|
+
|
|
495
|
+
}
|
|
496
|
+
|
|
497
|
+
|
|
498
|
+
|
|
499
|
+
.overlay .top_works_info {
|
|
500
|
+
|
|
501
|
+
width: 90%;
|
|
502
|
+
|
|
503
|
+
height: 145px;
|
|
504
|
+
|
|
505
|
+
color: #fff;
|
|
506
|
+
|
|
507
|
+
position: absolute;
|
|
508
|
+
|
|
509
|
+
top: 0;
|
|
510
|
+
|
|
511
|
+
left: 0;
|
|
512
|
+
|
|
513
|
+
bottom: 0;
|
|
514
|
+
|
|
515
|
+
right: 0;
|
|
516
|
+
|
|
517
|
+
margin: auto;
|
|
518
|
+
|
|
519
|
+
text-align: center;
|
|
520
|
+
|
|
521
|
+
color: #fff;
|
|
522
|
+
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
|
|
526
|
+
|
|
527
|
+
.overlay .top_works_info p {
|
|
528
|
+
|
|
529
|
+
line-height: 1.5em;
|
|
530
|
+
|
|
531
|
+
margin: 25px 0 0 0;
|
|
532
|
+
|
|
533
|
+
}
|
|
534
|
+
|
|
447
535
|
|
|
448
536
|
|
|
449
537
|
</style>
|
2
誤字があった為
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -174,11 +174,11 @@
|
|
|
174
174
|
|
|
175
175
|
<li data-group="web">Web</li>
|
|
176
176
|
|
|
177
|
-
<li data-group="
|
|
177
|
+
<li data-group="logo">Logo</li>
|
|
178
|
-
|
|
178
|
+
|
|
179
|
-
<li data-group="
|
|
179
|
+
<li data-group="movie">Movie</li>
|
|
180
|
-
|
|
180
|
+
|
|
181
|
-
<li data-group="
|
|
181
|
+
<li data-group="illustration">illustration</li>
|
|
182
182
|
|
|
183
183
|
</ul>
|
|
184
184
|
|
1
参考サイトを記載しておりましたが実装したい動きを見て頂きたく記述しており、タグ等は全く関係ない為ややこしいので削除致しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,8 +4,6 @@
|
|
|
4
4
|
|
|
5
5
|
カスタム投稿のスラッグを絞り込み選択
|
|
6
6
|
|
|
7
|
-
⇒[参考サイト](https://www.tam-tam.co.jp/tipsnote/javascript/post14636.html)(参考サイト1⃣の動きをWPでphp記述して実装したい)
|
|
8
|
-
|
|
9
7
|
###### 実装イメージ画像
|
|
10
8
|
|
|
11
9
|
|