Genesis Version – Ensure Your Latest Changes Go Out to the Browser

Every time you make a change in an asset, such as the stylesheet or JavaScript file, you need to change your version. Why? Because browsers can cache a local copy of those files to help speed up the page loading on subsequent visits to a web page. Have you ever had the problem where you made a change, pushed it to your client’s server, and then they say they can’t see the changes? So you tell them to clear their browser’s cache and that solves the problem. That’s not a solution. Why? Because then every person who came to their website previously would have to clear their browser too. That’s not realistic, is it? Nope.

Instead, Genesis provides the means for you to change the version which then changes the asset’s URL. The browser will see the change and request a new copy.

What You Will Learn

In this lab, you will:

1. learn about how Genesis and WordPress work together to provide the versioning
2. see how the asset’s URL works in the browser
3. see the common constant that Genesis provides for the child theme
4. increment (uptick) the version and see how it changes in the browser
5. see where Genesis loads the stylesheet

Additional Learning

14 Episodes
02:27:07 Runtime

Automate Asset Versioning - Better Asset Versioning

In Part 1 of the Better Asset Versioning, we are looking at the version number that is applied to each asset resource, i.e. our scripts, fonts, and stylesheets. We are highly inefficient with this process. Let's eliminate the hard coding of version numbers when we enqueue. Let's build a better strategy for version numbers when in development mode. Let's automate versioning and improve our build process.

Learn more

What to Do Next?

10 Episodes
01:27:22 Runtime

Customizing the Read More Link in Genesis

The Genesis framework defaults to a standard read more link which looks like [Read more...]. But what if you want to read Continue reading, Learn more, or whatever? What if you want it to be on a separate line in its own paragraph? What if you want it to look like a button instead of just a standard link? Well, then this lab is for you. In this lab, you will customize your Genesis child theme, any child theme, to fit your project's needs. Yes, you will be doing all of these customization features.

Learn more

Check out the Genesis Theming Framework for more hands-on labs, insights, Docx, and more.