Theme Setup

ReadMe! How setup & customize this theme in the WordPress environment

Environment Setup

How install nodejs and use the gulp tasks to rebuild style, scripts and images.

Theme Modules

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!

Not enough? We got already set Gulp, a task runner, with all the actions you need to rebuild this template. Modul-R loves to be hacked! You’ll find the SASS style with CSSNano and Autoprefixer, Babel uglify and minify the the javascript, Imagemin that compresses image stripping metadata and converts images in webp (yes, you got it right, without using any wordpress plugin).

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