カスタム投稿とは
カスタム投稿とは、WordPressなどのウェブサイトで使われる機能の一つで、普通の投稿やお知らせページとは違い、独自の形式やカテゴリーで情報を投稿することができます。
例えば、不動産サイトなら『物件情報』、保育園・老人ホームなどの社会福祉施設なら『施設情報』や『献立メニュー』など、通常のお知らせとは異なる情報をまとめて掲載したい場合などに使用されます。
今回はプラグイン「Advanced Custom Fields(ACF)」を使用して、簡単にカスタム投稿を作る方法をお伝えいたします。
Advanced Custom Fields(ACF)とは?
- カスタム投稿
- カスタムタクソノミー*
- カスタムフィールド
など、WordPressの投稿をカスタマイズできるプラグインです。
元々は名前の通り、カスタムフィールドのみ追加できるプラグインだったのですが、2023年のアップデートにより、「カスタムフィールド」に加え、「カスタム投稿」・「カスタムタクソノミー」が利用できるようになりました。
それまではカスタム投稿はCPT UI、カスタムフィールドはACFと、プラグインを複数利用する必要があったのですが、今はACFプラグイン一つでそれが可能になったということです。
*カスタムタクソノミーとは?・・・例えば物件情報のカスタム投稿には、物件種別・エリアなどにカテゴリーで分類する必要があります。
通常の投稿と同じように、カスタム投稿のカテゴリーやタグとして利用されます。
【カスタム投稿とカスタムフィールドで作成した編集ページイメージ】
カスタム投稿とカスタムフィールドを使用し、全2回で解説していきます。
→第1回:ACF カスタム投稿とカスタムタクソノミーの使い方(今回の記事)
→第2回:ACF カスタムフィールドの作り方(次回の記事)
第1回の内容だけでも十分に使える便利な機能ですので、ぜひ手順に沿って作成してみてください。
この記事では、ACFの「カスタム投稿」>「カスタムタクソノミー」の使用手順を掲載しています。
【通常のお知らせ(イメージ)】
【カスタム投稿(イメージ)】
Advanced Custom Fields(ACF)カスタム投稿の使い方
プラグイン有効化
まずは以下の画像を参考に1〜5の手順でACFプラグインをインストールします。
③には『Advanced Custom Fields』を入力してください。
管理画面(ダッシュボード)左のメニューバーから
- プラグイン
- 新規プラグインを追加
- プラグインの検索
- 今すぐインストール
- 有効化
投稿タイプ新規追加
プラグインの有効化ができたら、左のメニューバーに『ACF』が追加されていることを確認し、
- ACF
- 投稿タイプ
- 新規追加
を選択し新規作成画面に移動します。
投稿タイプ編集
今回は、例として「物件情報」のカスタム投稿を作成します。
- 複数ラベル※必須
- 項目に表示されるラベル
- 単数ラベル※必須
- 複数ラベルと同じ名前を入力
- 投稿タイプキー※必須
- カスタム投稿タイプのスラッグ
- 半角英数、アンダースコアで入力
- 「一般公開」はデフォルトのまま(ON)
変更内容を保存します。
投稿タイプの階層は、親ページを指定しない場合はOFFのままでOKです。
投稿タイプの追加が完了すると、左のメニューバーに『物件情報』が表示されます。
たったこれだけでカスタム投稿が作成できました。
さらにタクソノミー(カテゴリー)を追加したい場合は、「タクソノミー」タブから新規追加を行います。
タクソノミー新規追加
次に、タクソノミーを追加していきます。
- タクソノミー
- 新規追加
から編集画面に移動します。
タクソノミー編集
- 複数ラベル※必須
- 項目に表示されるラベル
- 単数ラベル※必須
- 複数ラベルと同じ名前を入力
- タクソノミーキー※必須
- 半角英数、アンダースコアで入力
- 投稿タイプ
- 先に作成した「物件情報」を選択
- 「一般公開」はデフォルトのまま(ON)
- 「階層的」
- ONでチェックボックス形式に
変更内容を保存します。
階層について
このタクソノミーが親子階層を持つかどうかの設定です。ONならチェックボックスから選択可能になり、OFFならテキスト入力になります。
今回は、「エリア」「タグ」「物件種別」「間取り」のタクソノミーを作成してみました。
タクソノミーの追加が完了すると、左のメニューバー『物件情報』に、追加したタクソノミーが表示されます。
それぞれのタクソノミーに、該当する項目を設定します。
「エリア」には、都道府県を追加しました。
スラッグは設定なしの場合、「名前」に入力した文字列がそのまま設定されます。
URLになる部分なので、できれば半角英数で設定(入力)しましょう。
それぞれのタクソノミーの項目を入力しました。(クリックで拡大します)
これで、カスタム投稿、タクソノミーの作成は完了しました。
作成したカスタム投稿一覧(今回は物件情報)から、新規投稿すると、編集画面右側にタクソノミーの入力欄が追加されていることがわかります。
あとは通常の投稿のようにページの内容を作成して公開するのみです。
カスタム投稿にタクソノミーを設定しておけば、絞り込み検索のプラグインと連動できるなどのメリットもありますので、必要に応じて試してみてください。
次回の記事では、ACFの「カスタムフィールド」の作成方法について詳しくお伝えします。
カスタムフィールドは、こちらのページでも詳しく説明していますが、規律性のある決まった情報を入れたい場合に使用します。
今回ご紹介したカスタム投稿とカスタムフィールドを組み合わせると管理・運営が非常に便利になり効率的です。
投稿者プロフィール
-
2018年より始めた事業のホームページを自作し運用していくなかで、ホームページ制作の楽しさをしり、独学から本格的にWebを学ぶ。
2020年より、自分の周りのWebが苦手な人たちを助けたいという思いからWeb制作を中心にフリーで活動。
2022年より株式会社ウェブロードに入社し、制作・デザインの知識をさらに深めながら、初心者でもわかりやすいWordPressの操作方法などを発信中。
最新の投稿
- WordPress講座2024年7月3日レスポンシブデザインを意識したカラムブロックの使い方
- WordPress講座2024年6月18日カスタムフィールドにプラグイン【WP Imp Exp】を使ってインポートする方法
- WordPress講座2024年4月5日カスタムフィールドの簡単な作り方をご紹介!
- WordPressのプラグイン2024年3月18日カスタム投稿でウェブサイトを簡単カスタマイズ
お問合せフォームはこちら
(※営業電話が多いため留守電にしています。お急ぎの方は下記メールフォームをお使いください。)
お見積りのご依頼・打ち合わせはZOOM/GoogleMeet/お電話等、オンラインでも対応可能です。全国からお問い合わせを受付けています。
2営業日を過ぎても弊社からの連絡がない場合はメールが届いていませんので、大変お手数をお掛けしますが、下記メールアドレスにご連絡ください。