icon
icon

Custom Post Type UIの使い方ーWordPressプラグイン【初心者向け】

WordPressのプラグイン【Custom Post Type UI】の使い方を初心者向けに解説した記事。カスタム投稿タイプを、簡単に追加・編集することができます。テーマのphpファイルを編集する必要もありません。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

WordPressのプラグインの使い方を初心者向けに紹介する記事です。

今回は、WordPressでカスタムフィールドを設定できるCustom Post Type UIの使い方を紹介します。

 

なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。

 

大石ゆかり

田島メンター!!カスタム投稿タイプってとても便利なんですけど、もう少し使いやすい方法ってないんですか〜?

田島悠介

「Custom Post Type UI」っていうプラグインを使うと、簡単にカスタム投稿タイプを使えるようになるよ。

大石ゆかり

そうなんですか!?教えてください!!

 

Custom Post Type UIとは

このプラグインは、WordPressの便利な機能であるカスタム投稿タイプを、簡単に追加・編集できるプラグインです。普通の投稿タイプとは違った形式の「更新情報」や「感想」といった投稿タイプを設定したい時に役立ちます。

テーマのphpファイルを編集する必要もないので、初心者でも気軽に使うことができます。

 

 

プラグインをインストールする

このプラグインは、管理画面から「プラグインを検索」してインストールもできますし、プラグイン公式サイトからダウンロードすることも可能です。

インストールがわからない場合はWordPressのプラグインをインストールする方法をご覧ください。

 

インストールと有効化が完了すると、ダッシュボードに「CPT UI」という項目が追加されています。

ここから設定を行います。

CustomPostType

 

 

[PR] WordPressで挫折しない学習方法を動画で公開中

カスタム投稿タイプを追加する

ダッシュボード>CPT UI>新規追加をクリックして管理画面を開きましょう。

左側がカスタム投稿タイプの追加フォーム、右側がカスタムタクソノミー(カスタム分類)の追加フォームという構成になっています。

CustomPostType2

 

投稿タイプ名や、ラベル名などを入力します。

CustomPostType3

 

この際、投稿タイプ名は必ず英数字(20字以内)で入力しましょう。

他の投稿タイプで使われている「post, page, attachment, revision, nav_menu_item」は使用不可です。

 

ラベルは、管理画面のサイドバーに表示される名称です。日本語でもOKなので、自分で使いやすいようにしましょう。

また、「Advanced Label Options」というボタンをクリックすると、管理画面の表示項目をカスタマイズできます。必須というわけではありませんが、翻訳が中途半端なプラグインなので、好みに合わせておくと作業効率が上がります。

CustomPostType5

 

 

他に、「Advanced Options」をクリックすると、システム部分の設定ができます。

基本的には、デフォルトのままで問題ないですが、以下の2点は好みに応じて変更してください。

  • Has Archive:カスタム投稿タイプのアーカイブを作成したいときは「True」にする
  • Exclude From Search:カスタム投稿タイプをページ検索の対象とするか否か
1時間でできる無料体験!

CustomPostType6

 

入力が完了したら、Create Custom Post Typeのボタンをクリックします。

この段階で、ダッシュボードに作成したカスタム投稿タイプが追加されました。

CustomPostType4

 

 

カスタムタクソノミーを追加する

カスタム投稿タイプで使えるタクソノミー(分類)も、同じ手順で編集可能です。

入力方法はカスタム投稿タイプとほぼ変わりませんが、どの投稿タイプで使うかのチェックボックスがありますので、忘れないよう設定しましょう。

CustomPostType7

 

これで、ダッシュボードから簡単に投稿記事を作成することができるようになりました。

CustomPostType8

 

 

コラム

コスパとタイパ、両方結果的に良くなる良くなる学び方とは?

「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。
もちろん、時間も費用もかかることは間違いありません。
ただ 結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。

コスパ・タイパ最適化の参考として、 テックアカデミー卒業生がスクールを選んだ理由 をご紹介します。

  • ・困ったときに、質問や相談できる相手がいるため挫折しなかった
  • ・プロとして必要なスキルのみを深く学べたので無駄がなかった
  • ・副業案件の提供と納品までのサポートがあったので目的を達成できた

安価・短期間で広く浅く学んでも意味がありません。 本当に自分の目的が達成できるか、それが重要です。
自分にどのスキルや学び方が合っているか、どんな学習方法かなど、お気軽に 無料相談 に参加してみませんか?

カウンセラー・現役のプロへ、何でも気軽に無料相談可能。 30分か60分お好きな時間が選べて、かつ3回まで すべて無料で ご利用できます。
無理な勧誘は一切ない ので、お気軽にご参加ください。

今なら相談した方限定の割引・参加特典付き! 無料相談はこちら

作成したカスタム投稿タイプ・カスタムタクソノミーの編集

作成したカスタム投稿タイプとカスタムタクソノミーの編集は、下記のように行います。

  • ダッシュボード>CPT UI>Manage Post Type :カスタム投稿タイプの編集画面
  • ダッシュボード>CPT UI>Manage Taxonomies :カスタムタクソノミーの編集画面

CustomPostType10

今回の記事は以上です。

 

他のWordPressのプラグインを使ってみたい場合は、WordPress Popular Postsの使い方も合わせてご覧ください。

ぜひ、WordPressの使い方を覚えましょう!
 

大石ゆかり

簡単にカスタム投稿タイプを作れました〜!!!

田島悠介

phpファイルを触る必要がないから気軽に作れるね♪

大石ゆかり

そうですね〜♪

 

[お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学で学習していて、このように感じた経験はないでしょうか?

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう カウンセラーやエンジニア・デザイナー があなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」

こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。(1週間限定)

今なら参加者限定の割引特典付き! 無料相談を予約する