Sean Conklin, WooCommerce Freelance Developer in California, Sean@CodedCommerce.com, vm: (818) 835-5960
Cart
My account

WordPress design hierarchy

01/04/2018
Hierarchy showing WordPress content breakdowns

In an earlier blog post, I wrote about Plugin Strategy to maximize the power of the core WordPress system by closely connecting functional customizations to core APIs. I’d also like to share that WordPress core – and by extension WooCommerce – cleanly optimizes design output in a very maintainable hierarchy.

The components to this design hierarchy, if you imagine them inside a pyramid from top to bottom, are:

  • CMS framework
  • Theme
  • Child theme
  • Plugins
  • Custom plugins
  • Post types
  • Pages or posts
  • Sections
  • Rows
  • Columns
  • Blocks

Popular responsive page builders (plugin or theme versions available) are Divi* + Divi Commerce, Beaver Builder*, and the Gutenberg editor (currently in beta testing for WP core). These bring a wealth of design capabilities to your sites and to WooCommerce shopping, product, cart, and checkout pages. They can in some regards provide a faster, simpler, and cacheable design tempting system that replaces the need for certain categories of plugins or extensions. They can be much more efficient that stuffing CSS code throughout your site, in both an operational sense and a code efficiency sense.

34.2007784-118.6153824

Share this:

  • Mail
  • Facebook
  • LinkedIn
  • Reddit
  • Twitter

Need help?

Request your free introduction call

Contact form
close

Search this site

Blog categories

  • Blog (87)
    • Events (11)
    • Marketing tips (26)
    • Official blog reposts (10)
    • Popular (9)
    • Technical tips (58)
    • Videos (12)

Product categories

  • Services44 products
  • WooCommerce code snippets261261 products
    • Back-end code snippets7070 products
      • Admin interface4949 products
      • Run-once2121 products
    • Front-end code snippets163163 products
      • Email notifications1818 products
      • Cart2424 products
      • Checkout2828 products
      • Elementor code snippets99 products
      • JetPack code snippets44 products
      • Navigation menus22 products
      • Payments66 products
      • Product pages2929 products
      • Search88 products
      • Shop and product categories1818 products
      • Storefront theme1717 products
      • User accounts2323 products
    • Site-wide code snippets4242 products
  • WooCommerce plugins44 products

Copyright © 2018-2023 Coded Commerce, LLC. Privacy policy
Automattic Inc. owns and oversees the trademarks for Woo™ and WooCommerce®.