The WordPress DevStarter Theme was made from the Twenty Twenty official WP theme by the WordPress team. I implemented it to use it as a starter theme to my own projects. It’s meant to be a slim theme for developers with the most relevant features present in most sites.
To implement it, I removed many things from the original theme that I didn’t want on my sites, re-organized the files structure making the functions.php file cleaner and easy to understand, and created some shortcuts to easily define the things that we always need to define when starting a new site. Then, I removed the Twenty Twenty basic layout, implemented a Gulp file and created a basic SCSS structure that most site can take advantage of.
These are its most relevant features:
- CSS-only responsive menu.
gulpfile.jsconfigured to generate CSS files from SCSS and to minify both CSS and JS files.- Production minified files delivered according to the
WP_ENVIRONMENT_TYPEglobal system variable. - Basic JavaScript starter template for WordPress with jQuery.
- Custom basic theme settings on functions.php (hide customizer, hide theme editor…).
- Basic SCSS variables to customize the layout.
- SVG Icons class (inherited from Twenty Twenty and enhanced).
Of course, there is room for improvement and I can already think of a roadmap, although I’m not sure if I’m going to tackle it at some point due to I’m already learning about the block themes.
