【WordPress】同じデザインをノーコードで繰り返し使いたい

Question

LPを製作中なのですが、クライアント様から「メニュー一覧内の項目を、出来るだけノーコードで自由に増やせるようにしておいてください」と依頼されています。

たとえば、レストランのメニューだとして、「パスタ」「丼」などに加え、「寿司」というジャンルを追加するときに、「パスタ」のデザインや構成をそのまま引き継いだ上で、画像やテキストを編集し、公開するイメージです。

カスタムフィールドでフィールドを繰り返すことで実現できるかなとは思いましたが、
もっと効率的/シンプルな実装方法はあるものでしょうか？

初歩的な質問かもしれませんが、ご教示いただきたくお願い申し上げます。

Answer 1

phpファイルに思いっきりhtmlのコードを書いちゃってるなら
メニューをカスタム投稿にジャンルをタクソノミーにして
テンプレート内でジャンル毎に出力する感じで

ブロックエディタでやってる場合は自分の技術力と相談

テンプレートに書く場合と同じように
メニューをカスタム投稿にジャンルをタクソノミーにして
ショートコードでメニュー一覧を出力させるのが多分コスパは一番いいです
ただし編集画面でプレビューはされません

メニューをカスタム投稿にジャンルをタクソノミーにするのは同様に
render_callbackでメニュー一覧を出力するテンプレートを
読み込むだけの簡単なカスタムブロックを作るのが
ブロック制作初心者でもどうにかできるレベルの難易度
編集画面でプレビューはされますが編集はできません

React.jsをガッツリ使ったことがあるなら
メニュー一覧用のブロックを作るというのも選択肢
編集画面で見た目のまま編集可能で
グループ・アイテムの並び替えも簡単にできるものも作れます
しかしそれなりに手間がかかります
予算・工数に余裕がある場合のみの選択肢

Comments

[tomohikohanano]

KazuhiroHatanoさん、ありがとうございます。

今回はphpファイルに思いっきりhtmlを書いてしまっているのですが、
ご提案いただいた方法は「記事の一覧をカテゴリーごとにループで出力する形で実装できる」ということでしょうか？

その場合、仮にクライント様があとになって「スイーツ」も追加したいなと思ったときに、
コーディング不要/ジャンルを増やすだけで追加できるという認識で間違いありませんか？

[KazuhiroHatano]

> コーディング不要/ジャンルを増やすだけで追加できる

そうです、LPのメニュー一覧に使うだけであれば
個別ページは持たせたくないのでpublicはfalseに
カスタムフィールドだででコンテンツも不要なので
supportsは[title]だけでregister_post_type

カスタムフィールドも値段だけならACF使うまでもなく
register_post_metaでWPコアのUIを使うので十分かもしれないです

[tomohikohanano]

ありがとうございます。

おかげさまでやるべきことがハッキリしました。

実際には、実装しなくてはならない箇所が非常に多い（ほぼLP全体）なので、
作業完了までには数日かかってしまいますが、
一箇所ずつ着実にカスタムフィールド化していきます。

Answer 2

フロントエンドは経験がないですが、
なんとなくイメージとしてはDBから取得したデータを元にPHP使って動的にコンテンツを生成すれば良いんじゃないでしょうか？
デザインに関してはCSSを使えば統一したデザインを作れるはずです。
(参考になるかな？) https://qiita.com/healing_code/items/7db332df91c6877fb74b

もちろん、DBにそれらのデータを登録するツールを作る必要もありそうです。

全部は流石に書ききれないのと初心者さんということで完全な答えではなくヒントに近いものを書いておきます。

あとは現場の先輩方等に色々聞きながらノウハウを積んでいったほうが良いんじゃないでしょうか。