Adding Google Fonts into your WordPress website is a two-step process, which requires you to add CSS and PHP to your theme or plugin. Many people forget to do one of the steps. In this hands-on lab, you will write the code while I walk you through it step-by-step.
Labs
Labs are hands-on coding projects that you build along with Tonya as she explains the code, concepts, and thought processes behind it. You can use the labs to further your code knowledge or to use right in your projects. Each lab ties into the Docx to ensure you have the information you need.
Each lab is designed to further your understanding and mastery of code. You learn more about how to think about its construction, quality, maintainability, programmatic and logical thought, and problem-solving. While you may be building a specific thing, Tonya presents the why of it to make it adaptable far beyond that specific implementation, thereby giving you the means to make it your own, in any context.
Where does Genesis load the style.css file?
In this episode, you will discover where in the Genesis framework does it load the child theme’s stylesheet style.css file.
Asset Version Control using the Genesis Constant
The Genesis framework provides you with a constant, which you use in the child theme. This constant defines the theme’s version. That version is then appended to each asset during the enqueuing process. In this episode, you will take a look at how this works.
Browser Local Cache and Version Control
Let’s talk about the web browser. The browser is capable of storing a local copy of the assets (stylesheets, scripts, etc.). It does this to save web page load time. After the first visit to a page, the next time the person comes to the same page, it will load faster. Why? The browser doesn’t have to request those files from the server again. Nope, it kept a local copy in the computer’s cache. In this episode, you will also see how WordPress appends the version on to the end of the asset’s URL in order to make it unique […]
Lab Introduction
Let me introduce you to the lab, as well as the problem you may be experiencing.
Genesis Version – Ensure Your Latest Changes Go Out to the Browser
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. In this lab, you will learn how to make sure your changes are sent out to the browser using the constant Genesis provides for you.