home
twitter
ページトップへ
目次
  • 「カテゴリー」とは?
  • 「カテゴリーページ」とは?
  • ループでそのカテゴリーの記事を取得できるようになる
  • 「カテゴリー」の作り方!
  • 名前
  • スラッグ
  • 記事にカテゴリーをつける方法!
  • 「カテゴリー」の一覧ページで表示される「テンプレートファイル」の作り方!
  • 「カテゴリーページ」を表示してみる!
  • 「カテゴリーページ」が表示される
  • category.php で使えるテンプレートタグ!
  • single_cat_title();
  • echo category_description();
  • テンプレートタグを使うと、柔軟な指定ができる
  • まとめ!
about
categories
page
archive
皇帝ペンギンブログ

2025/12/30 (更新日:2025/12/31)

「カテゴリーページ」の作り方!

Categories > programming

「カテゴリーページ」の作り方を解説します。

・「カテゴリーページ」とは?
・「カテゴリー」の作り方!
・記事にカテゴリーをつける方法!
・「カテゴリー」の一覧ページで表示される「テンプレートファイル」の作り方!
・category.php で使えるテンプレートタグ!について!
・single_cat_title();
・echo category_description();

「WordPressの記事一覧」はこちらから!体系的にまとまっています。

https://chibasyuta.org/category/programming/wordpress/

目次
非表示
  • 「カテゴリー」とは?
  • 「カテゴリーページ」とは?
  • ループでそのカテゴリーの記事を取得できるようになる
  • 「カテゴリー」の作り方!
  • 名前
  • スラッグ
  • 記事にカテゴリーをつける方法!
  • 「カテゴリー」の一覧ページで表示される「テンプレートファイル」の作り方!
  • 「カテゴリーページ」を表示してみる!
  • 「カテゴリーページ」が表示される
  • category.php で使えるテンプレートタグ!
  • single_cat_title();
  • echo category_description();
  • テンプレートタグを使うと、柔軟な指定ができる
  • まとめ!

「カテゴリー」とは?

「詳細ページ」には、「カテゴリー」を設定することができます。

「カテゴリー」は「記事の分類方法」の1つです。

これはHTMLの記事で、

こっちはPHPの記事、

みたいな感じに分類できるよ、ということです。

「カテゴリーページ」とは?

「1つのカテゴリー」の専用ページのことを「カテゴリーページ」といいます。

例えば、PHP というカテゴリーの記事一覧のページ

みたいなものをテンプレートが作れます。

ループでそのカテゴリーの記事を取得できるようになる

カテゴリーページでループを書くと、

そのカテゴリーの記事がループで出力されます。

「カテゴリー」の作り方!

管理画面 → カテゴリー  から

・名前 (必須)
・スラッグ (任意)

スラッグは任意ですが、設定しておいた方がいいです。

名前

「カテゴリー名」の設定ができます。必須です。

スラッグ

そのカテゴリーを表す、ID、というような感じです。

設定しないと、「名前」のところがそのまま使われるのですが、

日本語は何かと扱いが特殊だったりするので、英数字でスラッグの設定を別でしておくことをおすすめします。

記事にカテゴリーをつける方法!

詳細記事に「カテゴリー」の設定をするには、記事の編集ページから、右のサイドバーで、つけたい「カテゴリー」にチェックを入れるだけ!

「カテゴリー」の一覧ページで表示される「テンプレートファイル」の作り方!

「テーマのルート」に category.php というテンプレートファイルを置いてください。

「テーマのルート」なので、 style.css ファイルと同じ階層ということです。

category.php

一文字も間違わずに指定してください。

「カテゴリーページ」を表示してみる!

「投稿」 → 「カテゴリー」

で、

表示したいカテゴリーの「表示」のところを、クリック!

「カテゴリーページ」が表示される

先ほど作ったカテゴリーの「テンプレートファイル」が表示されていればOK!

category.php で使えるテンプレートタグ!

category.php で使えるテンプレートタグを紹介します!

・single_cat_title();
・echo category_description();

single_cat_title();

