WordPress & Genesis as your start

Presentation on how Genesis on WordPress is a perfect startkit for any web development project.

Transcript

1. WordPress & Genesis as your starter theme Remkus de Vries | @DeFries 1 Saturday 29 September 12
2. Remkus de Vries @DeFries Site: http://remkusdevries.com ForSite Media http://www.forsitemedia.net WP Realm http://wprealm.com 2 Saturday 29 September 12
3. WordPress with Genesis = Best practices & endless possibilities 3 Saturday 29 September 12
4. ¿Genesis Framework? StudioPress: “A framework is a powerful type of WordPress theme that acts as a design, security, and SEO foundation for your website.” 4 Saturday 29 September 12
5. ¿Por que Genesis? • Genesis gets updated and better in sync with WordPress – Safety First – New WordPress functionalities automagically added • Best practices for SEO are already implemented • Stable, stable, stable. 5 Saturday 29 September 12
6. ¿Child Themes? Matt Mullenweg: “Child themes are the only way you should build your WordPress site on top of a framework” 6 Saturday 29 September 12
7. Child Themes to the rescue! A child theme sits on top of that framework and handles all the design and layout aspects of your website; • colors • layout • typography • extra functionalities 7 Saturday 29 September 12
8. How to make a Genesis Child theme • Create a folder in /wp-content/themes/ with the name of your new theme • Create a style.css in that folder • Create a functions.php in that folder • Have a cerveza, you’re done! 8 Saturday 29 September 12
9. Child Theme stylesheet 9 Saturday 29 September 12
10. From 10 Saturday 29 September 12
11. 11 Saturday 29 September 12
12. To 12 Saturday 29 September 12
13. 13 Saturday 29 September 12
14. Or 14 Saturday 29 September 12
15. 15 Saturday 29 September 12
16. Or 16 Saturday 29 September 12
17. 17 Saturday 29 September 12
18. Or... just as far as your imagination goes. 18 Saturday 29 September 12
19. How? 19 Saturday 29 September 12
20. This is how: • Change default stylesheet Change the default Genesis Stylesheet to whatever you want. Use the standard as your startbox. • Override default functions Want to change the position of the navigation? Different output for Post Info? Change footer? • Add extra functionality Different homepage layout? More sidebars? Custom functionality? Just add in to your child theme library. 20 Saturday 29 September 12
21. Example: 21 Saturday 29 September 12
22. Study the Codex: http://codex.wordpress.org/ 22 Saturday 29 September 12
23. To Learn about Hooks, Actions & Filters Study the Codex: http://codex.wordpress.org/ 22 Saturday 29 September 12
24. To Learn about Hooks, Actions & Filters is Study the Codex: http://codex.wordpress.org/ 22 Saturday 29 September 12
25. To Learn about Hooks, Actions & Filters is to learn about Güorpré Study the Codex: http://codex.wordpress.org/ 22 Saturday 29 September 12
26. Study the Codex: http://codex.wordpress.org/ 23 Saturday 29 September 12
27. To Learn about Hooks, Actions & Filters Study the Codex: http://codex.wordpress.org/ 23 Saturday 29 September 12
28. To Learn about Hooks, Actions & Filters is Study the Codex: http://codex.wordpress.org/ 23 Saturday 29 September 12
29. To Learn about Hooks, Actions & Filters is to learn about Genesis Study the Codex: http://codex.wordpress.org/ 23 Saturday 29 September 12
30. Hook examples • genesis_before This hook executes immediately after the opening tag in the document source. • genesis_after_loop This hook executes immediately after all loop blocks. Therefore, this hook falls outside the loop, and cannot execute functions that require loop template tags or variables. • genesis_before_header This hook executes immediately before the header (outside the #header div). 24 Saturday 29 September 12
31. How to use Hook example 25 Saturday 29 September 12
32. How to use Filter example 26 Saturday 29 September 12
33. Resources • Genesis Tutorials: http://www.studiopress.com/resources • Genesis Plugins: http://defri.es/genesisplugins • Nick Croft: http://designsbynickthegeek.com/ • Bill Erickson: http://www.billerickson.net/ • Gary Jones http://code.garyjones.co.uk/category/genesis/ • Github http://defri.es/githubgenesis • Travis Smith http://wpsmith.net/ • WP Realm.com theme https://github.com/defries/wprealm • Google is your friend 27 Saturday 29 September 12
34. ¿Preguntas? 28 Saturday 29 September 12
35. ¡Gracias! 29 Saturday 29 September 12
36. Remkus de Vries @DeFries Site: http://remkusdevries.com ForSite Media http://www.forsitemedia.net WP Realm http://wprealm.com 30 Saturday 29 September 12