Your SlideShare is downloading. ×
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Introduction to the Genesis Framework, Sacramento WordPress Meetup April 2014

499

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 …

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
499
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn Genesis visual hook guide
  • 17. Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn Genesis Markup
  • 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. Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn Genesis Child Theme Templates
  • 20. Copyright © 2014 Bourn Creative, LLC. All Rights Reserved. | www.bourncreative.com | @brianbourn Genesis Child Theme Templates
  • 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. 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. 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

×