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

3 sites in 6 weeks? WordPress can do that!

3 sites in 6 weeks? WordPress can do that!

The case for Parent/Child theming has been discussed at length throughout the WordPress community. Discussion points range from the ability to share styles to sharing functionality. While the Parent/Child theme strategy does not fit every use case, there are times when it makes the most sense and provides the greatest possible experience for the client.

In this talk, we will talk about the Parent/Child theme strategy used by the development team at 10up for Harris Publications to launch three sites in six weeks using shared functionality while preparing a scalable framework for future growth.

Allen Moore

August 14, 2014
Tweet

More Decks by Allen Moore

Other Decks in Programming

Transcript

  1. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 3 S

    I T E S I N 6 W E E K S ? WO R D P R E S S C A N D O T H AT !
  2. A B O U T M E • Over 10

    years of professional design and development experience.
  3. A B O U T M E • Over 10

    years of professional design and development experience. • Developing with WordPress since 2005
  4. A B O U T M E • Over 10

    years of professional design and development experience. • Developing with WordPress since 2005 • Design Engineer at 10up (Yes, we’re hiring!)
  5. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 W H

    E R E TO F I N D M E Twitter: @creativeallen Personal Blog: http://www.allenmoore.me Github: http://github.com/allenmoore
  6. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 A full

    service digital agency that makes web publishing and content management simple and fun. We serve clients such as: A B O U T 1 0 U P
  7. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 A full

    service digital agency that makes web publishing and content management simple and fun. We serve clients such as: A B O U T 1 0 U P
  8. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 I N

    T H I S TA L K • Who Is Harris Publications? • Developing a Strategy
  9. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 I N

    T H I S TA L K • Who Is Harris Publications? • Developing a Strategy • Developing a Structure
  10. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 I N

    T H I S TA L K • Who Is Harris Publications? • Developing a Strategy • Developing a Structure • An Example
  11. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 I N

    T H I S TA L K • Who Is Harris Publications? • Developing a Strategy • Developing a Structure • An Example • Thanks/Questions?
  12. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 An American

    consumer-magazine publisher in New York City, NY, that publishes over 75 titles.
  13. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 An American

    consumer-magazine publisher in New York City, NY, that publishes over 75 titles.
  14. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 An American

    consumer-magazine publisher in New York City, NY, that publishes over 75 titles.
  15. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 W E

    M A K E C O N T E N T M A N AG E M E N T E ASY. M AY B E E V E N F U N .
  16. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 T H

    E E AS Y WAY F O R T H E D E V E LO P E R I S N OT A LWAYS T H E B E S T WAY F O R T H E U S E R .
  17. – J U S T I N TA D L

    O C K “The idea of parent/child themes became popular because it allowed the parent theme to be updated while keeping customizations intact within a child theme.”
  18. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 W H

    AT A R E PA R E N T / C H I L D T H E M E S ? • Parent / Child themes best fit a network of sites when the information architecture of a site and its general layout (or at least order of DOM elements) are shared between different sites.
  19. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 W H

    AT A R E PA R E N T / C H I L D T H E M E S ? • Parent / Child themes best fit a network of sites when the information architecture of a site and its general layout (or at least order of DOM elements) are shared between different sites. • They share the same base functional requirements and presentation style, and mostly differ in the coat of paint applied to their layout and features.
  20. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 PA R

    E N T / C H I L D T H E M E S C A N N OT O N LY B E YO U R F R I E N D B U T YO U R A L LY.
  21. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 W H

    Y D I D W E C H O O S E PA R E N T / C H I L D T H E M E S ?
  22. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 W H

    Y D I D W E C H O O S E PA R E N T / C H I L D T H E M E S ? • Rapid Development
  23. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 W H

    Y D I D W E C H O O S E PA R E N T / C H I L D T H E M E S ? • Rapid Development • Shared elements
  24. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 W H

    Y D I D W E C H O O S E PA R E N T / C H I L D T H E M E S ? • Rapid Development • Shared elements • Multisite implementation
  25. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 W H

    Y D I D W E C H O O S E PA R E N T / C H I L D T H E M E S ? • Rapid Development • Shared elements • Multisite implementation • Scalability
  26. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 W H

    Y D I D W E C H O O S E PA R E N T / C H I L D T H E M E S ? • Rapid Development • Shared elements • Multisite implementation • Scalability • Ease of updates and bug fixes
  27. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 PA R

    E N T T H E M E • Contained all functionality that was common among each design.
  28. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 PA R

    E N T T H E M E • Contained all functionality that was common among each design. • Contained functionality that would possibly be implemented on future sites.
  29. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 PA R

    E N T T H E M E • Contained all functionality that was common among each design. • Contained functionality that would possibly be implemented on future sites. • Independent of design and styles (except for a normalize stylesheet).
  30. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 C H

    I L D T H E M E S • Contained all styles for each individual design.
  31. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 C H

    I L D T H E M E S • Contained all styles for each individual design. • Custom functionality or hooks/filters of parent theme functions that were unique to a particular design.
  32. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 I F

    ( C U R R E N T _ T H E M E _ S U P P O R T S ( ) )
  33. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 S H

    A D OW TA XO N O M Y • Associate an article with a Publication/Issue
  34. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 S H

    A D OW TA XO N O M Y • Associate an article with a Publication/Issue • If an editor creates a Publication or Issue, a mirror image term is created - including hierarchy - in a custom taxonomy that is available only to the standard WordPress post.
  35. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 S H

    A D OW TA XO N O M Y • Associate an article with a Publication/Issue • If an editor creates a Publication or Issue, a mirror image term is created - including hierarchy - in a custom taxonomy that is available only to the standard WordPress post. • We added some JS to the taxonomy metabox to ensure that posts tagged with a specific Issue were always associated with the parent Publication as well
  36. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 S H

    A D OW TA XO N O M Y • Associate an article with a Publication/Issue • If an editor creates a Publication or Issue, a mirror image term is created - including hierarchy - in a custom taxonomy that is available only to the standard WordPress post. • We added some JS to the taxonomy metabox to ensure that posts tagged with a specific Issue were always associated with the parent Publication as well • For more information about Shadow Taxonomies, visit http://eamann.com/tech/wordpress-shadow-taxonomies/
  37. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 C OV

    E R S TO RY http://www.allenmoore.me/setting-object-terms-with-a-checkbox-in- wordpress/
  38. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14 Zach Brown

    Dan Blaker Chris Marslender D I R E C T O R O F S Y S T E M S E N G I N E E R I N G S E N I O R W E B S T R AT E G I S T S E N I O R W E B E N G I N E E R Matt Gross Brandon Camenisch Michael Phillips S E N I O R W E B E N G I N E E R W E B E N G I N E E R W E B E N G I N E E R # T E A M 1 0 U P