神奈川県伊勢原市在住のkusuのサイトです!ホームページ制作のご依頼等承っております!

【WordPress】記事一覧ページおよび記事ページにてリンク付きカテゴリー名を表示させるには?

2016.01.15
WordPress

 WordPressの記事一覧ページおよび記事ページでリンク付きカテゴリー名が表示されているサイトを見たことがある方もいらっしゃると思います。
そこで今回はこのようにリンク付きカテゴリー名を表示させる方法を紹介したいと思います!

リンク付きカテゴリー名を表示させるコードを記述する

 リンク付きカテゴリー名を表示させるには、以下のコードを表示させたいところに記述させることで実装できます!

<?php the_category(); ?>

このコードを記述することで、以下のようにHTMLが出力されるようになります!

<ul class="post-categories">
   <li><a href="カテゴリーページのURL" rel="category tag">カテゴリー名</a></li>
</ul>

このようにHTMLが出力されるので、その上でCSSで装飾することでデザインを設定することができます(^^)

※ ただし、今回の方法だと全カテゴリー同じデザインでのリンク装飾になります!
カテゴリー1はこのデザイン、カテゴリー2はこのデザイン…という風に各カテゴリーごとにデザインを変更したい場合は下記ページをご参照ください。

【WordPress】カテゴリごとに色分けしたリンク付きカテゴリー名を表示させる方法とは

まとめ

 サイトを作る上でリンク付きカテゴリー名がページで表示されているのはユーザビリティも良いとされているので、是非とも実装しましょう!

スポンサーリンク
検 索