WordPressのカテゴリー名を取得して表示、カテゴリーへのリンクを作る。

今回はカテゴリー名を取得して表示します。
赤い部分にカテゴリー名とそれをカテゴリー一覧へのリンクとして表示したい。

カテゴリーの情報を取得する。

まずはカテゴリーの情報を取得するために以下のphpを記述します。

<?php
$cat = get_the_category(); // 情報取得
$catId = $cat[0]->cat_ID; // ID取得
$catName = $cat[0]->name; // 名称取得
$catSlug = $cat[0]->category_nicename; // スラッグ取得
$link = get_category_link($catId); // リンクURL取得
?>

出力をするためのコードは以下です。

<?php echo $catId; ?> // 情報取得
<?php echo $catName; ?> // ID取得
<?php echo $catSlug; ?> // スラッグ取得
<?php echo $link ?> // リンクURL取得

pタグを使ったリンク例

HTMLでpタグやリンクも含めて記載すると下記のようになります。今回、スラッグは利用しませんでした。
「」はFont Awesomeからカテゴリーらしきアイコンをフォルダにしてみました。

Font Awesomeのフォルダアイコンのリンクはこちら。

<p id="<?php echo $catId; ?>">
<i class="fa fa-folder-open"></i>&nbsp;
<a href="<?php echo $link ?>" title="<?php echo $catName; ?>"><?php echo $catName; ?></a>
</p>