{"id":4179,"date":"2020-07-20T23:42:35","date_gmt":"2020-07-21T04:42:35","guid":{"rendered":"https:\/\/2020.minneapolis.wordcamp.org\/?post_type=wcb_session&#038;p=4179"},"modified":"2020-09-15T13:38:48","modified_gmt":"2020-09-15T18:38:48","slug":"color-palette-implementation-for-wordpress-themes","status":"publish","type":"wcb_session","link":"https:\/\/minneapolis.wordcamp.org\/2020\/session\/color-palette-implementation-for-wordpress-themes\/","title":{"rendered":"Color Palette Implementation for WordPress Themes"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">A robust palette can transform a stock theme into a highly-personalized web presence that better reflects an organization&#8217;s brand. This talk will introduce theme developers to a palette system\/method with these goals: apply a default color palette; use the Theme Customization API (i.e. Theme Customizer) to set theme-level colors; apply the customization options to the block editor swatches and ACF color picker; set the appropriate CSS properties to use the colors throughout the theme. As time allows, other palette systems will be discussed (e.g. Bootstrap Colors; Material Design Color System).<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline slide-button is-style-outline--1\"><a class=\"wp-block-button__link has-vivid-cyan-blue-color has-text-color\" href=\"https:\/\/go.jamesvg.com\/palette-wcmsp\" style=\"border-radius:4px\" target=\"_blank\" rel=\"noopener noreferrer\">View Session Slides<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline slide-button is-style-outline--2\"><a class=\"wp-block-button__link has-vivid-cyan-blue-color has-text-color\" href=\"https:\/\/youtu.be\/ihQgoP7wJf8?t=4857\" style=\"border-radius:4px\" target=\"_blank\" rel=\"noopener noreferrer\">View Session Video<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline slide-button is-style-outline--3\"><a class=\"wp-block-button__link has-luminous-vivid-orange-color has-text-color\" href=\"https:\/\/git.io\/JJjtP\" style=\"border-radius:4px\" target=\"_blank\" rel=\"noreferrer noopener\">Files for Code Demo<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>A robust palette can transform a stock theme into a highly-personalized web presence that better reflects an organization&#8217;s brand. This talk will introduce theme developers to a palette system\/method with these goals: apply a default color palette; use the Theme Customization API (i.e. Theme Customizer) to set theme-level colors; apply the customization options to the &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/minneapolis.wordcamp.org\/2020\/session\/color-palette-implementation-for-wordpress-themes\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Color Palette Implementation for WordPress Themes&#8221;<\/span><\/a><\/p>\n","protected":false},"author":13759302,"featured_media":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_wcpt_session_time":1598022000,"_wcpt_session_duration":2700,"_wcpt_session_type":"session","_wcpt_session_slides":"https:\/\/go.jamesvg.com\/palette-wcmsp","_wcpt_session_video":"","_wcpt_speaker_id":[4055],"footnotes":""},"session_track":[27],"session_category":[34,28,32],"class_list":["post-4179","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-1","wcb_session_category-coding-development","wcb_session_category-design-ux","wcb_session_category-intermediate"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"August 21, 2020","time":"10:00 am"},"session_speakers":[{"id":"4055","slug":"james-grumish","name":"James Grumish","link":"https:\/\/minneapolis.wordcamp.org\/2020\/speaker\/james-grumish\/"}],"session_cats_rendered":"Coding &amp; Development, Design\/UX, Intermediate","_links":{"self":[{"href":"https:\/\/minneapolis.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/4179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/minneapolis.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/minneapolis.wordcamp.org\/2020\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":10,"href":"https:\/\/minneapolis.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/4179\/revisions"}],"predecessor-version":[{"id":6046,"href":"https:\/\/minneapolis.wordcamp.org\/2020\/wp-json\/wp\/v2\/sessions\/4179\/revisions\/6046"}],"speakers":[{"embeddable":true,"href":"https:\/\/minneapolis.wordcamp.org\/2020\/wp-json\/wp\/v2\/speakers\/4055"}],"author":[{"embeddable":true,"href":"https:\/\/minneapolis.wordcamp.org\/2020\/wp-json\/wporg\/v1\/users\/jamesvg"}],"wp:attachment":[{"href":"https:\/\/minneapolis.wordcamp.org\/2020\/wp-json\/wp\/v2\/media?parent=4179"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/minneapolis.wordcamp.org\/2020\/wp-json\/wp\/v2\/session_track?post=4179"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/minneapolis.wordcamp.org\/2020\/wp-json\/wp\/v2\/session_category?post=4179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}