Lessons:19Length:2.2 hours
- Overview
- Transcript
3.1 Organizing Your Customizations
It’s always a good idea to house any customizations to an existing framework in a self-contained folder. That way, if the framework is updated later, you won’t have to try and remember which files you edited. In this lesson, learn how to set up your “custom” folder and files in a way that will give you full, future-proof control over your theme’s styling.
1.Introduction
1.1Underscores (_s) WordPress Theme Creation01:15
1.1
Underscores (_s) WordPress Theme Creation
01:15
1.2What’s in the _s Box05:47
1.2
What’s in the _s Box
05:47
2.Getting Prepped for _s Dev
2.1Set Up Your Pro WordPress Dev Environment10:35
2.1
Set Up Your Pro WordPress Dev Environment
10:35
2.2Generate _s and Setup Automation06:45
2.2
Generate _s and Setup Automation
06:45
3.Just Add Style
3.1Organizing Your Customizations07:46
3.1
Organizing Your Customizations
07:46
3.2Typography and Foundation for a Flexible Layout12:20
3.2
Typography and Foundation for a Flexible Layout
12:20
3.3Establish the Basic Overall Layout11:32
3.3
Establish the Basic Overall Layout
11:32
3.4Add Responsive Adjustments10:30
3.4
Add Responsive Adjustments
10:30
3.5Add Color, Look & Feel: Main Colors & Icons07:27
3.5
Add Color, Look & Feel: Main Colors & Icons
07:27
3.6Add Color, Look & Feel: Finer Points05:39
3.6
Add Color, Look & Feel: Finer Points
05:39
4.Customizing Theme PHP Files
4.1Better Custom Font Loading With wp_enqueue_style()06:55
4.1
Better Custom Font Loading With wp_enqueue_style()
06:55
4.2Add Touch-Friendly Responsive Menu Copy10:57
4.2
Add Touch-Friendly Responsive Menu Copy
10:57
4.3Add Featured Image Support05:56
4.3
Add Featured Image Support
05:56
4.4Add Excerpt Support and a Styled “Continue Reading” Button05:16
4.4
Add Excerpt Support and a Styled “Continue Reading” Button
05:16
4.5Add Widget Locations for the Slider and Social Icons07:21
4.5
Add Widget Locations for the Slider and Social Icons
07:21
5.Prepping the Theme for Release
5.1Add Compatibility JavaScript04:14
5.1
Add Compatibility JavaScript
04:14
5.2Theme Defaults and the "Customizer"03:30
5.2
Theme Defaults and the "Customizer"
03:30
5.3Check the Theme, Customize the Theme Info, and Package It Up06:47
5.3
Check the Theme, Customize the Theme Info, and Package It Up
06:47
6.Conclusion
6.1Wrapping Up01:25
6.1
Wrapping Up
01:25
