Color Palette Implementation for WordPress Themes

    Sep 3, 2020 12:59:36 PM / by Jan Christenson

    Jan Christenson

    WordCamp 2020 presenter James Grumish covered the importance of color palettes in design. 

    Long-time web developer James Grumish gave an insightful slideshow at WordCamp 2020 about the importance of color palettes in design, along with an innovative way to implement your color palette in a custom WordPress theme.

    Before diving into the code, there were a few key takeaways to consider:

    • Palettes: what is the problem we’re trying to solve for?
    • Palette systems [in WordPress themes] are (generally) rigid and/or opinionated
    • The goal: Build a palette system that is “Comprehensively Integrated & Intent Focused”

    We then proceeded to walk through some code (yay!) that adds color palette options within a custom theme. These options can be edited easily by content managers, and the color choices are then made available for selection in the page editor — including the classic editor, block editor. With some additional coding, it can also be made available in other popular visual editors such as WPBakery Page Builder, Elementor, Divi and Beaver Builder.

    If you find yourself in need of a palette, here are a few tools that you may find useful:

    If you’re interested in learning more from WordCamp 2020, check out these recaps:

    Topics: Web Design and Development, WordPress

    Jan Christenson

    Written by Jan Christenson

    As a self-proclaimed “geek” I was always drawn to the tech stuff. For me, there’s something exciting about combining art and technology and coming up with a working solution. And, if I’ve learned anything in my past 22 years of web development, it’s that there’s always a solution.

    Subscribe to Email Updates