WordPressでカスタム投稿タイプを簡単に作成する方法

WordPressのデフォルトの投稿タイプに限界を感じたことがあるなら WordPress開発におけるカスタム投稿タイプについて、基本の理解からWordPressサイトへの効果的な実装まで、知っておくべきことをすべて解説します。

WordPressデザインにおけるコンテンツの整理と提示方法に革命をもたらします。このガイドを読み終える頃には、特定のニーズに合わせてカスタム投稿タイプを作成するための知識とスキルを習得し、直感的で視覚的に魅力的な方法でコンテンツを披露できるようになります。

カスタム投稿タイプとは何ですか?

WordPressでは、カスタム投稿タイプとは、デフォルトの通常の投稿やページに加えて作成できるコンテンツタイプです。ポートフォリオ、お客様の声、製品情報など、さまざまな種類のコンテンツを整理して表示できるため、コンテンツの外観や機能を完全に制御できます。.

カスタム投稿タイプを追加することで、WordPressを単なるブログプラットフォームから、真に強力なCMSへと拡張できます。各投稿タイプには、独自のカスタムフィールド、ページ属性、さらには外観や機能まで設定できます。.

デフォルト投稿タイプとカスタム投稿タイプ

カスタム投稿タイプは、WordPressの強力な機能であり、従来のブログ投稿や固定ページ以外にも、様々な種類のコンテンツを作成・管理できます。つまり、カスタム投稿タイプは、それぞれ独自の属性と動作を持つコンテンツ構造を定義することを可能にします。

それでは、カスタム投稿タイプとデフォルト投稿タイプの主な違いを見ていきましょう。

デフォルトの投稿タイプ

WordPress では、デフォルトの投稿タイプには「投稿」と「ページ」が含まれます。

投稿:これらは通常、ブログエントリに使用され、サイトのブログ ページに逆時系列で表示されます。

さらに詳しく：ブログホップとは何か、どのように機能するのか

ページ：お問い合わせなど、静的で独立したコンテンツです。頻繁に更新する必要のない、時代を超越したコンテンツによく使用されます。

カスタム投稿タイプ

一方、カスタム投稿タイプは完全にカスタマイズ可能で、想像できるあらゆる種類のコンテンツを表現できます。.

例：レシピサイトを運営しているとします。「レシピ」というカスタム投稿タイプを作成し、通常のブログ投稿とは別にレシピを保存・表示することができます。各レシピには、材料や調理方法などを入力するためのフィールドを用意できます。

柔軟性：カスタム投稿タイプの優れた点は、その柔軟性にあります。イベント、ポートフォリオ、お客様の声、製品、その他あらゆるタイプのコンテンツを管理する場合でも、特定のニーズに合わせてカスタマイズできます。

続きを読む： トップB2Bウェブデザインエージェンシー

デフォルトの投稿タイプはそれぞれの目的を十分に果たしますが、カスタム投稿タイプを使用すると、組み込みオプションの制約から解放され、コンテンツ管理システムを思い通りに設計できます。ウェブサイトの目標とオーディエンスに最適な方法でコンテンツを整理し、提示するための無限の可能性が広がります。

WordPress でカスタム投稿タイプを使用する理由

カスタム投稿タイプには、WordPress ウェブサイトに組み込む価値がある魅力的な利点がいくつかあります。.

異なる種類のコンテンツをより効率的に分類・管理できます。コンテンツを投稿タイプごとに分けることで、バックエンドのインターフェースがより整理され、より見やすく整理された状態を維持でき、コンテンツのナビゲーションと管理が容易になります。.

カスタム投稿タイプを使用してコンテンツ管理システムをカスタマイズすることで、管理者と訪問者の両方のユーザーエクスペリエンスが向上します。ユーザーは関連コンテンツをより簡単に見つけることができ、管理者はコンテンツの作成と管理のワークフローを効率化できます。

カスタム投稿タイプを使用すると、ブログ投稿やページの既定構造に限定されません。ウェブサイトの目的やターゲットオーディエンスにぴったり合ったカスタムコンテンツ構造を作成できます。.

カスタム投稿タイプには、Web サイトの機能を拡張するカスタム フィールド、分類法、その他の属性も付属しています。.

