ReadMe! How setup & customize this theme in the WordPress environment
How install nodejs and use the gulp tasks to rebuild style, scripts and images.
we have also has a lot of integrated features and useful functions, checkout!
Simple and Modul R.
Why this will be your next WordPress template
Modul R is a powerful and flexible template that provides a fast and easy solution for building an awesome website.
Modul-R has a ton of personalization options! With the customizer’s live preview and CSS Custom Properties you can edit almost everything: font family, text size, colours palette, header direction, logo and hero image size and much more!
Modul-R also provides a seamless integration with Gutenberg and WooCommerce, giving you the opportunity to build easily the website as you like, in the shortest possible time.
Modul-R [ mɒdjʊlə] comes with a kit of reusable parts and functions, but keping the website performance in mind.Erik
README: To get working the most interesting features of this theme, or to use it as a bootstrap to build something much bigger, you may want to download the child theme, and install NodeJS, NPM and Gulp. Please follow step-2 to jump to hyperspace! (however it is strictly recommended ONLY if you need to edit or extend the core template)
Why use SASS when we got CSS Custom Properties or Customizer?
Because Sass is much more than variables, it’s a powerful Turing compete language. In addition, it’s more maintainable and has a clearer syntax. Having a stylesheet written in sass means that you have the possibility of modifying this project and expanding it as you wish without any limitations.
In addition too many options in the customizer can lower the TTFB of your website (and this isn’t what we want, right?). That’s why we have chosen a different approach to many other templates, using custom properties given by customizer in combination with a SASS stylesheet. And that the reason why we have the possibility to split the style in two parts, the layout and the UI. Only the first ones are loaded before the “above the fold” injecting that CSS directly as text into the header, the rest will be added at the end of the page, freeing the critical loading path from the usual crap.
For optimal performance, I also recommend to install an optimisation tool (e.g. Autoptimize) and a caching plugin (e.g. WP SuperCache).