KUSU'S SITE
2016年1月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】カテゴリごとに色分けしたリンク付きカテゴリー名を表示させる方法とは

まとめ

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

スポンサーリンク
スポンサーリンク

コメントを残す




スポンサーリンク

ホームページ制作について

ホームページの制作依頼希望の方
はまず↓をクリック!
ホームページの制作依頼希望の方はまず↓をタップ!
サービスの詳細

WordPress講習会について

WordPress講習会について
気になる方ははまず↓をクリック!
WordPress講習会について気になる方はまず↓をタップ!
サービスの詳細

TWITTER

ページトップに戻る