たとえば、「イベント」のカスタム投稿タイプには、日付、時間、場所、RSVP リンクなどのフィールドが含まれ、訪問者に必要なすべての情報が 1 か所にまとめて提供されます。.

さらに、カスタム投稿タイプを使用すると、よりターゲットを絞った関連性の高いコンテンツを作成できるため、検索結果でのランキングが上がる可能性があります。.

WordPressでカスタム投稿タイプを作成する

カスタム投稿タイプを作成する 2 つの方法を見てみましょう。1 つは初心者向けのプラグインを使用する方法で、もう 1 つは上級ユーザー向けの手動コード実装です。.

方法1：プラグインを使ってカスタム投稿を作成する

プラグインをインストールして有効化する

• まず、WordPressダッシュボードの「プラグイン」セクションに移動します。「新規追加」をクリックし、「Custom Post Type UI」を検索します。見つかったら、「今すぐインストール」をクリックし、「有効化」をクリックしてプラグインを有効にします。.

• 有効化後、WordPressダッシュボードに「CPT UI」という新しいメニュー項目が表示されます。このメニュー項目をクリックすると、Custom Post Type UIプラグインにアクセスできます。.

• カスタム投稿タイプ UI インターフェース内で、「投稿タイプの追加/編集」をクリックして、カスタム投稿タイプの作成を開始します。.

投稿タイプの詳細を入力してください

• 投稿タイプのスラッグは必須項目であり、一意である必要があります。通常は「portfolio」や「testimonial」のように、スペースを含まない小文字の文字列です。

• WordPress ダッシュボードに表示されるカスタム投稿タイプの名前を単数形と複数形の両方で指定します。.

• 必要な詳細を入力したら、「投稿タイプを追加」ボタンをクリックしてカスタム投稿タイプを作成します。.

• 新しく作成したカスタム投稿タイプがWordPressダッシュボードに表示されるはずです。対応するメニュー項目をクリックして、新しいコンテンツを追加できます。.

カスタム投稿タイプのカスタマイズ

カスタム投稿タイプにコンテンツを追加するには、カスタム投稿タイプメニューの「新規追加」に移動します。ここで、コンテンツに関する詳細情報を入力します。.

さらに要素を追加するには、 たとえば、カスタム投稿タイプ ページに引用や問い合わせフォームを含める場合は、次のようにします。

• 新しいブロックを追加するには、「+」（プラス）記号をクリックします。.
  
• 利用可能なブロックから「Pull Quote」または「Contact Form 7」を選択します。.
  
• 必要に応じてコンテンツをカスタマイズします。.
  
• 「公開」ボタンをクリックして変更を保存します。.

方法2：WordPressカスタム投稿を手動で作成する

この方法では、テーマのfunctions.phpファイルにコードを追加する必要があり、初心者には不向きかもしれません。ここでは、WPCodeプラグインを使用して、WordPressウェブサイトにカスタムコードを簡単に追加する方法を説明します。.

WPCodeプラグインをインストールして有効化する

• WordPressダッシュボードの「プラグイン」セクションに移動し、「新規追加」をクリックして、「WPCode」を検索します。

• 見つかったら、「今すぐインストール」をクリックし、「有効化」をクリックしてプラグインを有効にします。.

• プラグインを有効化すると、WordPressダッシュボードに「コードスニペット」という新しいメニュー項目が表示されます。このメニュー項目をクリックして、 WPCodeプラグインに。

新しいスニペットの追加

• 「カスタム コードの追加（新しいスニペット）」にマウスを移動し、「スニペットの使用」をクリックします。
  
• 「カスタム スニペットの作成」画面が表示されます。.

スニペットの作成

• 簡単に参照できるように、コード スニペットにタイトルを付けます。.
  
• スニペットを有効にするには、スイッチを「アクティブ」に切り替えます。.

カスタムコードの挿入

「コードプレビュー」領域に次のコードスニペットを貼り付けます。

// カスタム投稿タイプ関数 function create_posttype() { register_post_type( 'movies', // CPT オプション array( 'labels' => array( 'name' => __( 'Movies' ), 'singular_name' => __( 'Movie' ) ), 'public' => true, 'has_archive' => true, 'rewrite' => array('slug' => 'movies'), 'show_in_rest' => true, ) ); }

