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 );
?>

記事出力

※出力結果(ブラウザ)
category3

記事ページ

※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;
}

※出力結果
category2

タグページ

タグ情報設定・出力

※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 );
?>

記事出力

コメントを残す

メールアドレスが公開されることはありません。