WordPress カテゴリー、タグページ

カテゴリーページ

カテゴリー情報設定・出力

※category.php
<h1><?php echo single_cat_title(); //カテゴリー名 ?></h1>
<p><?php echo category_description(); //カテゴリー説明文 ?></p>
カテゴリー、件数設定
<?php
　選択カテゴリー取得
　$cat_info = get_category( $cat );
　$mySlug=esc_html( $cat_info->slug );
　
　条件文へ埋め込み
　$setting="category_name=${mySlug}&posts_per_page=100";
　
　設定
　query_posts( $setting );
?>

記事出力

※出力結果(ブラウザ)

記事ページ

※single.php
<div class="postinfo">
<?php if( has_category() ): ?>
　<span>
　　カテゴリーアイコン表示
　　<i class="icon-folder-open"></i>
　　カテゴリー表示
　　<?php the_category( ', '); ?>
　</span>
<?php endif; ?>
記事出力
</div>

※出力結果(html)
<div class="postinfo">
<!--カテゴリー-->
<span>
　<i class="icon-folder-open"></i>
　カテゴリーページへのパラメータ(カテゴリー)付きリンクが自動設定される
　<a href="http://～/category/categorya/" rel="category tag">カテゴリーA</a>,
　<a href="http://～/category/categorya/categorye/" rel="category tag">カテゴリーE</a>
</span>
記事
</div>

装飾

※header.php
<!--アイコンフォント読み込み-->
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

※style.css
/* カテゴリー */
.postinfo i { color: #bdbc8f; }
.postinfo a
{
　color: #666666;
　text-decoration: none;
}
※出力結果

タグページ

タグ情報設定・出力

※tag.php
<h1><?php echo single_tag_title(); //タグ名 ?></h1>
<p><?php echo tag_description(); //タグ説明文 ?></p>
タグ、件数設定
<?php
　検索スラッグ取得
　$mySlug = single_tag_title("", false);
　
　条件文へ埋め込み
　$setting="tag=${mySlug}&posts_per_page=100";
　
　設定
　query_posts( $setting );
?>

記事出力