Join Carrie Dils for an in-depth discussion in this video Finish the front page, part of WordPress and Genesis: Building Child Themes from Scratch.
- Now that we have the basic styles in place,…for our header, navigation, sidebar…and footer areas, it's time to turn…our attention to this front page.…What we have here are those two…custom widget areas that we added…and then a list of blog posts in our sidebar.…I would like this welcome area…to have a nice, large photo behind it…and I want to center this text…and also make the header bigger.…For the call to action section,…I'd like the text about signing up…for the newsletter to be on the left…and then the actual signup form on the right.…
Earlier, when we created frontpage.php,…we set up functions to display these widgets…and it included a little bit of surrounding markup.…This markup is what we can use…to target those widgets in our code.…So, here we have a class of "home welcome" and…a wrap for the "home welcome" widget area…and for the "call to the action" widget…and outer div with a class of call to action…and then a wrap within that.…
(keyboard typing, clicking)…Once again, in the interest of time…I'm copying/pasting some code that I've already created.…
- 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?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.