Blog

HOME > Web > Wordpress > 【WordPress】投稿一覧とsingleページでカテゴリ名を表示

【WordPress】投稿一覧とsingleページでカテゴリ名を表示

2016/02/17

Wordpress

WordPressの基本だと思いますが、忘れないようにカテゴリの表示タグを残します。

リンク付きになります。

<?php the_category(', '); ?>

リンク無は

<?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name; } ?>

さらにカテゴリ別で色分けしたい場合

参考サイト
WordPress 記事一覧でカテゴリ名表示＆カテゴリ毎に色分け！視覚的にカテゴリを伝え他の記事も見てもらおう！

スラッグをループ内で使えるように取得することにします。

<?php
$cat = get_the_category();
$catslug = $cat[0]->slug;
?>

classでスラッグを指定することによりカテゴリ別で表示を変えることができます。

<span class="<?php echo $catslug; ?>"><?php the_category(', ') ?></span>

実装サンプル

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
           
<?php
$cat = get_the_category();
$catslug = $cat[0]->slug;
?>

<ul>
<li>
<span class="<?php echo $catslug; ?>"><?php the_category(', ') ?></span>
<a href="<?php the_permalink() ?>" class="title"><?php the_title(); ?></a>
<span class="data"><?php the_time('Y年m月j日') ?></span>
</li>
</ul>

<?php endwhile; ?>
           
<?php else : ?>
<p>記事が見つかりませんでした</p>
<?php endif; ?>

このカテゴリ表示のタグですが色々と応用ができます。
投稿記事の詳細でカテゴリごとに戻るページが異なります。

戻るボタン（テキスト）サンプル

<a href="<?php echo home_url('/'); ?>category/<?php echo $catslug; ?>/"><?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name; } ?>一覧へ戻る</a>

リンクでスラッグを取得し、テキストでカテゴリ名を取得すれば、
「ワードプレス一覧に戻る」とか「ECCUBE一覧に戻る」などの表示と戻り先の指定が可能になります。

ついでにタグの表示はこのようになります。

<?php the_tags('',', '); ?>

それぞれ上記のタグを任意の場所に配置すればOKです。

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