Free tool to install and use tailwindcss with your WordPress theme And Also Your Child Theme in same time easily and also minify your classes as css code from Your Command line
and You don't need to import the tailwind.config.js file in your <script src> html page Because it is all merged automatically with the css file
works smart You can change the file and folder names and they will be found
1- You must have npm packge
2- You must have bash script
cd project_directory/wp-content/themes/YourTheme/YourAssets/
git clone https://github.com/borma425/2222press.git
cd 2222press/render
bash render.sh -install
build your CSS With full prepare without minify
bash render.sh -full
Rebuilding... your CSS With Watch
bash render.sh -watch
build your CSS With prepare css minify your classes
bash render.sh -minify
Files with the default name :
- tailwind.min.css
- input.css
- tailwind.config.js
- functions.php
are downloaded and used You can change them externally
But you must make sure to modify them in the variables in the render.sh file between line 2:8
- tailwindcss node_modules downloads normally as the official tailwind does
- Create a tailwind.config.js file
- import tailwind.min.css file as hook in functions.php in end of lines of file
Codes are copied from the tool's core files
- simple-functions.php
- simple.config.js
So if you want when installing something to be copied, you can modify the file and it will be transferred as it is
Just
- remove a hook from functions.php
- delete 2222press folder
We know that the node_modules folder is large in size
so , just delete :
- node_modules folder
- package.json
- package-lock.json
also you can delete optional:
- tailwind.config.js
but You don't need to delete the tailwind.config.js file, it will be recognized automatically next time when you install
It will not be created again, do not worry
This is how you can upload the template in a smaller size and reuse it again locally without tailwind.config.js file customizations