Join Carrie Dils for an in-depth discussion in this video Default HTML elements, part of WordPress and Genesis: Building Child Themes from Scratch.
- In the last movie, we saw the HTML5 Reset…gave us a baseline default for our styles…but it's up to us to define the specific styles we want…for basic HTML elements,…things like links, headings, typography, et cetera.…So let's go back that Genesis sample theme…style sheet and see how they're defining all these defaults.…So here they've got defaults for Typographical Elements,…Headings, Objects,…those are going to be things like images and iframes,…Image Galleries, Forms, and Tables.…
They've also got Screen Reader Text.…I'm going to talk about that a bit later.…If you're building a one-off theme for a client,…you may not not need all of these items.…For instance, your site may not include any forms…so you can leave that part out.…If you'll be sharing your theme with others though,…you want all of those default elements…defined in your style sheet…so that as people use your theme in different ways,…all styles are accounted for.…I'm going to take this code wholesale…and then we'll go through it to see what everything does.…
- 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.