日: 2015年10月12日

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

 'show_option_none' => '',

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

<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>

<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

	/*施工例カテゴリ*/
	.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;}