ここで、映画以外のカスタム投稿タイプを作成する場合は、「movies」を希望のスラッグに置き換え、「Movies」を希望の名前に置き換えます。.

コード スニペットをカスタマイズしたら、「更新」ボタンをクリックして変更を保存します。.

この方法を使用すると、投稿タイプのカスタマイズを完全に制御できますが、テーマの functions.php ファイルを変更するときは注意が必要です。.

カスタム投稿タイプの表示

コンテンツを整理するためのカスタム投稿タイプを作成したら、次はWordPressウェブサイト、訪問者に見てもらいましょう。ここでは、様々な方法でカスタム投稿タイプを表示するプロセスを解説します。これにより、ユーザーフレンドリーな方法で独自のコンテンツを簡単に強調できるようになります。

デフォルトのアーカイブテンプレートの使用

サイトにカスタム投稿タイプを表示するには、次の手順に従います。

メニューにカスタムリンクを追加する： 「外観」⟶「メニュー」に移動します。カスタム投稿タイプのURLを使用して、メニューにカスタムリンクを追加します。例えば、カスタム投稿タイプが「映画」の場合、URLはhttp://example.com/moviesのようになります。「example.com」をドメイン名に置き換えることを忘れないでください。

保存して表示：メニューを保存し、サイトのフロントエンドにアクセスしてください。追加した新しいメニュー項目が表示されます。それをクリックすると、カスタム投稿タイプのアーカイブページが表示されます。このページには、テーマのarchive.phpテンプレートが使用されています。

カスタム投稿タイプテンプレートの作成

カスタム投稿タイプのアーカイブ ページの外観に満足できない場合は、専用のテンプレートを作成できます。

テーマディレクトリに、archive-movies.php という名前の新しいファイルを作成します (「movies」をカスタム投稿タイプ名に置き換えます)。.

テーマの archive.php ファイルの内容を archive-movies.php にコピーし、必要に応じてカスタマイズします。.

これで、誰かがカスタム投稿タイプのアーカイブ ページにアクセスするたびに、WordPress はこのテンプレートを使用してページを表示するようになります。.

ウィジェットにカスタム投稿タイプを表示する

Custom Post Type Widgets プラグインを使用して、カスタム投稿タイプをウィジェットに表示することもできます。

Custom Post Type Widgets プラグインをインストールして有効化します。.

「外観」⟶「ウィジェット」に移動します。「最近の投稿（カスタム投稿タイプ）」ウィジェットをサイドバーにドラッグ＆ドロップします。

「投稿タイプ」ドロップダウンからカスタム投稿タイプを選択し、希望のオプションを選択します。.

「更新」をクリックしてウェブサイトにアクセスし、ウィジェットの動作を確認し、カスタム投稿タイプの最近のエントリを表示します。.

これらの方法を使用すると、WordPress サイトにカスタム投稿タイプを効果的に表示して、訪問者が専門的なコンテンツに簡単にアクセスできるようにすることができます。.

まとめ

そこで、このガイドでは、WordPress のカスタム投稿タイプの世界を詳しく調べ、Web サイトのニーズに最適な方法でコンテンツを整理して提示する方法を探りました。.

次に、カスタム投稿タイプを作成するための 2 つの方法について説明しました。初心者向けのプラグインを使用する方法と、上級ユーザー向けの手動でコードを追加する方法です。.

カスタム投稿タイプを作成したら、WordPressサイトでそれらを表示するためのさまざまな方法を検討しました。デフォルトのアーカイブテンプレートの使用から、カスタム投稿タイプテンプレートを作成してウィジェットに組み込むまで、コンテンツを視覚的に魅力的かつユーザーフレンドリーな方法で表示するためのさまざまなオプションがあります。.

カスタム投稿タイプは、単にコンテンツを整理するだけでなく、ウェブサイト全体のユーザーエクスペリエンスを向上させるためのものです。つまり、WordPressのカスタム投稿タイプをマスターすることで、コンテンツの作成とプレゼンテーションの可能性が無限に広がります。.

よくある質問