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

公開: 2021-12-30

サイトにカスタマイズされた投稿タイプを作成しますか？ この記事はあなたのためです。 このチュートリアルでは、WordPressでカスタム投稿タイプを作成するさまざまな方法を紹介します。

WordPressには無限のカスタマイズオプションがあることをおそらくご存知でしょう。 最も興味深いものの1つは、より多様なコンテンツを作成できるように、Webサイトにカスタム投稿タイプを作成できることです。

それらを作成する方法を見る前に、最初にどのカスタム投稿タイプであるかを明確にしましょう。

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

投稿タイプは、Webサイトに追加できる任意のタイプのコンテンツを単に参照できます。 デフォルトでは、WordPressには次のようないくつかの投稿タイプがあります。

  • 投稿
  • ページ
  • 添付ファイル
  • ナビゲーションメニュー
  • 改訂
  • カスタマイズされたCSS
  • チェンジセット

これらとは別に、WordPressWebサイトに使用する他のすべての投稿タイプはカスタム投稿タイプです。 WooCommerce製品でさえ、デフォルトのWordPress投稿タイプに正確に含まれていないため、カスタム投稿タイプです。 投稿タイプ「製品」は、Webサイトにインストールされた後にのみWooCommerceプラグインによって登録されます。

同様に、Webサイト用に別のカスタム投稿タイプを作成できます。 各カスタム投稿タイプの要件は、Webサイト自体によって異なります。

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

カスタム投稿を作成する必要がある理由はたくさんあります。 たとえば、デフォルトのタイプ以外のさまざまなタイプのコンテンツをWebサイトに追加したい場合があります。

さらに、特定の投稿タイプを頻繁に更新または追加する必要がある場合もあります。 同様に、Webサイトの非常に特定の投稿タイプの機能または動作を変更する必要がある場合があります。 その結果、特定の種類の投稿をデフォルトの投稿と区別する必要がある場合があります。

これらすべてのシナリオで、最良のオプションはカスタムWordPress投稿タイプを作成することです。 このようにして、必要なカスタム投稿タイプごとに異なるプロパティを設定できます。 そして最良の部分は、WordPressでカスタム投稿タイプを作成することはまったく難しいことではないということです。

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

WordPressでカスタム投稿タイプを作成する主な方法は2つあります。

  1. プラグイン付き
    1. 専用プラグインを使用する
    2. WooCommerceで
  2. プログラムで

ステップバイステップのチュートリアルで、両方の方法を詳しく見ていきましょう。

1）プラグインを使用してWordPressカスタム投稿タイプを作成する

プラグインの使用は、WordPressでカスタム投稿タイプを作成する最も簡単な方法の1つです。 これにはいくつかのプラグインがありますが、このチュートリアルでは、カスタム投稿タイプUIを使用します。

カスタム投稿タイプuicreatewordpressカスタム投稿タイプ

これは、コードなしでカスタム投稿タイプを作成できる優れたフリーミアムプラグインであり、優れたユーザーインターフェイスを備えています。 このツールには、年間29米ドルから始まる拡張バージョンがあります。 ただし、このデモンストレーションでは、無料バージョンを使用します。

1.プラグインをインストールしてアクティブ化します

カスタム投稿タイプUIをインストールするには、WordPressダッシュボードを開き、 [プラグイン]> [新規追加]に移動します。 次に、プラグインを検索し、[今すぐインストール]をクリックします。

インストールが完了したら、プラグインをアクティブ化します。

または、プラグインを手動でインストールすることもできます。 詳細については、WordPressプラグインを手動でインストールする方法に関する完全なガイドをご覧ください。

2.カスタム投稿タイプを追加および構成します

アクティベーション後、 [CPT UI]> [投稿タイプの追加/編集]に移動して、カスタムWordPress投稿タイプを追加および作成します。 カスタム投稿タイプの名前またはスラッグを入力するだけです。 たとえば、このチュートリアルでは「映画」の投稿タイプを追加しますが、Webサイトに適したカスタム投稿タイプを自由に追加してください。

次に、カスタム投稿タイプに応じて単数形と複数形のラベルを追加する必要があります。 必須の詳細をすべて追加したら、[投稿タイプの追加]を押します。

投稿タイプの追加ワードプレスのカスタム投稿タイプの作成

投稿タイプに追加できるラベルもいくつかあります。 投稿タイプの説明、メニュー名などの詳細が含まれます。

さらに、ニーズに合わせていくつかのデフォルト設定を変更することもできます。 追加のラベルの直後にあります。 同様に、投稿タイプを作成した後で編集できます。 プラグインを使用すると、作成されたすべての投稿タイプを表示したり、Webサイトの投稿タイプをインポートおよびエクスポートしたりすることもできます。

必要な詳細をすべて作成すると、WordPressダッシュボードからMoviesという名前の新しい投稿タイプを確認できるようになります。 [映画]> [すべての映画]に移動するだけです。 次に、ページや投稿と同じように、ダッシュボード自体から投稿タイプの新しい投稿を追加することもできます。

