This is a starter kit for wordpress theme and plugins devleop. It's a result of many projects and template that was built over the years.

1. mkdir ${name}

2. cd ${name}

3. wp core download

4. rm -rf wp-content/plugins

5. rm -rf wp-content/themes

6. mkdir wp-content/plugins

7. mkdir wp-content/themes

8. git clone [email protected]:nemo369/canaan_empty.git temp

9. rsync -vua --delete-after temp/ .

10. rm -rf temp

11. rm -rf .git

12. composer install --no-dev --optimize-autoloader

13. npm install

14. npm run build

15. mv example.gitignore .gitignore

16. git init

I'm compilng all the theme assets using vite

check the Index.js file in canaan theme folder. the idea behind this structre is to gernate one big JS file that will be cached. each page will have a JS class that will be loaded only if a certain DOM elment is in the page.

im using 1.Tailwind should be used before wrtiting any new lines of CSS

1. Reset CSS completely
2. SCSS for spliting files. have a look in the style.scss for better understaing of the structe.
3. BEM

with an svg.php file and a simple switch case

Using a Third party libray called Carbon Fields look at carbon.php and for example at carbon_post.php

look at register_post_type.php file

clone and paste all this content in a brand new WP instalation.

• Make sure to add 📢

include dirname(__FILE__).'/canaan_conf.class.php';

to wp-config.php file 📢

then go to wp-content/theme/canaan and

1. npm install
2. composer install --no-dev --optimize-autoloader
3. npm run dev

❤️