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

1. cd project_directory/wp-content/themes/YourTheme/YourAssets/
2. git clone https://github.com/borma425/2222press.git
3. cd 2222press/render
4. bash render.sh -install

build your CSS With full prepare without minify

1. bash render.sh -full

Rebuilding... your CSS With Watch bash render.sh -watch

build your CSS With prepare css minify your classes

2. 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