映画dashbaordはワードプレスのカスタム投稿タイプを作成します

投稿の種類とは別に、ダッシュボードから分類を簡単に追加することもできます。

それでおしまい！ これは、専用のプラグインを使用してWordPressでカスタム投稿タイプを作成する方法です。

WooCommerceを使用してカスタム投稿タイプを追加する

WooCommerceを使用して、eコマースストアのカスタム投稿タイプを作成することもできます。 投稿タイプを作成するために特別に設計されたプラグインではありませんが、WooCommerceは、特にオンラインストアの投稿タイプを作成するための優れたツールです。 その最良の例の1つには、製品の投稿タイプの作成が含まれます。

商品投稿タイプは、eコマースの主な活動が商品/サービスの販売であるため、eコマースが必要とする最も重要なタイプの1つです。 WooCommerceは、Webサイトにインストールすると、この投稿タイプを自動的に作成します。 エラーを回避するには、主要な手順を見逃すことなく、WooCommerceを適切に設定していることを確認してください。

WooCommerceストアに必要なすべての詳細を追加したら、ダッシュボードの[製品]タブに移動します。 オンラインストアの製品を追加、編集、インポート、またはエクスポートできるようになります。 これは、WooCommerceが作成した製品投稿タイプが原因ですべて可能です。

製品woocommerceはワードプレスのカスタム投稿タイプを作成します

WooCommerceチェックアウトにもカスタムフィールドを追加する場合は、他の投稿タイプをさらに管理できます。 それを支援するために、WooCommerce CheckoutManagerやWooCommerceDirectCheckoutなどのプラグインを使用することもできます。 必要に応じて、WooCommerceチェックアウトフィールドを削除するための詳細なガイドもあります。

2）プログラムでWordPressカスタム投稿タイプを作成する

または、サードパーティのツールをインストールしたくない場合は、WordPressでプログラムでカスタム投稿タイプを作成できます。 ただし、この方法は、プログラミングの知識が十分にある人にのみ適していることに注意してください。

いくつかのコアファイルを編集するので、始める前に、WordPress Webサイトをバックアップし、子テーマを作成してください。 それについてサポートが必要な場合は、これらの子テーマプラグインのいずれかを使用できます。

1.functions.phpファイルにコードスニペットを追加します

関数.phpファイルにアクセスするには、WordPressダッシュボードの[外観]> [テーマエディター]に移動します。 次に、画面右側の[テーマファイル]セクションからfunctions.phpファイルを開きます。

次に、次のコードスニペットをエディターの下部に追加して、投稿タイプ「 movies 」を作成します。

このチュートリアルではDiviテーマを使用したため、スニペットはDivi用に最適化されています。 コードを調整し、使用しているテーマに応じて必要な変更を加えてください。

 関数QuadLayers_custom_post_type（）{
//カスタム投稿タイプのUIラベルを設定します
    $ labels = array（
        'name' => _x（ 'Movies'、 'Post Type General Name'、 'divi'）、
        'singular_name' => _x（ 'Movie'、 'Post Type Singular Name'、 'divi'）、
        'menu_name' => __（ 'Movies'、 'divi'）、
        'parent_item_colon' => __（ '親映画'、 'divi'）、
        'all_items' => __（ 'すべての映画'、 'divi'）、
        'view_item' => __（ 'ムービーを表示'、 'divi'）、
        'add_new_item' => __（ '新しいムービーを追加'、 'divi'）、
        'add_new' => __（ 'Add New'、 'divi'）、
        'edit_item' => __（ 'ムービーの編集'、 'divi'）、
        'update_item' => __（ 'ムービーの更新'、 'divi'）、
        'search_items' => __（ '映画の検索'、 'divi'）、
        'not_found' => __（ 'Not Found'、 'divi'）、
        'not_found_in_trash' => __（ 'ゴミ箱に見つかりません'、 'divi'）、
    ）;
//カスタム投稿タイプの他のオプションを設定します
    $ args = array（
        'label' => __（ 'movies'、 'divi'）、
        '説明' => __（ '映画のニュースとレビュー'、 'divi'）、
        'labels' => $ labels、  
        'supports' => array（ 'title'、 'editor'、 'excerpt'、 'author'、 'thumbnail'、 'comments'、 'revisions'、 'custom-fields'、）、     
        '分類法' => array（ 'ジャンル'）、     
        'hierarchical' => false、
        'public' => true、
        'show_ui' => true、
        'show_in_menu' => true、
        'show_in_nav_menus' => true、
        'show_in_admin_bar' => true、
        'menu_position' => 5、
        'can_export' => true、
        'has_archive' => true、
        'exclude_from_search' => false、
        'publicly_queryable' => true、
        'capability_type' => 'post'、
        'show_in_rest' => true、 
    ）;
    //カスタム投稿タイプを登録する
    register_post_type（ 'movies'、$ args）;
}
add_action（ 'init'、 'QuadLayers_custom_post_type'、0）;

投稿タイプに適切なコードスニペットを追加したら、ファイルを更新します。

