Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014

971 views

Published on

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.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
971
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014

  1. 1. 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 The Genesis Framework Sacramento WordPress Meetup April 2014
  2. 2. 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 recommended developers So, who are you? Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn
  3. 3. Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbournCopyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn Reference Links http://bourn.co/sacwpmeetup0414 All the good stuff, code, resources, and more
  4. 4. Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn • Commercial theme framework from 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?
  5. 5. 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)
  6. 6. 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
  7. 7. 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 The Genesis Framework The Benefits of Using Genesis For Your Themes
  8. 8. 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
  9. 9. 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
  10. 10. 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 Hooks And Filters? What they are, what they do, how you can use them.
  11. 11. 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?
  12. 12. 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
  13. 13. 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
  14. 14. 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.
  15. 15. 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
  16. 16. Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn Genesis visual hook guide
  17. 17. Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn Genesis Markup
  18. 18. 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
  19. 19. Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn Genesis Child Theme Templates
  20. 20. Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn Genesis Child Theme Templates
  21. 21. 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
  22. 22. 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
  23. 23. 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.com Let’s connect on Twitter: @brianbourn

×