ホーム   WEBデザイン   WordPressのカテゴリー名を取得して表示、カテゴリーへのリンクを作る。

 WEBデザイン    6,797

 

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

このエントリーをはてなブックマークに追加

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

1

スポンサーリンク

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

まずはカテゴリーの情報を取得するために以下の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>
2

スポンサーリンク

コメント

プロフィール

bbb

WEBデザインと輸出入業してます。海外関連、グルメ関連をメインに記事にしています。キュレーションへの投稿、ページのいいねとシェアに喜びます。個人事業の方を応援します!

I'm web designer, and export-import business also. Feel free you can add me on Facebook

 https://www.facebook.com/bbp.jp