WordPressのプラグイン「Custom Post Type UI」と「Advanced Custom Fields」を使ってオリジナルのリストを作る方法についてメモしていきます。
概要
１．カスタム投稿タイプで投稿タイプを作成する（Custom Post Type UI）
２．タクソノミーを設定する（Custom Post Type UI）
３．フィールドを設定する(Advanced Custom Fields)
４．紐づけをする（Advanced Custom Fields）
投稿タイプとタクソノミーとフィールドについて
投稿タイプにフィールドを紐づけて投稿する（レコード追加）
タクソノミーはレコードのグループのイメージ
mobileがタクソノミー
mobilephoneが投稿タイプ
正確には違うと思いますが、ざっくりこんな感じです。
Custom Post Type UI
まずは、Custom Post Type UIをインストールしていきます。
インストールが完了すると「CPT UI」というタブが現れます
投稿タイプの追加と編集
投稿タイプを追加します
個別ページを作成します
single-{カスタム投稿タイプのスラッグ名}.phpと作成します
single-mobilephone.php
アーカイブをTrueにすると一覧が作成されます
一覧ページは archive-{カスタム投稿タイプのスラッグ名}.phpで作成します。
archive-mobilephone.phpを作成すればOKです
「カスタムリライトスラッグ」を使うと自由にURLを操作できます
https://hogehoge/activity/kotoridiary/diary1
みたいな感じです。
完了すると管理画面にメニューが追加されます
CPT UI タクソノミーの追加と編集
Advanced Custom Fields
参考:https://blog.s-giken.net/288.html
続いてAdvanced Custom Fieldsをインストール
カスタムフィールドというタブが現れる
新規追加(Advanced Custom Fields)
必要なフィールドを追加していく。
ルールを設定する
ルールを「携帯電話」とすることで、投稿時にカスタムフィールドで設定したフォーマットが呼び出される
アーカイブページで一覧が確認できる
https://ホームページ/スラック文字
https://xxxxx.com/clinic
アーカイブページを編集することで、オリジナルスラックページが作れる
親テーマのarchive.phpをコピーして
- ルートフォルダ/wp-content/themes/diver/archive.php
子テーマに貼り付け。archive-clinic.phpとリネームする。
- ルートフォルダ/wp-content/themes/diver_child/archive-clinic.php
タクソノミー別に一覧表示する
タクソノミー：area
ターム：福岡
taxonomy-(タクソノミーのスラッグ名)-(ターム).php
https://xxxxx.com/area/fukuoka
archive.phpを子テーマに貼り付け。taxonomy.phpとリネームする。
- ルートフォルダ/wp-content/themes/diver_child/taxonomy.php