WordPress

【WordPress】カテゴリーの一覧リストを動的に作成する方法

更新日:2018-08-29

WordPressカテゴリー

WordPressの固定ページ等でカテゴリーの一覧を表示させたいときのテンプレートタグとその設置方法をご紹介します。

ZAKKIPOSTでは、ヘッダーとフッターのメニューに表示している「記事カテゴリー」というページで使用しています。

テンプレートタグとは

5W1H

WordPressのテンプレートタグとは、ブログのデータを動的に表示したい場合などにテンプレートファイルに書き込むタグのこと。

今回のケースではカテゴリーの一覧リストを表示させるためのものです。

カテゴリーの一覧リストを表示するテンプレートタグ

WordPressでカテゴリーの一覧リストを表示させるテンプレートタグはこの1行。

テンプレートタグの設置方法

設定

それではこのテンプレートタグの設置方法を解説します。

実際の例を見ていただいた方がわかりやすいと思いますので、ZAKKIPOSTの「記事カテゴリー」を設置した方法をご紹介します。

1. page.phpファイルをコピー(複製)

テーマファイルの中から「page.php」をFTPを使ってローカル環境にダウンロードします。

ダウンロードしたファイルをコピー(複製)して、元のファイルはバックアップ用に保存しておいてください。

2. ファイル名を変更

page.phpのファイル名を変更します。

「page-category.php」としました。

赤い文字の部分は任意ですので自由に変更してください。

3. WordPress向け認識コードの追記

「page-category.php」の一番上に以下のコードを追記してください。

「カテゴリーリスト」の部分は任意なので自由に変更してください。

4. テンプレートタグの追記

「page-category.php」にテンプレートタグを追記します。

表示したい場所に追記しますが、固定ページであれば基本的には以下の「前」か「後」のどちらかです。

「前」に追記すると、固定ページに書いた内容の前にカテゴリーの一覧が表示され、「後」に追記すると、固定ページに書いた内容の後にカテゴリーの一覧が表示されます。

5. WordPressに設置

もともと「page.php」が格納されていた場所と同じフォルダに「page-category.php」をアップロードしてください。

6. 固定ページの作成

以下の1ヶ所以外は通常と同じ手順で固定ページを作成してください。

画面右下の「テンプレート」欄に上記3で指定した「カテゴリーリスト」を選びます。

WordPress固定ページ作成画面

最後にひとこと

最後にひとこと

WordPressでカテゴリーの一覧リストを動的に作成する方法の解説はこれで終わりです。

PHPがわからない方でもテンプレートタグを使えるようになるとWordPressを使いこなすうえで幅が広がりますね。

-WordPress
-, ,

執筆者:

関連記事

WordPress OGP Twitterカード

【WordPress】OGPとTwitterカードをプラグイン無しで設定する方法

ブログを運営していくうえでFacebookやTwitterを ブログを見てもらうための集客ツール 読者と交流するためのコミュニケーションツール として利用したいと思う方は多いでしょう。 その中でも一番 …

WordPress301リダイレクト

【WordPress】特定のページをプラグインなしで301リダイレクトする方法

SEOを意識してWordPressを運用している方の中では、パーマリンクを「カテゴリー名+ページ名」に設定している比率が高いですね。 オススメのパーマリンク設定については以下の記事を書きましたので参考 …

WordPressのテーマ(テンプレート)

【2022年版】SEOに強い!ブログで稼ぐためのWordPressテーマ(有料・無料)を比較しながら初心者向けに徹底解説

このページでは、SEOに強いWordPressテーマを有料のものから無料のものまで厳選して紹介します。 オシャレかどうかだけでテーマを選びがちですが、ブログで稼ぐためにはオシャレなだけではダメなんです …

WordPress 吹き出し

【WordPress】会話形式の吹き出しをプラグインなしで導入する方法

ブログで会話形式の「吹き出し」を使うのが流行ってますね。 テーマによっては最初から吹き出し機能が付いていますが、後付けする場合は「Speech Bubble(スピーチバブル)」というプラグインを使う人 …

WordPress www

【WordPress】www有無を統一!リダイレクトの設定方法

ホームページやブログのURLは「www」を有りにしても無しにしてもどちらでも表示することができます。 サイトを公開して何も設定しないとどちらのサイトにもアクセスできる状態です。 www.zakkipo …

スポンサー

PROFILE

zakker

Zakker(ザッカー)

零細企業経営者。東京都在住。田舎暮らしに憧れを抱きながら東京で消耗中。いつかその日が来ることを信じて場所にとらわれない働き方の確立を目指して奮闘しています。