Join Carrie Dils for an in-depth discussion in this video Google Fonts, part of WordPress and Genesis: Building Child Themes from Scratch.
- Let's talk about fonts.…The ability to incorporate third party fonts into your site…from places like Google Fonts or Typekit…makes web design a lot more interesting.…In this movie, I'd like to show you…how to use Google Fonts in your theme.…There are two basic steps to making this happen.…The first is to include a reference…to the font style sheet in your code…and the second is to set your font family…to the desired fonts in your CSS.…Now, the Genesis sample theme started…by declaring Lato as the font family.…However, it's only doing part two,…specifying the CSS.…
There's nowhere in the code at least…that we've borrowed so far that includes the script…for bringing in the style sheet for Lato.…We're not going to use Lato.…Let's go shopping at Google Fonts for something different.…Let's pick Roboto.…Here we can see that we can select…the individual styles that we want.…The more we select, the greater the impact…on our page's load time…as we see indicated over here on this meter.…So let's go ahead and unselect the ones that we don't want…
- Why build a theme from scratch?
- Creating a theme folder
- Creating the CSS and PHP files
- Adding a theme setup function
- Adding features and functionality to your child theme
- Styling the theme
- Adding content to widgets
- Making the theme responsive with media queries
Skill Level Intermediate
1. Building a Theme
2. Setting Up Your Basic Theme Structure
3. Generating Site Features and Functionality
4. Building Out Your CSS
5. Going Further with CSS
6. Putting It All Together
Prepare your theme2m 31s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.