概要

• Wordpress テーマを Vite と Tailwind で開発するためのコード
• Sass コンパイルと Vite サーバー用に Node.js が必要（無い場合はインストールしてください）

インストール

1. Wordpress の自作の空のテーマフォルダにクローンする
2. vite.config.js の const themePath の値を上記のテーマフォルダに合わせる
3. npm install する
4. npm run dev する
5. 自作テーマに切り替えて表示を確認する

使い方

• 上記のインストールを行う
• Tailwind を使ってテーマ開発を進める
• 開発中は npm run dev をしてホットリロード状態にする
• 完成後は npm run build （ビルド、出力）してコンパイル環境がなくても動くようにする

コマンド

• ホットリロード、リアルタイムコンパイル（開発中）

  npm run dev

• コンパイルファイルたちの出力（完成後）

  npm run build