マロンモードコンテンツへスキップマロンモード当ブログは、Webデザイナーによる、日々のWeb制作での気づきをまとめた備忘録です。【WordPress】カスタム投稿タイプで管理画面を使いやすく!不動産情報サイトなど、多大な情報をお客様側で管理・入力しやすいように管理画面をカスタマイズする案件が多いので、その際に役立ったプラグインとカスタマイズ方法を忘れないようにまとめました。いえ、人に聞かれると説明しづらいのでまとめました。カスタム投稿タイプとはそもそもカスタム投稿タイプとはなんぞやという話ですが、通常の投稿記事とは別に、独自に設定できる投稿分類のことですね。(ざっくり)カスタム投稿タイプを利用すれば、ブログ記事とは別に新たに制作実績リストなんかも作れちゃうわけです。WordPressってすごいですね。Fields・・・カスタムフィールドを自由に設定できるプラグイン私が利用しているのはこのあたりです。UI」を使って、カスタム投稿タイプを作成!まずは脳内でも紙でもいいので、完成図をイメージしましょう。ケーキ屋さんのサイトで、商品のラインナップを載せたい場合。大分類=ケーキ小分類=ホールケーキ、ロールケーキ、ショートケーキざっくりこんな感じでしょうか。この場合、カスタム投稿タイプ(post_type)=ケーキ(cake)、タクソノミー(taxonomy)=ホールケーキ、ロールケーキ、ショートケーキなどのケーキの種類になります。UI」で、カスタム投稿タイプとタクソノミーを作成し、ケーキというカスタム投稿タイプに、ホールケーキなどの各タクソノミーを紐づけます。Fields」を使って、管理画面をカスタマイズ!大枠はできたので、次はカスタム投稿タイプの中身の設定です。商品のラインナップに載せたい項目を、「ケーキの名前」「値段」「ケーキの写真」「説明文」ということにしましょう。Fields」なのです。通常のテキストはもちろん、ラジオボタン、画像、エディタなんかも使えます。条件判定もできるので、「Aの項目にはいと選択した場合にのみ、Bという項目が出現する」なんてこともできます。便利です!素晴らしいです!詳しい設定方法はこちらです。Fieldsの使い方(3)管理画面で設定した項目を出力してみよう!管理画面上での設定はこれでバッチリなので、今度はサイト上に表示させましょう。表示のさせ方は色々あるのですが、カスタム投稿タイプ(post_type)=ケーキ(cake)で設定しているので、archive-cake.phpsingle-cake.phpを作成しちゃうのがわかりやすいかと。archive-cake.php・・・商品の一覧ページsingle-cake.php・・・各商品の詳細ページになります。どちらもループさせて、先ほど設定した項目を引っ張ってくればOKです!完成です!ループの記述方法や、項目を出力する際の具体的なコードはこちらです。Permalinks」も使えますね。なんともざっくりなまとめで申し訳。́Д`)細かいところとか、カスタマイズをしていて、手こずったところは、またおいおい記事にできればいいなと思ってます。一度理解するとカスタム自体は簡単です!プラグインを使うと非プログラマーでもわかりやすいですね。ちなみに、アイキャッチに使用させていただいたイラストはこちらの素材集に載っています。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。