「Custom Post Type UI」を使って、SWELLにカスタム投稿タイプを導入する方法

ワードプレス（WordPress）には、固定ページや投稿ページに加えて、「カスタム投稿タイプ」という機能が標準で用意されています。

ただし、ワードプレステーマのSWELL（スウェル）では、このカスタム投稿タイプをそのままでは利用できません。

そこで今回は、プラグイン「Custom Post Type UI（CPT UI）」を使って、SWELLにカスタム投稿タイプを追加する手順を備忘録としてまとめてみました。

なお、検証したSWELLの環境は以下の通りです。

カスタム投稿タイプってどんな時に使うの？

ワードプレスでは、通常「投稿」や「固定ページ」を使ってコンテンツを管理しますが、店舗のお知らせや新商品の紹介などを別枠で管理したいときに便利なのが「カスタム投稿タイプ」です。

このように、店舗に関するお知らせなどをカスタム投稿タイプとして作成することで、通常の投稿と明確に切り分けられ、サイト全体の構造を整理することができます。

その結果、訪問者にとっても情報が見つけやすく、より見やすいサイトを実現できます。

SWELLにカスタム投稿タイプを導入する方法

プラグインのCustom Post Type UI（CPT UI）を使って、SWELLにカスタム投稿タイプを導入する方法です。

なお、Custom Post Type UIのバージョン 1.17.3を使用しています。

①Custom Post Type UIのインストール

プラグインのCustom Post Type UI（CPT UI）をインストールして有効化します。

もし、日本語になっていない場合は、左メニューにある、ダッシュボード > 更新 を選択。

ページ下方にある、「翻訳を更新」ボタンをクリックすると日本語表示になると思います。

②基本設定をおこなう

Custom Post Type UIの「基本設定」を進めていきます。

ここでは、投稿タイプスラッグ、複数形のラベル、単数形のラベルを設定しました。

③設定をおこなう

続いて、Custom Post Type UIの「設定」を進めていきます。

今回は下記のように、カスタム投稿タイプで作成した記事の一覧を表示させたいと思います。

そのためには、アーカイブありの項目をTrueにして、アーカイブで使用するスラッグを入力します。

また、検索から除外を“True”に設定すると、ワードプレスの検索ボックスで検索した際に、カスタム投稿タイプは検索結果に表示されなくなります（検索対象は通常の投稿ページのみになります）。

なお、基本的な構成であれば、カスタム投稿タイプの一覧が表示されるURLは下記のようになります。

https://（ドメイン名）/（上記で決めたスラッグ名）

最後に、ページ下方にある「投稿タイプを保存」で更新しましょう。

④パーマリンク設定を更新

カスタム投稿タイプを編集したあとは、必ず下記を実行しておきます。

左メニューにある、設定 > パーマリンク を選択、何も変更せずに「変更を保存」をクリックします

これにより、ワードプレスがカスタム投稿タイプのURLルールを再認識します。

⑤カスタム投稿タイプページの作成

そのページ（カスタム投稿タイプ）で、投稿ページと同様に、記事を作成すればOKです。

以上、プラグイン「Custom Post Type UI（CPT UI）」を使って、SWELLにカスタム投稿タイプを追加する手順でした。