Vite WordPress

WordPressテーマ開発用環境

要件

• Docker
• Node.js >=20.11.0

* macOS Sonomaでのみ動作確認

機能

• Adminer
• Mailpit
• TypeScript
• SCSS
• SVG Sprite
• 画像最適化
  • AVIF / WebP 自動変換、Rewrite対応

セットアップ

npm run init

使い方

WordPress サーバー

# 起動
npm run start

# 停止
npm run stop

再起動後、WordPress設定でパーマリンクを保存しなおさないと正しくページが表示されない場合があります。

開発

npm run dev

ビルド

npm run build

http://localhost:3000

プレビュー

npm run preview

http://localhost:8000

管理画面

http://localhost:8000/wp-admin

• User: admin
• Password: password

Adminer

http://localhost:8080

• Server: mysql
• User: root
• Password: password
• DB: wordpress

Mailpit

http://localhost:8025