Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbournCopyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
Introduction To TheGenesis Framework
Sacramento WordPress Meetup April 2014
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
• Co-owner of Bourn Creative
• Print, brand, & web design
• Founded 2005
• WordPress since 2008
• StudioPress recommendeddevelopers
So, who are you?
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbournCopyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
Reference Linkshttp://bourn.co/sacwpmeetup041
4
All the good stuff, code, resources, and more
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
• Commercial theme frameworkfrom StudioPress.com
• Acts as a foundation for design,security, and SEO
• Used by 100,000+ customers
• "Super" theme to be used a base for child theme creation
What is Genesis?
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbournCopyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
Wait… What?What’s a child theme?
The basics of the parent/child relationship(as it pertains to WordPress of course)
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
• A WordPress child theme inherits the functionality of another theme, called the parent theme
• Child themes allow you to modify, or add to the functionality of that parent theme
• Safest and easiest way to modify an existing theme
Child Theme
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbournCopyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
Why Choose TheGenesis Framework
The Benefits of Using Genesis For Your Themes
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
• Theme markup optimized for SEO & HTMl5
• Schema.org integration
• Parent theme does not add any styles
• Minimal theme settings
• Security audited by one of WordPress' lead developers
Genesis Framework
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
• Built in widgets
• Built in layout options
• GPL like WordPress
• Genesis specific plugins
• Built entirely with hooks& filters
Genesis Framework
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbournCopyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
What Are HooksAnd Filters?
What they are, what they do, how you can use them.
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
• A hook is used to alter software behavior.
• In WordPress, there are 2 basic types of hooks
• “Action Hooks” & “Filter Hooks”
• Action Hooks “do_stuff”
• Filter Hooks “change_stuff”
What Is A Hook?
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
Use a hook when you want to add custom code somewhere in the theme or remove / move a Genesis default feature.
Action Hooks
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
Use a filter hook when you want to manipulate the output of data / change a Genesis default.
Filter hooks
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbournCopyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
How to Get Started
Recommendations, resources, code, and more.
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
Getting started
• Genesis visual hook guide
• Genesis visual markup guide
• Well documented code
• Read /lib/structure/ folder for finding most hooks
• Genesis sample theme or pre-designed
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
Genesis visual hook guide
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
Genesis Markup
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
• Can be as minimal as a functions.php & CSS file
• Only add files as needed
• Follow WordPress template hierarchy
• Custom page templates
Child Theme Development
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
Genesis Child Theme Templates
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
Genesis Child Theme Templates
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
• Start with functions.php
• Standard template hierarchy
• Custom templates
• Check for php errors & HTML output
• CSS & jQuery
• Responsive design
Our Workflow
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
• Free forum on StudioPress.com
• #genesiswp on Twitter
• Google+ Community
• Facebook Group (invite only)
• 3rd party free & premium plugins / themes
• 100's of blog posts & tutorials specific to Genesis
Community
Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbournCopyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
Thank You!Time For Questions…
Check us out: www.bourncreative.comLet’s connect on Twitter: @brianbourn