2026年5月21日
2026年5月21日
Custom Post Type UIでカスタム投稿タイプを作る方法(設定項目・アーカイブ・コード書き出し)
Custom Post Type UI(以下 CPT UI)は、「投稿」「固定ページ」とは別の種類のコンテンツ(カスタム投稿タイプ)を、コードを書かずに管理画面から作れるプラグインです。製品紹介、施工事例、お知らせ、書籍一覧のように、通常の投稿と分けて管理したい情報に向いています。
この記事の手順と画面の項目名は、2026年11月時点の CPT UI 1.19.3 と WordPress 7.1.3(日本語表示)で確かめたものです。
CPT UI でできること・できないこと
| できること | できないこと |
|---|---|
カスタム投稿タイプの登録(register_post_type() の設定を画面で行う) |
入力欄(カスタムフィールド)の作成 |
| カスタムタクソノミー(独自の分類)の登録 | 一覧ページや個別ページのデザイン |
| 登録内容を PHP コードとして書き出す | 既存の投稿の種類を一括で変える専用機能 |
「価格」「発売日」のような入力欄が必要な場合は、Advanced Custom Fields(ACF)などのフィールド作成プラグインを組み合わせます。
手順1: プラグインをインストールして有効化する
- 管理画面の「プラグイン」→「プラグインを追加」を開きます。
- 検索欄に
Custom Post Type UIと入力します。 - 作者が WebDevStudios の「Custom Post Type UI」の「今すぐインストール」をクリックし、続けて「有効化」をクリックします。
有効化すると、左のメニューに「CPT UI」が増えます。WP-CLI が使える環境では次のコマンドでも同じことができます。
wp plugin install custom-post-type-ui --activate
手順2: 投稿タイプの基本設定を入力する
「CPT UI」→「投稿タイプの追加 / 編集」を開き、「新規投稿タイプを追加」タブの「基本設定」に次の3つを入力します(* は必須)。
| 項目 | 入力例 | 説明 |
|---|---|---|
| 投稿タイプスラッグ | book |
内部名とURLに使われる名前。小文字の英数字、ダッシュ、アンダースコアのみ、20文字以内 |
| 複数形のラベル | 書籍 | 管理メニューに表示される名前 |
| 単数形のラベル | 書籍 | 1件を指すときに使われる名前 |
日本語では複数形と単数形を同じ言葉にしてかまいません。
入力後に「ラベルを自動入力」をクリックすると、「追加ラベル」欄(「新規項目を追加」「項目を編集」など、管理画面の各所に出る文言)が、入力したラベルをもとに埋まります。必要に応じて書き換えます。
スラッグは後から変えないつもりで決めます。CPT UI の画面にも注意書きがあるとおり、スラッグを書き換えると既存の投稿タイプの名前が変わるのではなく、別の投稿タイプとして登録されます(変更時に「投稿を改名後の投稿タイプへ移行しますか ?」にチェックを入れると、投稿を新しいスラッグへ移せます)。post や page のように WordPress がすでに使っている名前も避けてください。
手順3: 主な設定を確認する
同じ画面の「設定」には多くの項目がありますが、最初に確認するのは次のとおりです。ほかの項目は初期値のままで動きます。
| 項目 | 初期値 | 変える場面 |
|---|---|---|
| 公開 | True | 管理画面だけで使う内部データなら False |
| REST API で表示 | True | False にするとブロックエディターではなく旧来の編集画面になる。ブロックエディターを使うなら True のまま |
| アーカイブあり | False | /book/ のような一覧ページ(投稿タイプアーカイブ)が必要なら True |
| 階層 | False | 固定ページのように親子関係を持たせたいときは True |
| リライト / カスタムリライトスラッグ | True / 空欄 | URL の book の部分を別の文字列にしたいときにカスタムリライトスラッグを入力 |
| メニューの位置 | 空欄 | 管理メニューの並び順を変えたいとき(5〜100) |
| メニューアイコン | 空欄 | dashicons-book のような Dashicons のクラス名か画像URL |
「サポート」では、編集画面で使う機能を選びます。初期状態では「タイトル」「エディター」「アイキャッチ画像」にチェックが入っています。抜粋やリビジョンを使いたい場合は「抜粋」「リビジョン」にもチェックを入れます。
「タクソノミー」で「カテゴリー (WP コア)」「タグ (WP コア)」にチェックを入れると、通常の投稿と同じカテゴリーやタグを使えます。この投稿タイプ専用の分類が欲しい場合は、保存後に「CPT UI」→「タクソノミーの追加 / 編集」で作り、「利用する投稿タイプ」でこの投稿タイプを選びます。
入力が終わったら、画面下の「投稿タイプを追加」をクリックして保存します。左のメニューに「書籍」が表示され、通常の投稿と同じように記事を作れるようになります。
手順4: 公開ページで表示を確かめる
パーマリンク設定が「投稿名」などの場合、URL は次のようになります(スラッグが book の例)。
| ページ | URL |
|---|---|
| 個別ページ | https://example.com/book/投稿のスラッグ/ |
| 一覧ページ(「アーカイブあり」が True のとき) | https://example.com/book/ |
CPT UI は保存後にリライトルールを更新するため、通常はそのまま表示されます。個別ページや一覧ページが 404 になる場合は、「設定」→「パーマリンク」を開いて何も変えずに「変更を保存」をクリックすると、リライトルールが作り直されます。
見た目はテーマのテンプレートで決まります。クラシックテーマでは single-book.php(個別ページ)と archive-book.php(一覧ページ)を用意すると、その投稿タイプ専用のテンプレートになります。ブロックテーマでは「外観」→「エディター」のテンプレート画面から、この投稿タイプ用のテンプレートを追加できます。
入力欄(カスタムフィールド)を追加したい場合
CPT UI の「サポート」で「カスタムフィールド」にチェックを入れると、WordPress 標準のカスタムフィールド欄が使えるようになります。ブロックエディターでは、右上のオプションメニューの「設定」で「カスタムフィールド」を表示に切り替えると、編集画面の下に入力欄が出ます。
ただし標準の欄は「名前」と「値」を毎回入力する形式なので、決まった項目を入力させたい場合は ACF などで入力欄を作り、表示ルールでこの投稿タイプを指定する方法が使いやすくなります。
CPT UI をやめるときは「コードを取得」を使う
「CPT UI」→「ツール」→「コードを取得」を開くと、登録した投稿タイプとタクソノミーを register_post_type() / register_taxonomy() で登録する PHP コードが表示されます。プラグインに頼らず自分のテーマや独自プラグインで管理したい場合は、このコードを子テーマの functions.php か独自プラグインに貼り、CPT UI 側の登録を削除するかプラグインを停止します(同じ投稿タイプを二重に登録しないため)。
同じ「ツール」画面の「投稿タイプ」「タクソノミー」タブは、CPT UI を使っている別のサイトへ設定を移すためのインポート / エクスポート機能です。
削除・停止したときの投稿データ
- 「投稿タイプの追加 / 編集」で投稿タイプを削除しても、CPT UI の設定が消えるだけで、その投稿タイプで作った記事はデータベースに残ります。
- CPT UI を停止すると投稿タイプが登録されなくなるため、記事は管理画面にも公開ページにも表示されなくなります。再び有効化するか、同じスラッグで登録し直すと表示されます。
- 本番サイトで設定を変える前には、データベースのバックアップを取っておきます。