福海クリエイトで事例一覧でタクソノミーにてカテゴリ一覧を表示させる。カレント有り。親カテでは親かてと小カテ小カテも同じ

追記カスタム
カテゴリなし非表示

1
'show_option_none' => '',

タイトル部分に親子分岐を追加して重複をコメントアウトした

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<h2 class="title1">
<?php
echo $term->name; ?><?php if(is_tax('client') and !is_tax('client','d-marking-design')): echo ' 様';  endif; ?>
 制作実績
  
 <?php //後で追加子タームなら親カテ　わかりにくくなるためあえてコード重複
 //$termにはいってる情報で分岐
if ( $term->parent ) { // 親IDが入ってれば　（子だったら）
?>
<span style="font-size:16px; font-weight:normal">　　-
<!---TOP部分-->
<?php //親のIDを取得してターム情報を引き出す。
$ido=$term->parent;
$term2=get_term($ido,get_query_var( 'taxonomy' ));
?>
 <?php
echo $term2->name;} ?> -
</span>
 
</h2>
<div style="clear:both"></div>
 
 
 
 
<div style="margin-top:15px; text-align:center; font-size:15px;"><i class="icon-coffee"></i>ご紹介できる制作物の一部をご紹介いたします。</div>
 
 
 
 
 
 
 
 
 
  
<?php //カテゴリー・タグ情報を取得（slug,アーカイブページでターム名取得,タクソノミー名取得）
$term = get_term_by('slug',get_query_var( 'term' ),get_query_var( 'taxonomy' )
);
?>
 
 
<?php //$termにはいってる情報で分岐
if ( $term->parent ) { // 親IDが入ってれば　（子だったら）
?>
 
<!---TOP部分-->
<?php //親のIDを取得してターム情報を引き出す。上記重複のため
//$ido=$term->parent;
//$term2=get_term($ido,get_query_var( 'taxonomy' ));
?>
<div class="sekou_cate_box" style="margin-top:20px;">
<ul>
<li class="parent">
<a href="<?php //子 親のターム情報からターム名とリンクを引き出す。
echo get_term_link($term2->slug,get_query_var( 'taxonomy' )); ?>
">
<?php
echo $term2->name; ?>
</a>
</li>
<!---一覧部分-->
<?php
  wp_list_categories( array(
  'title_li' => '',
    'taxonomy' => get_query_var( 'taxonomy' ),
    'child_of' => $term->parent,//親のIDを出力
    'hide_empty' => 0,
     'show_option_none' => '',
  ) );
}
 
 
else { //親だったらそのまま出力
 
 
?>
<!---TOP部分-->
<div class="sekou_cate_box" style="margin-top:20px;">
<ul>
 
<li class="parent">
<a href="<?php //親
echo get_term_link($term->slug,get_query_var( 'taxonomy' )); ?>
">
<?php
echo $term->name; ?>
</a>
</li>
<!---一覧部分-->
<?php
 
 
  wp_list_categories( array(
    'title_li' => '',
    'taxonomy' => get_query_var( 'taxonomy' ),
    'child_of' => $term->term_id,
    'hide_empty' => 0,
     'show_option_none' => '',
  ) );
}?>
 
</ul>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<div style="margin-top:15px; text-align:center; font-size:15px;"><i class="icon-coffee"></i>ご紹介できる制作物の一部をご紹介いたします。</div>
 
 
 
 
 
 
 
 
 
  
<?php //カテゴリー・タグ情報を取得（slug,アーカイブページでターム名取得,タクソノミー名取得）
$term = get_term_by('slug',get_query_var( 'term' ),get_query_var( 'taxonomy' )
);
?>
 
 
<?php //$termにはいってる情報で分岐
if ( $term->parent ) { // 親IDが入ってれば　（子だったら）
?>
 
<!---TOP部分-->
<?php //親のIDを取得してターム情報を引き出す。
$ido=$term->parent;
$term2=get_term($ido,get_query_var( 'taxonomy' ));
?>
<div class="sekou_cate_box">
<ul>
<li class="parent">
<a href="<?php //子 親のターム情報からターム名とリンクを引き出す。
echo get_term_link($term2->slug,get_query_var( 'taxonomy' )); ?>
">
<?php
echo $term2->name; ?>
</a>
</li>
<!---一覧部分-->
<?php
  wp_list_categories( array(
  'title_li' => '',
    'taxonomy' => get_query_var( 'taxonomy' ),
    'child_of' => $term->parent,//親のIDを出力
    'hide_empty' => 0,
  ) );
}
 
 
else { //親だったらそのまま出力
 
 
?>
<!---TOP部分-->
<div class="sekou_cate_box">
<ul>
 
<li class="parent">
<a href="<?php //親
echo get_term_link($term->slug,get_query_var( 'taxonomy' )); ?>
">
<?php
echo $term->name; ?>
</a>
</li>
<!---一覧部分-->
<?php
 
 
  wp_list_categories( array(
    'title_li' => '',
    'taxonomy' => get_query_var( 'taxonomy' ),
    'child_of' => $term->term_id,
    'hide_empty' => 0,
  ) );
}?>
 
</ul>
</div>

css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
    /*施工例カテゴリ*/
    .sekou_cate_box{ font-size:12px; margin-top:10px;}
     
    .sekou_cate_box ul{
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    overflow: hidden;
     
    }
     
    .sekou_cate_box li{
    float: left;
    list-style-type: none;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;  
}
     
 
     
    .sekou_cate_box li a{
    display:block;
    border: 1px solid #CCC;
    margin-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 8px;}
     
    .sekou_cate_box li a:hover{ text-decoration:none;
    background-color:#FF6A29;
    color:#FFF}
     
    .parent a{ color:#FFF;
    background-color:#06338F;}
     
     
    .sekou_cate_box li.current-cat a{color:#FFF;
    background-color:#06338F;}