Update on 7 Mar 2022: Follow this updated tutorial instead. — When you have a WooCommerce-powered shop in your WordPress site, assets like the following may be loading on all the pages of the site (depending on what plugins/services/theme are/is active): woocommerce-layout.csswoocommerce-smallscreen.csswoocommerce.csstwenty-seventeen.css add-to-cart.min.jsjquery.blockUI.min.jsjs.cookie.min.jswoocommerce.min.jscart-fragments.min.js If you do not have a “Add to Cart” feature in your […]
Featured
Filterable Portfolio in Genesis using Isotope
Theme version of this tutorial can be purchased from here. This tutorial provides the steps to set up a filterable portfolio in Genesis using Isotope. All the posts of the portfolio custom post type (CPT) will be set to appear on the CPT’s archive in a Masonry grid with a portfolio category filters row. Clicking […]
Genesis Sample Sass and JS Gulp Workflow
I have put together a task runner for Genesis Sample 2.6.0 yesterday based on Christoph Herr’s work. Check it out on Github This is for those that develop custom sites using the Genesis framework with Genesis Sample 2.6.0 on their localhost and want to use Sass (style.css split into partial .scss files) with a finer […]
Genesis Sample Sass
Christoph Herr has a modular starter Genesis child theme with Sass partials called Prometheus. I have taken just the Sass part from Prometheus, simplified it a bit and added a couple of partials for homepage and custom CSS. So if you are looking for Sass version of Genesis Sample 2.6.0’s style.css, click on the button […]
Full-width Landing Pages without Header and Footer for Beaver Builder and Elementor in Genesis
In the past, I wrote a tutorial on full-width pages ripe for use with page builders like Beaver Builder and Elementor. While that method works okay as long as you don’t mind the site header and footer, there may be times when you do not want those as well. Ex.: For landing pages that you […]
Masonry Grid on Content Archives with Title and Excerpt on Hover in Genesis
Updated on Feb 21, 2019 This is an updated and improved version of Masonry Grid on Category Archives with Title and Excerpt on Hover in Genesis tutorial. This tutorial provides the steps to put together a custom template part for content archives in which all actions from Genesis entry hooks are replaced with a custom […]
Gutenberg in Genesis
Neither the parent Genesis nor any of the official StudioPress child themes are Gutenberg-ready as of today. No doubt this is going to change but in the meantime, we can add support for Gutenberg in our Genesis themes and style the blocks to match the rest of the site on the frontend. This article provides […]
Dummy Content for Gutenberg
Interested in checking out the upcoming WordPress editor, Gutenberg and want a JumpStart? Here you can find sample content of several Gutenberg blocks that you can simply paste into a test page on your site. This could be useful for example, in seeing if/to what extent your theme is Gutenberg-ready and having the page ready […]
Split Navigation in Genesis Sample 2.6.0
Update on 19 Sep 2021: Updated tutorial here. This is an updated version of Split Navigation with menu items on logo’s left and right in Genesis tutorial, customized and tested in the current latest Genesis Sample, 2.6.0. in iPhone 6/7/8: Step 1 a) Decide the size of your image logo and specify twice its dimensions […]
BrowserSync in Laravel Valet
Updated on March 07, 2019 For Mac users that do not have the need to create local sites with different PHP versions, Laravel Valet is perhaps the lightest, fastest and best localhost development environment for setting up WordPress (or any other static/dynamic) sites as of today. A few reasons why I love Valet: Lightweight, super […]
Recent Comments