2.ダッシュボードからカスタム投稿タイプを開きます

その後、WordPressダッシュボードを開くと、「映画」の投稿タイプが追加されていることがわかります。

ダッシュボードはワードプレスのカスタム投稿タイプを作成します

新しい映画の投稿を追加すると、投稿エディタにリダイレクトされることがわかります。 また、ページのURLとタイトルを詳しく見ると、ページが作成したばかりの映画の投稿タイプに基づいていることがわかります。

投稿タイプのURLはワードプレスのカスタム投稿タイプを作成します

このようにして、WordPressでプログラムでカスタム投稿タイプを作成できます。 詳細が必要な場合は、プログラムでカスタム投稿タイプを作成する方法に関する詳細なガイドを確認してください。

WordPressでカスタム投稿タイプを表示する方法

これで、WordPressサイトでカスタム投稿タイプを作成できるようになります。 しかし、それらを表示するのはどうですか？

投稿タイプの表示方法がわからない場合は、投稿タイプを作成しても意味がありません。 これらのカスタム投稿タイプをサイトに表示する最も簡単な方法をいくつか見てみましょう。

1.カスタムショートコードを作成します

ショートコードの使用は、コンテンツを表示するための最良の方法の1つです。 実際、それはその絶大な人気につながったWordPressの主要な機能の1つです。 Webサイトのどこにでもショートコードを追加して、必要な場所に特定のコンテンツを表示できます。

基本的なプログラミングスキルがある場合は、投稿タイプを表示するためのカスタムショートコードを簡単に作成できます。 前のメソッドと同様に、次のコードスニペットをfunctions.phpファイルに追加するだけです。

[外観]> [テーマエディター]に移動し、 functions.phpファイルを開きます。 次に、次のコードスニペットをエディターに追加します。

 add_shortcode（ 'movies'、 'QuadLayers_display_cpt_shortcode'）;
関数QuadLayers_display_cpt_shortcode（）{
    $ args = array（ 'post_type' => 'movies'、 'posts_per_page' => 10）;
    $ the_query = new WP_Query（$ args）;
    if（$ the_query-> have_posts（））：
    while（$ the_query-> have_posts（））：$ the_query-> the_post（）;
    $ c = the_title（sprintf（ '<h2 class = "entry-title">'、esc_url（get_the_title（）））、 '</ h2>'）。
    '<divclass = "entry-content">'。
    コンテンツ（）。
    '</ div>';
終わり;
wp_reset_postdata（）;
それ以外：
$ c = '申し訳ありませんが、条件に一致する投稿はありません。';
endif;
$ cを返します。
}

このコードは、任意のページまたはウィジェット領域に投稿タイプを表示するために使用できるカスタムショートコードを作成します。

フロントエンドでページをリロードすると、結果を確認できます。

2.メニューにカスタム投稿タイプを表示する

Webサイトにカスタム投稿タイプを追加した場合は、それをメニューに表示できます。 あなたがしなければならないのは、その特定の投稿タイプのカスタムリンクを追加することです。

これを行うには、 [外観]> [メニュー]に移動し、[カスタムリンク]を開きます。 次に、カスタムタイプのURLとリンクテキストを入力し、 [メニューに追加]を押します。

カスタムリンクは「 http://mysitename.com/movies 」のようにする必要があります。ここで、「 mysitename 」はサイトドメイン、「 movies 」は作成したカスタム投稿タイプです。

WordPressメニューを最大限に活用する方法について詳しく知りたい場合は、WordPressメニューにページを追加する方法に関するガイドをご覧ください。 QuadMenuまたは最高のメガメニュープラグインのいずれかを使用して、メニューをカスタマイズし、WordPressメガメニューを追加することもできます。

結論

要約すると、デフォルトのタイプ以外のさまざまなタイプのコンテンツをWebサイトに追加したり、Webサイトの特定の投稿タイプに変更を適用したりする場合は、カスタム投稿タイプを追加することをお勧めします。

このガイドでは、WordPressカスタム投稿タイプを作成するさまざまな方法を見てきました。

  • プラグイン付き
  • プログラムで

プラグインアプローチは簡単なので、あらゆるタイプのユーザーに適しています。 または、プログラミングスキルがあり、サイトにプラグインを追加したくない場合は、プログラムでカスタム投稿タイプを作成できます。

さらに、投稿タイプを作成した後、WordPressで投稿タイプを変更できます。 たとえば、投稿の種類を変更したり、ページに投稿を追加したり、投稿をページに変換したりできます。 これらはほんの一例ですが、カスタム投稿タイプなど、できることは他にもたくさんあります。

最後に、この投稿が気に入った場合は、興味を引く可能性のある記事が他にもいくつかあります。

  • WordPressでプログラムで投稿やページを作成する方法
  • WooCommerce製品ページテンプレートをカスタマイズする
  • WhatsAppでWordPressの投稿を共有する方法（プラグインとショートコード）

カスタム投稿タイプを作成しましたか？ どの方法を使用しましたか？ 以下のコメントでお知らせください！