WithCodeMedia-1-pc
previous arrowprevious arrow
next arrownext arrow

WithCodeMedia-1-sp
previous arrowprevious arrow
next arrownext arrow

WordPressのカスタム投稿とは?プラグイン「Custom Post Type UI」で実装する方法を徹底解説!

この記事でわかること

  • WordPressのカスタム投稿タイプと「投稿・固定ページ」の違い
  • FAQやサービス紹介など、カスタム投稿タイプが活きる具体的な活用シーン
  • 「Custom Post Type UI」プラグインのインストールから投稿タイプ追加までの手順
  • タクソノミー(分類)の設定方法とカテゴリー登録の流れ
  • 投稿ページの作成と表示確認の手順
生徒

ペン博士!WordPressで「カスタム投稿タイプ」を使いたいのですが、設定方法が分からなくて困っています…

ペン博士

カスタム投稿タイプはプラグイン「Custom Post Type UI」を使えば、コードを書かずに簡単に追加することができるんじゃ!しっかり覚えていくんだぞ!

生徒

そうなんですね!ありがとうございます!

WordPressのカスタム投稿タイプは、コードなしでプラグイン「Custom Post Type UI」から追加できます。FAQやサービス紹介など、標準の「投稿」「固定ページ」では整理しにくいコンテンツを独自の構造で管理できるようになります。

本記事では、カスタム投稿タイプの基本的な概念から「Custom Post Type UI」のインストール・設定方法、タクソノミーの追加、投稿ページの作成・表示確認まで、順を追って解説します。

「学習→案件獲得」につなげた受講生のリアルな体験談も公開中!
働き方を変えたい方にも響くストーリーです。

吉池さん
Web制作を体系的に学びたいと考え、WithCodeに入会されました。卒業後は、WithCode経由で実案件を経験したほか、ご自身でも案件を獲得。今後はWeb系の業務に携わりたいという思いから転職活動を行い、受託開発の会社への転職を成功させました。

詳しくはこちらの記事をご覧ください。

WithMedia
受託開発企業への転職成功|フルスタックエンジニア入門ガイド 今回はWithCodeでの学習を経て、受託開発の会社へ内定された吉池さんです。ご自身で学習を始め、Web制作について体系的に学びたいと感じ、スクールを検討している際にWithC...

吉池さんの主な制作実績はこちら


目次

カスタム投稿タイプの基本と「投稿・固定ページ」との違い

WordPressには「固定ページ」と「投稿」という2つの基本投稿タイプがあります。カスタム投稿タイプはそれらとは異なり、目的に合わせて独自の投稿構造を作れる拡張機能です。

種類特徴代表的な用途
固定ページ1ページ単体で完結する静的な情報。階層構造で管理会社概要・アクセス・お問い合わせ
投稿時系列に更新する動的コンテンツ。カテゴリー・タグで整理ブログ記事・お知らせ・イベント情報
カスタム投稿タイプ入力項目・分類・テンプレートを独自設定できる拡張機能FAQ・採用情報・製品カタログ・ポートフォリオ

固定ページとは

固定ページは、1ページ単体で完結する情報を掲載するための機能です。企業サイトでいえば「会社概要」「アクセス」「お問い合わせ」などが代表的な例です。頻繁に更新する必要がなく、階層構造を使って静的に管理するのが一般的です。

投稿とは

「投稿」は、時系列に沿って新しい情報を発信するための機能です。ブログ記事やお知らせ、イベント情報など、定期的に更新していくコンテンツに適しています。カテゴリーやタグを使って記事を整理できるため、継続的な運用にも最適です。

カスタム投稿タイプの特徴

通常の投稿や固定ページと同じ基本構造を持ちながら、入力項目や分類、テンプレートなどを独自に設定できます。特定の情報項目を入力できる専用フォームを用意したり、投稿タイプごとに異なるテンプレートを割り当てたりすることが可能です。なお、カスタム投稿タイプはWordPressの標準機能には含まれないため、コードの記述またはプラグインによる設定が必要です。

生徒

なるほど、カスタム投稿タイプって自分で設計して作る機能なんですね!
WordPressの投稿や固定ページとは、できることの幅が違うと理解できました。

ペン博士

うむ、その通りじゃ。構造を自由に作れるのが最大の強みじゃよ。


カスタム投稿タイプを使うメリットと活用シーン

よくある質問(FAQ)ページの作成

