introduction to the genesis framework, sacramento wordpress meetup april 2014
DESCRIPTION
Presentation by Brian Bourn of Sacramento design company, Bourn Creative about rapid theme development using the Genesis Framework by StudioPress. The Genesis Framework is a commercial theme framework that is optimized for flexibility, customization, and SEO. Focus for this talk is focused on beginning to intermediate designers & developers, and anyone else interested in learning about WordPress theme development.TRANSCRIPT
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