Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WordPress & Genesis as your start

WordPress & Genesis as your start

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

Remkus de Vries

September 15, 2012
Tweet

More Decks by Remkus de Vries

Other Decks in Programming

Transcript

  1. WordPress & Genesis as your starter theme Remkus de Vries

    | @DeFries 1 Saturday 29 September 12
  2. ¿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
  3. ¿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
  4. ¿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
  5. 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
  6. 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
  7. 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
  8. To Learn about Hooks, Actions & Filters Study the Codex:

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

    Codex: http://codex.wordpress.org/ 22 Saturday 29 September 12
  10. To Learn about Hooks, Actions & Filters is to learn

    about Güorpré Study the Codex: http://codex.wordpress.org/ 22 Saturday 29 September 12
  11. To Learn about Hooks, Actions & Filters Study the Codex:

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

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

    about Genesis Study the Codex: http://codex.wordpress.org/ 23 Saturday 29 September 12
  14. 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
  15. 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