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

 

 

コラム

実は私も!?独学で損する人の特徴

「スクールは高いから独学で成功する」という気持ちの方は多いと思います。
もちろんその方が金額は低く抑えられるでしょう。
ただ 独学には向き不向きがあり、実はスクールが向いている人も大勢います。

そんな方のために参考として、 テックアカデミー卒業生がスクールを選んだ理由 をご紹介します。

  • ・困って挫折しそうなときに、質問や相談できる相手がいる環境で学んでいきたいなと思った
  • ・わかった気になっているだけだったので、自分を追い込む環境に置いた方がいいと感じた
  • ・スクールのカリキュラムで市場に求められるスキルを学ぶべきと思った

少しでも当てはまる部分があれば、 スクールが向いているかもしれません。
お試しのつもりで、まずは一度 無料体験 に参加してみませんか?

初心者でも最短1時間で学習が体験できるカリキュラム、現役エンジニアに何でも相談できるカウンセリング、無制限のチャット質問サービスすべて無料で体験 できます。
無理な勧誘は一切ない ので、お気軽にご参加ください。

今なら体験者限定の割引特典付き! 無料体験はこちら

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

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

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

CustomPostType10

今回の記事は以上です。

 

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

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

大石ゆかり

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

田島悠介

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

大石ゆかり

そうですね〜♪

 

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

独学に限界を感じたら…テックアカデミーに相談しよう

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

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

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

「受けてよかった」と感じていただけるよう 厳しい試験を通過した講師 があなたの相談に真摯に向き合います。

「ただ気になることを相談したい」
「漠然としているがプロの話を聞いてみたい」

こんな気持ちでも大丈夫です。

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

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