Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014

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?



Reference Linkshttp://bourn.co/sacwpmeetup041

4

All the good stuff, code, resources, and more


• 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?


Wait… What?What’s a child theme?

The basics of the parent/child relationship(as it pertains to WordPress of course)


• 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


Why Choose TheGenesis Framework

The Benefits of Using Genesis For Your Themes


• 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


• Built in widgets

• Built in layout options

• GPL like WordPress

• Genesis specific plugins

• Built entirely with hooks& filters

Genesis Framework


What Are HooksAnd Filters?

What they are, what they do, how you can use them.


• 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?


Use a hook when you want to add custom code somewhere in the theme or remove / move a Genesis default feature.

Action Hooks


Use a filter hook when you want to manipulate the output of data / change a Genesis default.

Filter hooks


How to Get Started

Recommendations, resources, code, and more.


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


Genesis visual hook guide


Genesis Markup


• 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


Genesis Child Theme Templates


Genesis Child Theme Templates


• Start with functions.php

• Standard template hierarchy

• Custom templates

• Check for php errors & HTML output

• CSS & jQuery

• Responsive design

Our Workflow


• 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


Thank You!Time For Questions…

Check us out: www.bourncreative.comLet’s connect on Twitter: @brianbourn

Design

Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014