$30 off During Our Annual Pro Sale. View Details »

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 !

    View Slide

  2. A B O U T M E

    View Slide

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

    View Slide

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

    View Slide

  5. 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!)

    View Slide

  6. 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

    View Slide

  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

    View Slide

  8. 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

    View Slide

  9. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    I N T H I S TA L K

    View Slide

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

    View Slide

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

    View Slide

  12. 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

    View Slide

  13. 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

    View Slide

  14. 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?

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  22. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    D E V E LO P I N G A
    S T R AT E G Y

    View Slide

  23. 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 .

    View Slide

  24. 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 .

    View Slide

  25. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    D E B U N K I N G T H E M Y T H

    View Slide

  26. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    Q U I C K P O L L

    View Slide

  27. – 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.”

    View Slide

  28. 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 ?

    View Slide

  29. 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.

    View Slide

  30. 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.

    View Slide

  31. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    A N A N A LO G Y

    View Slide

  32. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    A N A N A LO G Y

    View Slide

  33. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    A N A N A LO G Y

    View Slide

  34. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    A N A N A LO G Y

    View Slide

  35. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    A N A N A LO G Y

    View Slide

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

    View Slide

  37. 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.

    View Slide

  38. 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 ?

    View Slide

  39. 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

    View Slide

  40. 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

    View Slide

  41. 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

    View Slide

  42. 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

    View Slide

  43. 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

    View Slide

  44. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    D E V E LO P I N G A
    S T R U C T U R E

    View Slide

  45. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    PA R E N T T H E M E

    View Slide

  46. 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.

    View Slide

  47. 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.

    View Slide

  48. 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).

    View Slide

  49. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    C H I L D T H E M E S

    View Slide

  50. 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.

    View Slide

  51. 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.

    View Slide

  52. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    A D D _ T H E M E _ S U P P O R T

    View Slide

  53. 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 ( ) )

    View Slide

  54. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    E X A M P L E :
    P U B L I C AT I O N S / I S S U E S

    View Slide

  55. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    H OW D I D W E
    AC C O M P L I S H T H I S ?

    View Slide

  56. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    P U B L I C AT I O N S C U S TO M
    P O S T T Y P E

    View Slide

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

    View Slide

  58. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    C U S TO M M E TA F I E L D S

    View Slide

  59. Publications

    View Slide

  60. Issues

    View Slide

  61. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    S H A D OW TA XO N O M Y

    View Slide

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

    View Slide

  63. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    S H A D OW TA XO N O M Y

    View Slide

  64. 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

    View Slide

  65. 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.

    View Slide

  66. 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

    View Slide

  67. 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/

    View Slide

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

    View Slide

  69. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    C OV E R S TO RY

    View Slide

  70. 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/

    View Slide

  71. View Slide

  72. View Slide

  73. View Slide

  74. View Slide

  75. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    T H A N K S !

    View Slide

  76. 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

    View Slide

  77. Allen Moore • @creativeallen • #3sites6weeks • allenmoore.me/wpyall14
    Q U E S T I O N S ?

    View Slide