Your SlideShare is downloading. ×
0
An introduction to StudioPress child themes * providing you’re better at making graphics than I am.
John Hawkins <ul><li>WordPress Developer at 9seeds.com </li></ul><ul><li>WordCamp Groupie </li></ul><ul><li>Geek (you prob...
Genesis is a premium theme. I do not work for StudioPress. I’m just a bit of a fanboy.
Nope! There are plenty of frameworks to choose from. Headway, Thematic, TwentyTen
What is a Child Theme? <ul><li>Requires as little as a style.css file containing a tag like: Template: genesis </li></ul><...
What is a Parent Theme? <ul><li>Contains the default theme files </li></ul><ul><li>Hooks & Filters </li></ul><ul><li>Built...
Parent Vs Child File List <ul><li>Genesis File List </li></ul><ul><li>Agency File List </li></ul>
http://codex.wordpress.org/images/1/18/Template_Hierarchy.png
 
 
 
 
 
 
 
Before You Start <ul><li>Create a new folder in /wp-content/themes/ </li></ul><ul><li>Copy child-theme files in to new fol...
 
 
 
Ended With This <ul><li>Replaced 4 graphics </li></ul><ul><li>Added a logo </li></ul><ul><li>Tweaked CSS </li></ul><ul><ul...
 
 
home.php
 
Using hooks & filters
Default Content
single.php Note: Look in the functions.php file of any Genesis child theme for all sorts of goodies like this.
Updated Content
Custom Content Function
Customized Output
Remove Actions <ul><li>remove_action(activate_genesis-simple-hooks/plugin.php,simplehooks_activation_check); </li></ul><ul...
 
/wp-includes/plugins.php
Additional Resources <ul><li>http://codex.wordpress.org/Child_Themes </li></ul><ul><li>http://dev.studiopress.com </li></u...
Thanks for Listening! <ul><li>Email: john@9seeds.com </li></ul><ul><li>Twitter: @vegasgeek </li></ul><ul><li>Skype: vegasg...
Upcoming SlideShare
Loading in...5
×

WordCamp Reno 2011 - Intro to Genesis Child Themes

1,802

Published on

These are the slides from my presentation at WordCamp Reno 2011

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,802
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Each theme contains a PSD folder inside the images folder that contains layered files for each graphic you may want to change.
  • Each theme contains a PSD folder inside the images folder that contains layered files for each graphic you may want to change.
  • Each theme contains a PSD folder inside the images folder that contains layered files for each graphic you may want to change.
  • Each theme contains a PSD folder inside the images folder that contains layered files for each graphic you may want to change.
  • Each theme contains a PSD folder inside the images folder that contains layered files for each graphic you may want to change.
  • Transcript of "WordCamp Reno 2011 - Intro to Genesis Child Themes"

    1. 1. An introduction to StudioPress child themes * providing you’re better at making graphics than I am.
    2. 2. John Hawkins <ul><li>WordPress Developer at 9seeds.com </li></ul><ul><li>WordCamp Groupie </li></ul><ul><li>Geek (you probably guessed that part) </li></ul>
    3. 3. Genesis is a premium theme. I do not work for StudioPress. I’m just a bit of a fanboy.
    4. 4. Nope! There are plenty of frameworks to choose from. Headway, Thematic, TwentyTen
    5. 5. What is a Child Theme? <ul><li>Requires as little as a style.css file containing a tag like: Template: genesis </li></ul><ul><li>Uses template files from a parent theme, unless you tell it otherwise. </li></ul>
    6. 6. What is a Parent Theme? <ul><li>Contains the default theme files </li></ul><ul><li>Hooks & Filters </li></ul><ul><li>Built in functionality </li></ul>
    7. 7. Parent Vs Child File List <ul><li>Genesis File List </li></ul><ul><li>Agency File List </li></ul>
    8. 8. http://codex.wordpress.org/images/1/18/Template_Hierarchy.png
    9. 16. Before You Start <ul><li>Create a new folder in /wp-content/themes/ </li></ul><ul><li>Copy child-theme files in to new folder </li></ul><ul><li>Edit style.css to rename theme </li></ul><ul><li>Replace screenshot.png </li></ul>
    10. 20. Ended With This <ul><li>Replaced 4 graphics </li></ul><ul><li>Added a logo </li></ul><ul><li>Tweaked CSS </li></ul><ul><ul><li>Added Logo </li></ul></ul><ul><ul><li>Google Fonts </li></ul></ul><ul><ul><li>Font Colors </li></ul></ul>
    11. 23. home.php
    12. 25. Using hooks & filters
    13. 26. Default Content
    14. 27. single.php Note: Look in the functions.php file of any Genesis child theme for all sorts of goodies like this.
    15. 28. Updated Content
    16. 29. Custom Content Function
    17. 30. Customized Output
    18. 31. Remove Actions <ul><li>remove_action(activate_genesis-simple-hooks/plugin.php,simplehooks_activation_check); </li></ul><ul><li>remove_action(genesis_init,simplehooks_execute_hooks); </li></ul><ul><li>remove_action(genesis_init,genesis_theme_support); </li></ul><ul><li>remove_action(genesis_init,genesis_constants); </li></ul><ul><li>remove_action(genesis_init,genesis_load_framework); </li></ul><ul><li>remove_action(genesis_before_loop,genesis_do_breadcrumbs); </li></ul><ul><li>remove_action(genesis_upgrade,genesis_upgrade_redirect); </li></ul><ul><li>remove_action(genesis_init,genesis_create_initial_layouts); </li></ul><ul><li>remove_action(genesis_setup,genesis_register_default_widget_areas); </li></ul><ul><li>remove_action(genesis_doctype,genesis_do_doctype); </li></ul><ul><li>remove_action(genesis_site_title,genesis_seo_site_title); </li></ul><ul><li>remove_action(genesis_site_description,genesis_seo_site_description); </li></ul><ul><li>remove_action(genesis_title,wp_title); </li></ul><ul><li>remove_action(genesis_meta,genesis_seo_meta_description); </li></ul><ul><li>remove_action(genesis_meta,genesis_seo_meta_keywords); </li></ul><ul><li>remove_action(genesis_meta,genesis_robots_meta); </li></ul><ul><li>remove_action(genesis_meta,genesis_show_theme_info_in_head); </li></ul><ul><li>remove_action(genesis_meta,genesis_load_favicon); </li></ul><ul><li>remove_action(genesis_header,genesis_header_markup_open); </li></ul><ul><li>remove_action(genesis_header,genesis_header_markup_close); </li></ul><ul><li>remove_action(genesis_header,genesis_do_header); </li></ul><ul><li>remove_action(genesis_before_footer,genesis_footer_widget_areas); </li></ul><ul><li>remove_action(genesis_footer,genesis_footer_markup_open); </li></ul><ul><li>remove_action(genesis_footer,genesis_footer_markup_close); </li></ul><ul><li>remove_action(genesis_footer,genesis_do_footer); </li></ul><ul><li>remove_action(genesis_after_header,genesis_do_nav); </li></ul><ul><li>remove_action(genesis_after_header,genesis_do_subnav); </li></ul><ul><li>remove_action(genesis_meta,genesis_load_stylesheet); </li></ul><ul><li>remove_action(genesis_after_content,genesis_get_sidebar); </li></ul><ul><li>remove_action(genesis_after_content_sidebar_wrap,genesis_get_sidebar_alt); </li></ul><ul><li>remove_action(genesis_before_post_title,genesis_do_post_format_image); </li></ul><ul><li>remove_action(genesis_post_title,genesis_do_post_title); </li></ul><ul><li>remove_action(genesis_post_content,genesis_do_post_image); </li></ul><ul><li>remove_action(genesis_post_content,genesis_do_post_content); </li></ul><ul><li>remove_action(genesis_loop_else,genesis_do_noposts); </li></ul><ul><li>remove_action(genesis_before_post_content,genesis_post_info); </li></ul><ul><li>remove_action(genesis_after_post_content,genesis_post_meta); </li></ul><ul><li>remove_action(genesis_after_post,genesis_do_author_box_single); </li></ul><ul><li>remove_action(genesis_after_endwhile,genesis_posts_nav); </li></ul><ul><li>remove_action(genesis_loop,genesis_do_loop); </li></ul><ul><li>remove_action(genesis_after_post,genesis_get_comments_template); </li></ul><ul><li>remove_action(genesis_comments,genesis_do_comments); </li></ul><ul><li>remove_action(genesis_pings,genesis_do_pings); </li></ul><ul><li>remove_action(genesis_list_comments,genesis_default_list_comments); </li></ul><ul><li>remove_action(genesis_list_pings,genesis_default_list_pings); </li></ul><ul><li>remove_action(genesis_comment_form,genesis_do_comment_form); </li></ul><ul><li>remove_action(genesis_sidebar,genesis_do_sidebar); </li></ul><ul><li>remove_action(genesis_sidebar_alt,genesis_do_sidebar_alt); </li></ul><ul><li>remove_action(genesis_before_loop,genesis_do_taxonomy_title_description); </li></ul><ul><li>remove_action(genesis_before_loop,genesis_do_author_title_description); </li></ul><ul><li>remove_action(genesis_before_loop,genesis_do_author_box_archive); </li></ul><ul><li>remove_action(genesis_before_header,ifb_include_topnav); </li></ul><ul><li>remove_action(genesis_footer,ifb_include_footnav); </li></ul>http://9seeds.com/remove-actions/
    19. 33. /wp-includes/plugins.php
    20. 34. Additional Resources <ul><li>http://codex.wordpress.org/Child_Themes </li></ul><ul><li>http://dev.studiopress.com </li></ul><ul><li>http://studiopress.com/support </li></ul>
    21. 35. Thanks for Listening! <ul><li>Email: john@9seeds.com </li></ul><ul><li>Twitter: @vegasgeek </li></ul><ul><li>Skype: vegasgeek </li></ul>
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×