35
From Start to Awesome in Under an Hour* An introduction to StudioPress child themes * providing you’re better at making graphics than I am.

Intro to StudioPress child themes

Embed Size (px)

Citation preview

Page 1: Intro to StudioPress child themes

From Start to Awesome in Under an Hour*

An introduction to StudioPress child themes

* providing you’re better at making graphics than I am.

Page 2: Intro to StudioPress child themes

John HawkinsWordPress Developerat 9seeds.com

WordCamp Groupie

Geek(you probably guessed that part)

Page 3: Intro to StudioPress child themes

DISCLAIMER!Genesis is a premium theme.

I do not work for StudioPress.I’m just a bit of a fanboy.

Page 4: Intro to StudioPress child themes

Do I have to use Genesis?Nope!

There are plenty of frameworks to choose from.

Headway, Thematic, TwentyTen

Page 5: Intro to StudioPress child themes

What is a Child Theme?Requires as little as a style.css file containing

a tag like:Template: genesis

Uses template files from a parent theme, unless you tell it otherwise.

Page 6: Intro to StudioPress child themes

What is a Parent Theme?Contains the default theme filesHooks & FiltersBuilt in functionality

Page 7: Intro to StudioPress child themes

Parent Vs Child File ListGenesis File List Agency File List

Page 8: Intro to StudioPress child themes

Template Hierarchy

http://codex.wordpress.org/images/1/18/Template_Hierarchy.png

Page 9: Intro to StudioPress child themes

Genesis Options Page

Page 10: Intro to StudioPress child themes

Genesis Widgets

Page 11: Intro to StudioPress child themes

Category/Page Nav Menus

Page 12: Intro to StudioPress child themes

User Profile

Page 13: Intro to StudioPress child themes

Featured Page

Page 14: Intro to StudioPress child themes

Featured Posts

Page 15: Intro to StudioPress child themes

Time to Customize

Page 16: Intro to StudioPress child themes

Before You StartCreate a new folder in /wp-content/themes/Copy child-theme files in to new folderEdit style.css to rename themeReplace screenshot.png

Page 17: Intro to StudioPress child themes

Swapping Graphics, FTW!

Page 18: Intro to StudioPress child themes

Inspect Element

Page 19: Intro to StudioPress child themes

Started With This

Page 20: Intro to StudioPress child themes

Ended With ThisReplaced 4 graphicsAdded a logoTweaked CSS

Added LogoGoogle FontsFont Colors

Page 21: Intro to StudioPress child themes

Tweaking a Template

Page 22: Intro to StudioPress child themes
Page 23: Intro to StudioPress child themes

home.php

Page 24: Intro to StudioPress child themes
Page 25: Intro to StudioPress child themes

Custom Post OutputUsing hooks & filters

Page 26: Intro to StudioPress child themes

Default Content

Page 27: Intro to StudioPress child themes

single.php

Note: Look in the functions.php file of any Genesis child theme for all sorts of goodies like this.

Page 28: Intro to StudioPress child themes

Updated Content

Page 29: Intro to StudioPress child themes

Custom Content Function

Page 30: Intro to StudioPress child themes

Customized Output

Page 31: Intro to StudioPress child themes

Remove Actions remove_action(activate_genesis-simple-hooks/

plugin.php,simplehooks_activation_check); remove_action(genesis_init,simplehooks_execute_hooks); remove_action(genesis_init,genesis_theme_support); remove_action(genesis_init,genesis_constants); remove_action(genesis_init,genesis_load_framework); remove_action(genesis_before_loop,genesis_do_breadcrumbs); remove_action(genesis_upgrade,genesis_upgrade_redirect); remove_action(genesis_init,genesis_create_initial_layouts); remove_action(genesis_setup,genesis_register_default_widget_areas

); remove_action(genesis_doctype,genesis_do_doctype); remove_action(genesis_site_title,genesis_seo_site_title); remove_action(genesis_site_description,genesis_seo_site_description

); remove_action(genesis_title,wp_title); remove_action(genesis_meta,genesis_seo_meta_description); remove_action(genesis_meta,genesis_seo_meta_keywords); remove_action(genesis_meta,genesis_robots_meta); remove_action(genesis_meta,genesis_show_theme_info_in_head); remove_action(genesis_meta,genesis_load_favicon); remove_action(genesis_header,genesis_header_markup_open); remove_action(genesis_header,genesis_header_markup_close); remove_action(genesis_header,genesis_do_header); remove_action(genesis_before_footer,genesis_footer_widget_areas); remove_action(genesis_footer,genesis_footer_markup_open); remove_action(genesis_footer,genesis_footer_markup_close); remove_action(genesis_footer,genesis_do_footer); remove_action(genesis_after_header,genesis_do_nav); remove_action(genesis_after_header,genesis_do_subnav);

remove_action(genesis_meta,genesis_load_stylesheet); remove_action(genesis_after_content,genesis_get_sidebar); remove_action(genesis_after_content_sidebar_wrap,genesis_get_sideba

r_alt); remove_action(genesis_before_post_title,genesis_do_post_format_imag

e); remove_action(genesis_post_title,genesis_do_post_title); remove_action(genesis_post_content,genesis_do_post_image); remove_action(genesis_post_content,genesis_do_post_content); remove_action(genesis_loop_else,genesis_do_noposts); remove_action(genesis_before_post_content,genesis_post_info); remove_action(genesis_after_post_content,genesis_post_meta); remove_action(genesis_after_post,genesis_do_author_box_single); remove_action(genesis_after_endwhile,genesis_posts_nav); remove_action(genesis_loop,genesis_do_loop); remove_action(genesis_after_post,genesis_get_comments_template); remove_action(genesis_comments,genesis_do_comments); remove_action(genesis_pings,genesis_do_pings); remove_action(genesis_list_comments,genesis_default_list_comments); remove_action(genesis_list_pings,genesis_default_list_pings); remove_action(genesis_comment_form,genesis_do_comment_form); remove_action(genesis_sidebar,genesis_do_sidebar); remove_action(genesis_sidebar_alt,genesis_do_sidebar_alt); remove_action(genesis_before_loop,genesis_do_taxonomy_title_descrip

tion); remove_action(genesis_before_loop,genesis_do_author_title_descriptio

n); remove_action(genesis_before_loop,genesis_do_author_box_archive); remove_action(genesis_before_header,ifb_include_topnav); remove_action(genesis_footer,ifb_include_footnav);

http://9seeds.com/remove-actions/

Page 32: Intro to StudioPress child themes
Page 33: Intro to StudioPress child themes

/wp-includes/plugins.php

Page 34: Intro to StudioPress child themes

Additional Resourceshttp://codex.wordpress.org/Child_Themeshttp://dev.studiopress.comhttp://studiopress.com/support

Page 35: Intro to StudioPress child themes

Thanks for Listening!Email: [email protected]: @vegasgeekSkype: vegasgeek