Modulus Pro Theme
Modular starter child theme with Sass partials for the Genesis Framework, originally based on the Genesis Sample Theme version 2.8, but updated as new revisions are available from Studiopress are available. The latest version of this theme requires the Genesis Framework 2.8+ and PHP 7.1+ (preferrably 7.2 for security).
- Download the .zip-file into the
- Extract it.
- Make sure the Genesis parent theme is in the
- Activate the Modulus Pro child theme from the WordPress dashboard.
Clone the Repository
wp-content/themes/of your project in a terminal window.
git clone https://github.com/polishedwp/Modulus-Pro.git.
- Activate the theme from the WordPress dashboard.
Modular starter child theme with Sass partials for the Genesis Framework, originally based on the Genesis Sample Theme version 2.8. The theme will continue to be updated for revisions to Genesis Sample.
Usage Notes - Please read
The child theme has a more modular structure. Immediately, you will notice the
functions.phpfile is relatively empty, as the code is spread over multiple files, making the theme easier to maintain and expand.
The child theme uses a simple autoloader (see
Woocommerce and additional functionality are deactivated but can easily be activated by uncommenting the files in the autoloader.
AdSense settings are deactivated in
/lib/components/customizer/remove-adsense.php, but are easy to enable if you need these features.
The Sass partials for the theme are located in
Gulp commands are available to compile Sass, minify the stylesheet, and compile sourcemaps.
/assets/gulp/project-config.jsand configure your project settings for gulp.
To use Gulp, you can either just type
gulpin a terminal window or take a look at the available commands in
The minified stylesheet is loaded from
SCRIPT_DEBUGis set to true in
Gulp has been included (version 4). If you have Gulp 3 installed globally, please use the npm scripts in package.json to run the Gulp 4 tasks, e.g.
npm run gulp. This theme will only support Gulp 4 going forward.
- The SASS partial folder structure has been designed to mimic the structure of the default Genesis Sample stylesheet. This structure was adopted to maintain the theme, going forward, as the Genesis Sample Theme is updated.
- By default, Modulus Pro does not use SASS partials or the minified stylesheet. SASS is availble for the developer and are easily enabled in the autoloader. Remember, if you choose to use them, you can load the minified stylesheet by enabling
/lib/functions/load-minified-css.phpin the autoloader.
- Add theme Options Panel to the Customizer.
- Add menu location options to Customizer.
- Add Sticky header option to Customizer.
- Develop Frontpage template.
gulp-zipto the gulp scripts.
- Continue to develop SASS functions.
Special Credit and Thank you
I want to specifically thank a few developers.
- @srikat - I have learned a lot from his tutorials and comments over the years and I appreciate the inspiration to learn more.
- @christophherr - Thank you Christoph Herr for Promethus 2. My first view of a modular child theme inspired me.
- Tonya Mork - I have learned so much on KnowtheCodePro and I appreciate the inspiration and the lessons to think differently about code.