Slide 1

Slide 1 text

WordPress & Genesis as your starter theme Remkus de Vries | @DeFries 1 Saturday 29 September 12

Slide 2

Slide 2 text

Remkus de Vries @DeFries Site: http://remkusdevries.com ForSite Media http://www.forsitemedia.net WP Realm http://wprealm.com 2 Saturday 29 September 12

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

¿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

Slide 5

Slide 5 text

¿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

Slide 6

Slide 6 text

¿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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

Child Theme stylesheet 9 Saturday 29 September 12

Slide 10

Slide 10 text

From 10 Saturday 29 September 12

Slide 11

Slide 11 text

11 Saturday 29 September 12

Slide 12

Slide 12 text

To 12 Saturday 29 September 12

Slide 13

Slide 13 text

13 Saturday 29 September 12

Slide 14

Slide 14 text

Or 14 Saturday 29 September 12

Slide 15

Slide 15 text

15 Saturday 29 September 12

Slide 16

Slide 16 text

Or 16 Saturday 29 September 12

Slide 17

Slide 17 text

17 Saturday 29 September 12

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

How? 19 Saturday 29 September 12

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

Example: 21 Saturday 29 September 12

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

How to use Hook example 25 Saturday 29 September 12

Slide 32

Slide 32 text

How to use Filter example 26 Saturday 29 September 12

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

¿Preguntas? 28 Saturday 29 September 12

Slide 35

Slide 35 text

¡Gracias! 29 Saturday 29 September 12

Slide 36

Slide 36 text

Remkus de Vries @DeFries Site: http://remkusdevries.com ForSite Media http://www.forsitemedia.net WP Realm http://wprealm.com 30 Saturday 29 September 12