Figma Wordpress Project

Figma → WordPress 模板

Figma → WordPress 有效推进编码案件的模板

🚀 快速启动

开始新项目时→ docs/QUICK_START.md

# 1. リポジトリをコピー
git clone https://github.com/your-username/figma-wordpress-project.git 案件名-project
cd 案件名-project
rm -rf .git && git init

# 2. セットアップ
npm install
docker-compose up -d
npm run watch:css

# 3. アクセス
open http://localhost:8080

📁 构成

├── .cursor/rules/     # AI協業ルール
├── docs/              # ドキュメント
├── figma-data/        # MCPデータ保存
├── static-preview/    # HTMLプレビュー
└── wp-theme/          # WordPressテーマ【納品対象】
    ├── assets/
    │   ├── scss/      # Sassファイル
    │   └── js/
    │       ├── modules/ # JSモジュール
    │       └── main.js  # エントリーポイント
    └── inc/           # 機能ファイル

📚 文档

文件内容 | -------------------------------------------- | ---------------------------- | | docs/QUICK_START.md ｜新案件开始指南｜ | docs/PROMPTS.md ｜提示集｜ | docs/CHECKLISTS.md ｜品质检查・Git操作 | 文档/项目_PLAN.md 项目计划模板

🔧 命令

npm run watch:css    # SCSS監視
npm run build:css    # SCSSビルド
npm run lint:scss    # SCSSリント
npm run lint:js      # JSリント
npm run format       # コード整形

📦 技术栈

• WordPress（经典主题）
• SCSS → CSS
• jQuery
• 码头工人
• Figma MCP

______________________________________________________________________

许可证： GPL v2或更高版本