Wordpressのオリジナルテーマの作り方

Question

教えてください。
Wordpressのオリジナルテーマを作ろうと考えています。

最終的にはお客さん自身が管理画面からテーマをカスタムできるようにしたいと思ってるんですが
その場合、WP REST APIを使わずフレームワーク無しの純粋なPHPで作ったほうがいいのでしょうか？
個人的にvueやangularを利用して作れたらいいなあと考えているんですが
ひょっとすると管理画面からのカスタム操作が全く使い物にならないんじゃないかと懸念しています。

何かいい作り方あればアドバイス下さい。

Comments

[m.ts10806]

試行錯誤せずにできるものはないと思いますが、その一歩目すら頼っていてはどんな簡単なものもできないのでは？
今自身がやりたいことはどれくらいあって何％までできてるんでしょう？

Answer 1

お客さん側でカスタムというのがどの程度のものなのかによる

多少のカスタマイズ機能ならWPが仕組みを用意してくれてるのでそれを使おう
背景画像、ロゴ・ヘッダ画像、見出しの文字色の変更程度なら対応できる

WordPressの新エディタは基本的にReact.jsで出来ている
旧エディタでは困難だったサーバーサイドのデータの
利用あるいは編集といったことも比較的容易に実現できる
リアクティブでWysiWygな記事編集が欲しいなら
新エディタはそれを効率的に実現する手段になる

柔軟にテンプレートのレイアウトやページのパーツを入れ替えたいのだというなら
新エディタとショートコードを活用してテンプレートの投稿タイプを作るという手段がある
タイトル、コンテンツ、カスタムフィールドを出力するショートコードを含んだ
テンプレートとなる投稿を作っておき

echo apply_filters('the_content',$template_post->post_content);

などのようにすればWysiWygなテンプレートのカスタマイズを容易に実現できる
ショートコードでループを書くということもできる

新エディタを活用するならばカスタムブロックを作る過程で
どうせjsxのコンパイル環境を用意することになるのだし
フロントのリアクティブコンテンツもReactにしといたらややこしくない
wp.elementというのが実質Reactで、これはwp-elementというハンドルで登録されていて
フロントでもwp_enqueue_script('wp-elemet');するだけで簡単に利用できるようになっている

Comments

[inukujira]

ありがとうございます。
「WPが仕組みを用意してくれてる」のとこ確認したんですけどfunction.phpから簡単に実装できました。
オリジナルテーマを作るにあたって色々調べてたらsageというスターターテーマがかなり便利そうなのでそちらを使って実装する事にします。

アドバイス感謝です！

Answer 2

「WordPress テーマ 自作 vue.js」
などとしてネット検索すれば、
やってみた系記事が見つかりますので、
一行でも一文字でもコードを書いてみて、
躓いたら質問を起こしてください。