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サブディレクトリ

サブディレクトリにインストールしたWordPressのURL変更方法

WordPressをサブディレクトリにインストールしたあとにURLを変更する(戻す)方法を解説します。 WordPressのインストール方法については以下の記事でご紹介しました。 【MixHost】W …

【MixHost】WordPressのインストール方法

MixHostでWordPressをインストールする方法を解説します。 目次 1. はじめる前に準備すること1.1. 1. 独自ドメインを取得する1.2. 2. レンタルサーバーを契約する1.3. 3 …

WordPress OGP Twitterカード

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

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

WordPress 目次

【WordPress】プラグインなしで動的に目次を表示する方法

最近はWordPressのテーマに最初から目次機能が入っている場合が多いので、あまりニーズはないかもしれませんが、WordPressでプラグインを使わずに動的に目次を表示する方法をご紹介します。 例の …

WordPress 403

【WordPress】プロフィールが更新できない(403エラー)場合の対処方法 – MixHost

WordPressでプロフィールを編集しようとしたら403エラーになって更新できなかったよー MixHostにWordPressをインストールしてプロフィールを編集しようとしたら403エラーになりまし …

スポンサー

PROFILE

zakker

Zakker(ザッカー)

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