FAQページでは、質問と回答を1セットとして管理する必要があります。通常の投稿で作成すると並べ替えや編集が大変ですが、カスタム投稿タイプを使えば、質問を1件ずつ独立した投稿として登録し、一覧で自動表示することができます。管理画面から質問を追加・削除するだけでページが更新されるため、担当者が複数いても運用がスムーズです。

サービス紹介・採用情報ページなどへの応用

サービス紹介や採用情報のように、同じレイアウトで複数ページを管理する場合にもカスタム投稿タイプは便利です。「サービス名」「料金」「対象顧客」「導入事例」などの共通項目を設定しておくことで、新しいページを追加するときも同じフォーマットで作成できます。デザインの統一を保ちながら、更新やリニューアルも効率的に行えます。

タクソノミーで分類しやすい

カスタム投稿タイプには、カテゴリーやタグのような分類機能であるタクソノミーを追加できます。「FAQをテーマ別に分類」「製品をシリーズ別に整理」といった管理が可能で、情報を構造的に整理でき、ユーザーも目的のページにスムーズにアクセスできます。検索エンジンもこのような構造化された情報を高く評価するため、SEOの面でも効果的です。

生徒

なるほど、カスタム投稿タイプってただ新しい投稿を作るだけじゃないんですね。
ページの構成を揃えたり、分類を分けたりして、運用を整理できる機能なんだと理解できました。

ペン博士

うむ、その通りじゃ。仕組みを整えておけば、サイト全体の管理とSEOの両方に良い影響が出るのじゃ!


プラグインを使ったカスタム投稿タイプの実装方法

カスタム投稿タイプの実装方法には、コードを直接記述して設定する方法と、プラグインを利用して簡単に導入する方法の2種類があります。初心者の方には「Custom Post Type UI」プラグインを使った手順がおすすめです。

Custom Post Type UIのインストール手順

STEP
WordPress管理画面にて、「プラグイン」>「プラグイン追加」をクリックします。
STEP
キーワード検索欄に「Custom Post Type UI」と入力します。
STEP
Custom Post Type UIが表示されるので、「インストールして有効化」をクリックします。
生徒

「Custom Post Type UI」の導入って、思っていたより簡単なんですね!
コードを書かなくても、プラグインを有効化して設定すればすぐ使えるなんて驚きです。

ペン博士

うむ、その通りじゃ。手動でコードを書くよりも安全で確実じゃ。
特に初心者は、このプラグインを使えばカスタム投稿タイプの基礎を感覚で学べるからおすすめなんじゃよ!


カスタム投稿タイプの追加方法

プラグイン「Custom Post Type UI」を有効化すると、WordPress管理画面の左側に「CPT UI」というメニューが追加されます。「CPT UI」>「投稿タイプの追加と編集」をクリックすると、「基本設定」「追加ラベル」「設定」という3つの項目が表示されます。

基本設定

まず、投稿タイプスラッグを入力します。これは投稿タイプの識別子となり、URLにも反映されます。例えば「よくある質問」を作成する場合は「faq」などと入力してください。スラッグは半角英数字で設定しましょう。

(実際の画面を添付)

次に、複数形ラベルと単数形ラベルを入力します。日本語のサイトではどちらも同じ文言(例:「よくある質問」)で問題ありません。英語のサイトの場合は「複数形=FAQs」「単数形=FAQ」と区別するのが一般的です。複数形ラベルは管理メニューや投稿一覧のタイトルとして表示されます。

(実際の画面を添付)

追加ラベル

基本設定の下には「追加ラベル」という項目があります。管理画面の各ボタンやメッセージに表示される文言を変更できる機能です。特にこだわりがなければ、デフォルトのままで問題ありません。

設定

「設定」の項目では投稿タイプの構造や機能を指定します。主な設定項目は以下の通りです。

  • 階層:親子関係を持たせたい場合は「true」に設定します。例:サービスページ → 各サービス詳細ページ
  • サポート:投稿画面に表示する項目を選びます。「ページ属性」にチェックを入れると、固定ページのように親ページを指定したり並び順を調整したりできます。FAQやサービス詳細ページを整理したい場合に便利です。

設定をすべて入力したら、画面下部の「投稿タイプを追加」ボタンをクリックします。これで基本的なカスタム投稿タイプの作成は完了です。

(実際の画面を添付)

生徒

