Một mẫu sử dụng tailwind kết hợp child theme (ok)

735KB

kadence-child.zip

archive

wp-content\themes\kadence-child\postcss.config.js

module.exports = {
  plugins: {
    '@tailwindcss/postcss': {},
    autoprefixer: {},
  },
}

wp-content\themes\kadence-child\package.json

{
  "name": "my-tailwind-child",
  "version": "1.0.0",
  "scripts": {
    "build": "npx postcss src/style.css -o assets/css/style.css",
    "watch": "npx postcss src/style.css -o assets/css/style.css --watch"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4.1.3",
    "autoprefixer": "^10.4.21",
    "postcss": "^8.5.3",
    "tailwindcss": "^4.1.3"
  }
}

wp-content\themes\kadence-child\tailwind.config.js

module.exports = {
  content: [
    "./*.php",
    "./**/*.php",
    "./src/**/*.{css,js}"
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

wp-content\themes\kadence-child\src\style.css

@import "tailwindcss";