Intermediate to Advanced Genesis Workshop - WordCamp Miami 2015

Intermediate to Advanced Genesis Workshop - WordCamp Miami 2015

16b4c5f853c17d7dedf86cc6e39441df?s=128

Jesse Petersen

May 28, 2015
Tweet

Transcript

  1. #WCMIA @jpetersen WordCamp Miami 2015 Jesse Petersen INTERMEDIATE TO ADVANCED

    GENESIS
  2. #WCMIA @jpetersen WordCamp Miami 2015 411 ON ME WordPress since

    2005 Founded agency in 2009 Genesis since inception StudioPress preferred developer Genesis instructor @ Treehouse Genesis pro at WP Valet
  3. #WCMIA @jpetersen WordCamp Miami 2015 THEME PICK A #WCMIA @jpetersen

    WordCamp Miami 2015
  4. #WCMIA @jpetersen WordCamp Miami 2015 #WCMIA @jpetersen WordCamp Miami 2015

  5. #WCMIA @jpetersen WordCamp Miami 2015 #WCMIA @jpetersen WordCamp Miami 2015

  6. #WCMIA @jpetersen WordCamp Miami 2015 FRONT-PAGE vs HOME

  7. #WCMIA @jpetersen WordCamp Miami 2015 https://codex.wordpress.org/ Template_Hierarchy#The_Template_Hierarchy_In_Detail renders blog posts

    index - front-page templates
 take precedence over home template home.php index.php Home
  8. #WCMIA @jpetersen WordCamp Miami 2015 http://www.billerickson.net/dont-use-genesis-blog- template/ renders the site

    front page - whether blog posts
 index or a static page front-page.php Front Page setting (settings -> reading) Home Page (blog index) setting (settings -> reading) Ideally, if you have a front-page & blog page, you will
 use Reading Settings to assign the blog page to put
 WordPress in control over the loop. Front-page
  9. #WCMIA @jpetersen WordCamp Miami 2015 FUNCTIONS PLUGIN @jpetersen FUNCTIONS.PHP SNIPPET

    vs layout customizations vs functionality customizations PLUGIN SNIPPETS https://bitbucket.org/pmgllc/developer-plugin-interface
  10. #WCMIA @jpetersen WordCamp Miami 2015 FUNCTIONS PLUGIN @jpetersen ITEMS FOR

    A scripts that add functionality that the site needs custom post types custom metaboxes tracking scripts removing elements to be gone regardless of theme
  11. #WCMIA @jpetersen WordCamp Miami 2015 FUNCTIONS.PHP SNIPPET @jpetersen ITEMS FOR

    A moving a menu removing elements for a specific look/layout filtering the byline custom footer function enqueueing theme-specific fonts or styles or scripts registering sidebars
  12. #WCMIA @jpetersen WordCamp Miami 2015 MOBILE-FIRST (PREPARE TO BLOW YOUR

    MIND) You’re flipping the stylesheet on its head - YOU WILL MESS UP
  13. #WCMIA @jpetersen WordCamp Miami 2015 EASY BASE Brian Gardner’s Mobile-First

    theme the hard part is done already key principle: phone view with
 no media queries, min-width
 viewport queries from smallest
 up through desktop
  14. #WCMIA @jpetersen WordCamp Miami 2015

  15. #WCMIA @jpetersen WordCamp Miami 2015 SASS-IFY @jpetersen YOU KNOW YOU

    WANT TO because Sass all the things
  16. #WCMIA @jpetersen WordCamp Miami 2015 @jpetersen Sass it’s like CSS

    only it can use
 variables & mixins to reduce repetition & make project-wide edits easy
  17. #WCMIA @jpetersen WordCamp Miami 2015 @jpetersen Sass install the Sublime

    Package Control: 
 https://packagecontrol.io/installation or http://css2sass.herokuapp.com
  18. #WCMIA @jpetersen WordCamp Miami 2015 @jpetersen Sass

  19. #WCMIA @jpetersen WordCamp Miami 2015 @jpetersen Sass convert the CSS

    you want into Sass
 then break up the style.css into the
 TOC groups to be tidy use partials by those names remember: order matters
  20. #WCMIA @jpetersen WordCamp Miami 2015 @jpetersen Sass

  21. #WCMIA @jpetersen WordCamp Miami 2015 @jpetersen Sass https://github.com/gregrickaby/ genesis-sample RESOURCES:

    http://sass-lang.com http://thesassway.com
  22. #WCMIA @jpetersen WordCamp Miami 2015 QUESTIONS?