Join Carrie Dils for an in-depth discussion in this video Register widget areas, part of WordPress and Genesis: Building Child Themes from Scratch.
- Widgets are an awesome feature in WordPress.…For a theme user, they don't require code…or any particular expertise and they offer…some control of the design, structure of the site.…Now, we're not creating widgets in this course…but we are going to create some widget areas…and this is where users can eventually drag and drop…their desired widgets.…How you decide to use widget areas on your theme…depends heavily on the eventual purpose of the theme.…For our client, you might opt to use fewer widget areas…and rely more on custom styles or templates…as it's not intended for the client…to go about moving these things.…
On the other hand, if you're creating a theme…that you want to distribute using a lot of widget areas…as a great way to give control…and flexibility to the end of user.…I'm going to show you a couple of options…for adding widget areas to your theme.…For starters, we're going to use this code…over on the studiopress.com tutorial…for how to register a widget area.…I'll copy that and paste it…directly into my set up function.…
Author
Released
11/23/2015- 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
Duration
Views
Related Courses
-
CSS: Selectors
with James Williamson4h 7m Intermediate
-
Introduction
-
Welcome52s
-
Tools you'll need2m 9s
-
Exercise files24s
-
Challenges15s
-
-
1. Building a Theme
-
2. Setting Up Your Basic Theme Structure
-
Create your theme folder1m 29s
-
Create style.css4m 42s
-
Create functions.php3m 49s
-
Create front-page.php2m 36s
-
Import demo content2m 27s
-
-
3. Generating Site Features and Functionality
-
Add theme support options4m 35s
-
Remove Genesis defaults4m 53s
-
Register widget areas4m 28s
-
-
4. Building Out Your CSS
-
Add HTML5 Reset2m 2s
-
Default HTML elements3m 19s
-
Structure and layout5m 53s
-
Navigation style3m 56s
-
Google Fonts6m
-
Add content to widget areas2m 45s
-
Finish the front page2m 57s
-
-
5. Going Further with CSS
-
Media queries46s
-
Sass1m 8s
-
-
6. Putting It All Together
-
Prepare your theme2m 31s
-
-
Conclusion
-
Next steps38s
-
- 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.
CancelTake 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.
Share this video
Embed this video
Video: Register widget areas