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
   

   View Slide

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
   

   View Slide

3. WordPress with Genesis
   =
   Best practices &
   endless possibilities
   3
   Saturday 29 September 12
   

   View Slide

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
   

   View Slide

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
   

   View Slide

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
   

   View Slide

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
   

   View Slide

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
   

   View Slide

9. Child Theme stylesheet
   9
   Saturday 29 September 12
   

   View Slide

10. From
    10
    Saturday 29 September 12
    

    View Slide

11. 11
    Saturday 29 September 12
    

    View Slide

12. To
    12
    Saturday 29 September 12
    

    View Slide

13. 13
    Saturday 29 September 12
    

    View Slide

14. Or
    14
    Saturday 29 September 12
    

    View Slide

15. 15
    Saturday 29 September 12
    

    View Slide

16. Or
    16
    Saturday 29 September 12
    

    View Slide

17. 17
    Saturday 29 September 12
    

    View Slide

18. Or... just as far as your
    imagination goes.
    18
    Saturday 29 September 12
    

    View Slide

19. How?
    19
    Saturday 29 September 12
    

    View Slide

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
    

    View Slide

21. Example:
    21
    Saturday 29 September 12
    

    View Slide

22. Study the Codex:
    http://codex.wordpress.org/
    22
    Saturday 29 September 12
    

    View Slide

23. To Learn about Hooks,
    Actions & Filters
    Study the Codex:
    http://codex.wordpress.org/
    22
    Saturday 29 September 12
    

    View Slide

24. To Learn about Hooks,
    Actions & Filters
    is
    Study the Codex:
    http://codex.wordpress.org/
    22
    Saturday 29 September 12
    

    View Slide

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
    

    View Slide

26. Study the Codex:
    http://codex.wordpress.org/
    23
    Saturday 29 September 12
    

    View Slide

27. To Learn about Hooks,
    Actions & Filters
    Study the Codex:
    http://codex.wordpress.org/
    23
    Saturday 29 September 12
    

    View Slide

28. To Learn about Hooks,
    Actions & Filters
    is
    Study the Codex:
    http://codex.wordpress.org/
    23
    Saturday 29 September 12
    

    View Slide

29. To Learn about Hooks,
    Actions & Filters
    is
    to learn about Genesis
    Study the Codex:
    http://codex.wordpress.org/
    23
    Saturday 29 September 12
    

    View Slide

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
    

    View Slide

31. How to use Hook example
    25
    Saturday 29 September 12
    

    View Slide

32. How to use Filter example
    26
    Saturday 29 September 12
    

    View Slide

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
    

    View Slide

34. ¿Preguntas?
    28
    Saturday 29 September 12
    

    View Slide

35. ¡Gracias!
    29
    Saturday 29 September 12
    

    View Slide

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
    

    View Slide