April 2016 - Atlanta WordPress Users Group - Child Themes
-
Upload
eric-sembrat -
Category
Education
-
view
152 -
download
0
Transcript of April 2016 - Atlanta WordPress Users Group - Child Themes
![Page 1: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/1.jpg)
Child ThemesTHEMECEPTION - THEME SANITY
![Page 2: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/2.jpg)
Body Level One
![Page 3: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/3.jpg)
![Page 4: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/4.jpg)
![Page 5: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/5.jpg)
![Page 6: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/6.jpg)
![Page 8: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/8.jpg)
Let’s Consider a Story.You’ve probably done this before…
![Page 9: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/9.jpg)
![Page 10: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/10.jpg)
![Page 11: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/11.jpg)
![Page 12: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/12.jpg)
![Page 13: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/13.jpg)
![Page 14: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/14.jpg)
![Page 15: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/15.jpg)
![Page 16: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/16.jpg)
![Page 17: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/17.jpg)
![Page 18: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/18.jpg)
*click*
![Page 19: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/19.jpg)
![Page 20: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/20.jpg)
![Page 21: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/21.jpg)
![Page 22: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/22.jpg)
![Page 23: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/23.jpg)
![Page 24: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/24.jpg)
Enter: Child ThemesIt’s all about inheritance.
![Page 25: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/25.jpg)
• Purpose• Extend, customize, override an existing theme (parent theme) without editing any of the theme’s files.
• To modify a theme while leaving the parent theme intact.
Child Themes
![Page 26: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/26.jpg)
• Parent theme can be updated without worry.• Goodbye, overwritten customizations!
• Reuse the parent theme options across multiple sites!• Customize in child themes for site-specific tweaks.
• Override, extend, or replace hooks and calls.
Benefit?
![Page 27: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/27.jpg)
Page Request
Parent Theme
Child Theme
[insert magic here]
Page Delivery
![Page 28: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/28.jpg)
• 3 things needed to create a child theme.
How to Create?
![Page 29: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/29.jpg)
1. A Folder
![Page 30: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/30.jpg)
2. style.css
![Page 31: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/31.jpg)
2. style.css
![Page 32: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/32.jpg)
2. style.css
![Page 33: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/33.jpg)
3. functions.php *
![Page 34: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/34.jpg)
You’re Done!
![Page 35: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/35.jpg)
• You created a subfolder in /wp-content/themes for your child theme.
• You created a styles.css and populated it with the comment information for WordPress to identify it as a theme (with a parent).
• You created a functions.php to store theme-specific PHP.
What did you just do?
![Page 36: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/36.jpg)
How does this help?
![Page 37: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/37.jpg)
Page Request
Parent Theme
Child Theme
[insert magic here]
Page Delivery
![Page 38: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/38.jpg)
Page Request
Parent Theme
Child Theme
[insert magic here]
Page Delivery
Hooks Added Here
Hooks Overridden Here
![Page 39: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/39.jpg)
![Page 40: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/40.jpg)
![Page 41: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/41.jpg)
![Page 42: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/42.jpg)
• You can write and include your own JS, CSS, and theme files.
• You can write your own PHP functions.php settings for:• Customize the Customizer• Customize the theme display• Customize the widget areas• etc.
• And you can write your own page templates!
Features
![Page 43: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/43.jpg)
• This is especially helpful if you have consistency on reusable components when building theme products.• Parent theme has all foundational components (widget areas, media queries, etc.)
• Child theme(s) has the unique style and theme-specific functionality.
Helpful for Frameworks
![Page 44: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/44.jpg)
• This is especially helpful if you have consistency on reusable components when building theme products.• Parent theme has all foundational components (widget areas, media queries, etc.)
• Child theme(s) has the unique style and theme-specific functionality.
Helpful for Frameworks
![Page 45: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/45.jpg)
How does this help?
![Page 46: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/46.jpg)
How does this help?
![Page 47: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/47.jpg)
How does this help?
![Page 48: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/48.jpg)
How does this help?
![Page 49: April 2016 - Atlanta WordPress Users Group - Child Themes](https://reader031.fdocuments.in/reader031/viewer/2022022411/58ece7e11a28ab11578b45f3/html5/thumbnails/49.jpg)
Page… Templates?