なるほど、カスタム投稿タイプってこうやって項目を一つずつ設定するんですね!
スラッグやサポート項目を決めることで、自分好みの投稿構造が作れると理解できました。

ペン博士

うむ、その通りじゃ。仕組みをしっかり設計しておけば、後の管理がぐっと楽になるんじゃ。
一度設定してしまえば、どんなサイトでも応用できる便利な機能じゃよ!


タクソノミー(分類)の追加設定方法

タクソノミーとは、投稿をカテゴリーやタグのように分類する仕組みのことです。「CPT UI」→「タクソノミーの追加と編集」から設定します。

基本設定

まず、タクソノミースラッグを入力します。これはタクソノミーを識別するためのIDで、URLにも反映されます。「よくある質問」のカテゴリーを作成する場合は「faq_cate」と入力します。「_cate」はカテゴリー分類、「_tag」はタグ分類を表す命名として使うのが一般的です。

(実際の画面を添付)

次に、複数形ラベルと単数形ラベルを入力します。今回の例では「FAQカテゴリー」と入力します。最後に、利用する投稿タイプを選択し、先ほど作成したカスタム投稿タイプ(例:「よくある質問」)を選んでおきます。

(実際の画面を添付)

追加ラベル

管理画面の表示文言を細かくカスタマイズできます。特に変更が不要な場合は、空欄のままで問題ありません。

設定

「設定」項目ではタクソノミーの動作を指定します。

  • 階層:カテゴリーの親子関係を作りたい場合は「true」に変更します。例:「会社に関する質問」>「制度に関する質問」といった階層構造が作れます。
  • 管理画面でカラムを表示:投稿一覧画面で、どの投稿がどのカテゴリーに属しているかを確認できるようになります。管理効率を高めたい場合は「true」に設定します。
  • クイック編集/一括編集に表示:投稿一覧ページでカテゴリーをまとめて編集できるようになります。「true」に設定しておくのがおすすめです。

設定内容を確認した後、画面下部の「タクソノミーを追加」ボタンをクリックします。これで新しいタクソノミーの登録が完了です。

カテゴリーの設定

タクソノミーを作成したら、実際にカテゴリーを設定していきましょう。

  • 名前:カテゴリーの名前を入力します(例:「会社に関する質問」など)。
  • スラッグ:URLに使用する英語表記を入力します(例:「company」)。スラッグは検索エンジンがURLを認識する際に使われるため、意味のある英単語を設定しましょう。

(実際の画面を添付)

登録後、投稿画面でカテゴリーを選択できるようになります。FAQや製品紹介などのカスタム投稿を分類しておくことで、ユーザーも目的の情報にスムーズにアクセスできるようになります。

(実際の画面を添付)

生徒

なるほど、タクソノミーを設定すれば、投稿をカテゴリーやタグごとに整理できるんですね!
「faq_cate」や「faq_tag」みたいにスラッグを分けて使うのも分かりやすいです。

ペン博士


FAQや製品紹介などのカスタム投稿を分類しておくことで、ユーザーも目的の情報にスムーズにアクセスできるようになります。ここまでで、タクソノミーの設定とカテゴリー登録が完了です。


投稿ページの作成と表示確認

カスタム投稿タイプの追加とタクソノミーの追加が完了したら、次に投稿ページを作成してみましょう。ここでは「よくある質問(FAQ)」ページを例に、投稿画面の操作と表示の確認方法を解説します。

管理画面右上のタブから「よくある質問」を選択できるようになっており、タブ内には先ほど設定したカスタム投稿タイプの項目が一覧で表示されます。

(実際の画面を添付)

このカスタム投稿タイプは「よくある質問」を投稿することを目的としているため、質問文をタイトルに、回答文を本文に入力できる構成です。実際に質問と回答を入力し、保存したあとにプレビューを確認してみましょう。

プレビュー画面では質問と回答がしっかりと表示されており、カスタム投稿タイプの「よくある質問」が正常に機能していることが確認できます。

(実際の画面を添付)

生徒

ペン博士、WordPressでカスタム投稿タイプを作る方法が分かりました!
プラグインを使えば、コードを書かなくても追加できるんですね!

ペン博士

うむ、投稿タイプを作ったあとはタクソノミーで分類も忘れずにな!これらをしっかり理解して今後のWebサイト制作に生かすんじゃぞ!

生徒