single_cat_title(); を使うと、カテゴリーのタイトルを出力できます。

「名前」のところに設定したやつ、ですね。

echo category_description();

echo category_description(); で、「説明」に設定したテキストを表示できます。

テンプレートタグを使うと、柔軟な指定ができる

・single_cat_title();
・echo category_description();

などのテンプレートタグを使って、テンプレートファイルを作ることで、

いろんなカテゴリーのページを作らなくていい、ということですね。また変更にも強くなります。

1つのテンプレートファイルを作っておけばOKです!

まとめ!

・「カテゴリーページ」とは?
・「カテゴリー」の作り方!
・記事にカテゴリーをつける方法!
・「カテゴリー」の一覧ページで表示される「テンプレートファイル」の作り方!
・category.php で使えるテンプレートタグ!について!
・single_cat_title();
・echo category_description();

「WordPressの記事一覧」はこちらから!体系的にまとまっています。

https://chibasyuta.org/category/programming/wordpress/

自分のロゴ!

皇帝ペンギン

全力で、書きます。
少しでもお役に立てたら幸いです。
楽しんで読んで下さい 。-_- 。
よろしくお願いします!

x(旧twitter) youtube
Categories
  • トップへ
  • ITパスポート (1)
  • programming (192)
    • CSSのアニメーション編 (26)
    • CSSのグリッドレイアウト編 (1)
    • CSSのセレクター編 (58)
    • CSSのフレックスボックス編 (1)
    • CSSのメディアクエリー編 (7)
    • CSSの基本編 (34)
    • HTMLのformタグ編 (1)
    • HTMLの基本編 (3)
    • JavaScriptの入門編 (30)
    • JavaScriptの基本編 (5)
    • phpの入門編 (10)
    • Web制作をする環境を整えよう! (1)
    • WordPress (14)
  • Uncategorized (26)
  • VScode (1)
  • おすすめ商品! (1)
  • クラロワ (2)
  • マーケティング (17)
  • 勉強 (3)
  • 大学生活 (7)
  • 心理学 (9)
  • 映画 (1)
  • 法学 (4)
  • 経済学 (4)
  • 読書 (8)
Pages
  • プライバシーポリシー
  • 免責事項
  • プロフィール
Archive
  • 2026年1月 (2)
  • 2025年12月 (14)
  • 2025年11月 (1)
  • 2025年10月 (5)
  • 2025年7月 (8)
  • 2025年6月 (1)
  • 2025年3月 (1)
  • 2025年1月 (9)
  • 2024年12月 (13)
  • 2024年11月 (5)
  • 2024年10月 (10)
  • 2024年9月 (15)
  • 2024年8月 (5)
  • 2024年7月 (6)
  • 2024年6月 (5)
  • 2024年5月 (10)
  • 2024年4月 (24)
  • 2024年3月 (11)
  • 2024年2月 (6)
  • 2024年1月 (10)
  • 2023年12月 (4)
  • 2023年11月 (3)
  • 2023年10月 (2)
  • 2023年9月 (3)
  • 2023年8月 (6)
  • 2023年7月 (3)
  • 2023年6月 (8)
  • 2023年5月 (2)
  • 2023年3月 (1)
  • 2023年2月 (1)
  • 2022年10月 (2)
  • 2022年9月 (2)
  • 2022年8月 (8)
  • 2022年7月 (2)
  • 2022年6月 (6)
  • 2022年5月 (9)
  • 2022年4月 (2)
  • 2022年2月 (4)
  • 2021年12月 (1)
  • 2021年11月 (4)
  • 2021年10月 (8)
  • 2021年9月 (14)
  • 2021年8月 (6)
  • 2021年6月 (1)
  • 2021年5月 (2)
  • 2021年4月 (1)
  • 2021年3月 (1)
  • 2021年2月 (2)
  • 2020年10月 (1)
  • 2020年7月 (1)
  • 2020年4月 (1)
  • 2020年1月 (1)
  • 2019年12月 (2)
© Copyright Syuta Chiba, 2019 All Rights Reserved.