シュウ

今回は【WordPress】カスタム投稿カテゴリ一覧の表示についての
の解説になります！

こんな方に読んでほしい

• WordPressを学び始めた方へ
• WordPressのカスタム投稿タイプについて解説していきます。
• 今回はWordPressの「カスタム投稿のカテゴリ一覧の表示」について解説しております。

カスタム投稿タイプとは

WordPressの管理画面にはデフォルトで「投稿」機能があります。
カスタム投稿タイプとは、その「投稿」タイプを増やす機能になります。

例として、お知らせはデフォルトの「投稿」を使用し、カスタム投稿タイプで「ギャラリー」、「コラム」、「実績」といった別の投稿タイプを作成し使い分けが可能になります。
前回の記事では「カスタム投稿タイプの出力」の作成についてまとめております。

カスタム投稿タイプの出力について

【WordPress】カスタム投稿タイプの出力ついての解説

基本的な出力方法について解説しております。

カスタム投稿のカテゴリ一覧について

カスタム投稿のカテゴリーは、主にサイドバーで表示することが多くあります。
以前の記事：【WordPress】カスタム投稿タイプをfunctions.phpで作成についての解説
では、「functions.php」にタクソノミーの指定を「news-cat」と指定しています。

イメージ図は以下のようになります。
今回は、「news-cat」の中身のタームを表示させる解説になります。

リンクありでカテゴリ一覧(ターム)を表示する

今回は、get_term_linkを使用し、リストを表示させます。
基本的な書き方は以下のようになります。

<ul>
	<?php
		$terms = get_terms('news-cat');
		foreach ( $terms as $term ) {
			echo '<li><a href="'.get_term_link($term).'">'.$term->name.'</a></li>';
		}
	?>
</ul>

get_termsの中身はしっかり「タクソノミー名」を入力しておきましょう。
下記のようになれば完了になります。

注意！
記事に対してカテゴリーのチェックが付いてる場合のみ表示します。
チェックが付いてない場合は表示しません。

各カテゴリー(ターム)にクラス名を付与するについて

次に、各カテゴリー毎にCSSで装飾したい場合はclassを追加します。
基本的な書き方は以下のようになります。

<ul>
	<?php
		$terms = get_terms('news-cat');
		foreach ( $terms as $term ) {
			echo '<li><a href="'.get_term_link($term).'" '.'class="'.esc_attr($term->slug).'">'.$term->name.'</a></li>';
		}
	?>
</ul>

html上では以下のように表示されます。

<ul>
	<li><a href="#" class="html">HTML</a></li>
	<li><a href="#" class="css">CSS</a></li>
</ul>

よく使用するのは上記2つだとおもいます。
しっかり覚えておきましょう。

まとめ

今回はこれで以上です。

最新記事

• 

  【Photoshop】水彩風のテクスチャー作成ついて解説

  2023.11.23

• 

  【Photoshop】写真の一部を消す加工ついて解説

  2023.11.16

• 

  【Photoshop】鉛筆風フォントの作成について解説

  2023.11.09

• 

  【Photoshop】グラデーションマスクについて解説

  2023.10.26

関連記事

< 前の記事

【WordPress】カスタム投稿タイプの出力ついての解説!!

次の記事 >

【WordPress】カスタム投稿タグ一覧の表示についての解説