12 Days Of Coding: How To Create And Customize A SASS/SCSS Version Of The Genesis Sample Theme Using Themer Pro And Instant IDE

In this 12 Days Of Coding tutorial I walk through the process of creating a custom Genesis Sample Theme that is pre-configured for SASS/SCSS compiling. Using both Themer Pro and Instant IDE I show you how you can easily compile SCSS code using these powerful WordPress DEV Tools, with each including the ability to auto-compile SCSS code with each save to changes made to your .scss files. I also go over some basic ideas behind preprocessors such as SASS/SCSS, like variables, mixins, and includes.

Read more “12 Days Of Coding: How To Create And Customize A SASS/SCSS Version Of The Genesis Sample Theme Using Themer Pro And Instant IDE”

12 Days Of Coding: How To Add Custom Body Classes Using The Twenty Twenty Theme, Themer Pro, And A Little PHP Code

In this 12 Days Of Coding post we will be creating a custom Twenty Twenty Child Theme using our Themer Pro Plugin, and then still using Themer Pro, we will play with some custom PHP code to filter in some custom body classes as well as tweak the styles using CSS. Our code reference point is on this WP codex page that explains the WordPress body_class function that we’ll be working with.

Read more “12 Days Of Coding: How To Add Custom Body Classes Using The Twenty Twenty Theme, Themer Pro, And A Little PHP Code”

How To Create A SASS And Gulp Version Of The Genesis Sample Theme And Then Customize It The Easy Way

Yesterday I was reading through some of the posts in the Genesis WordPress Facebook group when I stumbled upon a thread where quite a few Genesis users were discussing the best way to create a SASS, and even Gulp ready, version of the Genesis Sample Theme. Some suggested solutions, but then clarified that these were outdated and therefore not really useful at this point in time. Also mentioned was the fact that even once you get a Sassified Sample stylesheet you are then confronted with the sometimes difficult feat of figuring out how to compile the SCSS code. It was like they were describing all that makes our Themer Pro Plugin awesome, but without realizing that it existed. I couldn’t help but chime in! 🙂

Read more “How To Create A SASS And Gulp Version Of The Genesis Sample Theme And Then Customize It The Easy Way”