The document discusses the Genesis framework and how it uses hooks and filters for theme development. It provides examples of how action hooks can remove and add content blocks, and how filter hooks can modify content pieces. It then demonstrates several examples of using Genesis hooks to customize a theme, such as switching sidebars on a category page, repositioning entry meta, and adding custom schemas. The document concludes by providing resources for working with Genesis hooks.

1. The Genesis Framework:
ooks and Filters
for Theme Development
H

2. Genesis Framework
a premium theme from StudioPress.com

3. Why I Like Genesis
• WordPress-like: uses child themes, template hierarchy,
hooks, css in stylesheet
• Adds 50+ action and filter hooks to add and remove
content
• Well-documented child themes that you can actually
read through and learn how Genesis works
• Adds only 2 settings pages in admin
• Great community of searchable snippets, tutorials, and
forums where you can give and receive help

4. How do
Genesis hooks
work?

5. “It’s like
making sites
out of Lego”
~ Dee Teal, thewebprincess.com

7. Action Hooks
Help Us Move Blocks of Content

8. Action hooks can do this…
Before After

9. Hooks in Action
1. Remove from current position
2. Add to new position

10. Action hooks in child theme
PHP code in functions.php
CSS code in style.css

11. Filter Hooks
Help Us Change Pieces of Content

12. Filter hooks can do this…
Before After

13. Filters in Action
1. Hook into function via a filter
2. Make changes

14. Why use
Genesis hooks?

15. Use Genesis Hooks to…
• Change the structure of your website
• Change the HTML output
• Customize the loop
• Add a new widget area
• Insert ads or other content
in specific places

16. Let’s practice
using hooks!

17. Before After
Switch Sidebar
on ‘Books’ Category
http://sarah-moyer.com/wclanc2015/category/books
1

18. PHP code in functions.php
Switch Sidebar on ‘Books’ Category

19. Switch Sidebar on ‘Books’ Category
http://sarah-moyer.com/wclanc2015/category/books

20. Reposition
the Entry Meta
2

21. PHP code in functions.php
CSS code in style.css
Reposition the Entry Meta

22. Reposition the Entry Meta

23. Before After
Customize
the Entry Meta
3

24. PHP code in functions.php
Customize the Entry Meta

25. Customize the Entry Meta

26. Before After
Reposition
Page & Post Titles
4

27. PHP code in functions.php
Reposition Page & Post Titles

28. Reposition Page & Post Titles

29. PHP code in functions.php
Reposition Page & Post Titles
CSS code in style.css

30. Reposition Page & Post Titles

31. Add Custom Schema5
HTML Inspect View in Chrome

32. PHP code in functions.php
Add Custom Schema

33. Add a Widget Area6

34. PHP code in functions.php
Add a Widget Area
Appearance > Widgets

35. Appearance > Widgets
Add a Widget Area
PHP code in functions.php

36. PHP code in functions.php
Add a Widget Area

37. Add a Widget Area

38. List Posts
Tagged ‘genesis’
7

39. PHP code in functions.php
List Posts Tagged ‘genesis’

40. CSS code in style.css
List Posts Tagged ‘genesis’

41. List Posts Tagged ‘genesis’

42. Create
a Landing Page
8
Before After

43. Page Template in themes/wclanc2015/page_landing.php

44. Create a Landing Page
Choose Template: Landing

45. Create a Landing Page

46. Resources
to Get Started

47. Genesis Visual Hook Guide
http://genesistutorials.com/visual-hook-guide/

48. Plugins
from WordPress.org plugin repository
• Visual Hook Guide plugin
see hooks in your own theme
• Genesis Simple Hooks plugin
easy access to Genesis hooks

49. Tutorials, Snippets, & More
from WordPress.org plugin repository
• http://studiopress.com/snippets
• http://studiopress.com/tutorials
• http://studiopress.com/resources
(tuts by the community)
• http://studiopress.com/forums

50. Additional Resources
• SLIDE 2 - Buy Genesis
http://studiopress.com/themes
• SLIDE 3 - Building Child Themes
http://my.studiopress.com/docs/
building-child-themes/ (members only)
http://studiopress.com/free-themes/
sample
• SLIDE 18 - Conditional Tags
http://codex.wordpress.org/
Conditional_Tags
• SLIDE 24 - PHP Datetime Formats
http://php.net/manual/en/
datetime.formats.date.php
• SLIDE 24 - Genesis Shortcode Reference
http://my.studiopress.com/docs/shortcode-
reference/ (members only)
• SLIDE 31 - Schema.org Full List
http://schema.org/docs/full.html
• SLIDE 39 - Customize WordPress Query
http://www.billerickson.net/custom-
wordpress-queries/
• Search for WordPress Hooks
https://developer.wordpress.org/reference/

51. Thanks
for listening!
Any questions?
sarah-moyer.com linkedin.com/in/sarahmoyer be.net/moyer