ありがとうございます!設定から投稿、プレビューまで全部できました!この学びを今後のWebサイト制作に役立てます


よくある質問

Q. カスタム投稿タイプはコードでも実装できますか?

できます。WordPressの`register_post_type()`関数を使えば、functions.phpに直接コードを書いて実装可能です。ただし、プラグインのアンインストール時に設定が消えるリスクがなく、バージョン管理もしやすいという利点があります。一方、コードでの実装はPHPの知識が必要なため、初心者はまずCustom Post Type UIで感覚をつかむことをおすすめします。

Q. カスタム投稿タイプのデータはプラグイン削除後も残りますか?

Custom Post Type UIを削除しても、投稿されたデータはデータベースに残ります。ただし、投稿タイプの登録自体がなくなるため、管理画面からアクセスできなくなります。プラグインを変更・削除する前に必ずバックアップを取ってから作業してください。

Q. カスタム投稿タイプのアーカイブページを表示するにはどうすればいいですか?

CPT UIの「設定」タブで「アーカイブあり」を「true」に設定すると、`/投稿タイプスラッグ/`というURLでアーカイブページが有効になります。テーマ側で`archive-{post_type}.php`というテンプレートファイルを作成することで、デザインをカスタマイズできます。設定変更後はパーマリンク設定を再保存(「設定」>「パーマリンク」で「変更を保存」をクリック)することを忘れずに行ってください。

Q. 既存の「投稿」をカスタム投稿タイプに移行できますか?

標準のWordPress機能では自動移行できませんが、「Post Type Switcher」などのプラグインを使えば、既存の投稿を別の投稿タイプに変換できます。移行前には必ずバックアップを取り、テスト環境で動作を確認してから本番環境に適用してください。

Q. カスタム投稿タイプにカスタムフィールドを追加できますか?

できます。「Advanced Custom Fields(ACF)」プラグインと組み合わせることで、テキスト・画像・日付・選択肢など様々なカスタムフィールドを投稿画面に追加できます。例えばFAQタイプに「難易度」フィールドを追加したり、製品タイプに「価格」「在庫数」フィールドを追加したりと、コンテンツ管理の自由度が大幅に向上します。


関連記事


参考リンク(公式・一次情報)


まとめ

  • カスタム投稿タイプで、標準の投稿・固定ページでは扱いづらい情報を独自構造で整理できる
  • 「Custom Post Type UI」を利用すれば、コードを書かずに投稿タイプとタクソノミーを追加できる
  • FAQや製品紹介など、共通フォーマットのページを効率的に作成・更新できる
  • タクソノミーを設定すると投稿を構造的に分類でき、ユーザービリティとSEOの両方に効果的
  • ACFプラグインと組み合わせることで、さらに細かいカスタムフィールドの追加が可能

これらを理解して活用すれば、WordPressサイトの構造化と運用効率を両立でき、コンテンツ管理の自由度が大きく高まるでしょう。

WithCodeを体験できる初級コース公開中!

初級コース(¥49,800)が完全無料に!

  • 期間:1週間
  • 学習内容:
    ロードマップ/基礎知識/環境構築/HTML/CSS/LP・ポートフォリオ作成
    正しい学習方法で「確かな成長」を実感できるカリキュラム。

副業・フリーランスが主流になっている今こそ、自らのスキルで稼げる人材を目指してみませんか?

未経験でも心配することはありません。初級コースを受講される方の大多数はプログラミング未経験です。まずは無料カウンセリングで、悩みや不安をお聞かせください!

この記事を書いた人

WithCode(ウィズコード)は「目指すなら稼げる人材」をビジョンに、累計400名以上のフリーランスを輩出してきた超実践型プログラミングスクールです。150社以上の実案件支援を特徴にWeb制作・Webデザインなどの役立つ情報を現場のノウハウに基づいて発信していきます。

– service –WithGroupの運営サービス

  • WithCode
    - ウィズコード -

    スクール

    「未経験」から
    現場で通用する
    スキルを身に付けよう!

    詳細はこちら
  • WithFree
    - ウィズフリ -

    実案件サポート

    制作会社のサポート下で
    実務経験を積んでいこう!

    詳細はこちら
  • WithCareer
    - ウィズキャリ -

    就転職サポート

    大手エージェントのサポート下で
    キャリアアップを目指そう!

    詳細はこちら

公式サイト より
今すぐ
無料カウンセリング
予約!

目次