{"id":32,"date":"2023-11-28T08:18:00","date_gmt":"2023-11-28T14:18:00","guid":{"rendered":"https:\/\/builders.wpengine.com\/?p=32"},"modified":"2023-12-01T08:46:48","modified_gmt":"2023-12-01T14:46:48","slug":"default-gradients-block-editor","status":"publish","type":"post","link":"https:\/\/wpengine.com\/builders\/default-gradients-block-editor\/","title":{"rendered":"Default Gradients in the WordPress Block Editor"},"content":{"rendered":"\n

Gradients provide a stylish and colorful option for any website. With the WordPress Block Editor, you can choose from many gradient presets or create your own theme-specific gradients by overwriting the defaults provided with a gradient pattern<\/a> generated to match your design.<\/p>\n\n\n\n

Carolina Nymark<\/a> inspired this article and has a wonderful overview of gradients<\/a> in the theme.json color options lesson at Full Site Editing<\/a>.<\/p>\n\n\n\n

Default Gradients in Block Editor<\/h2>\n\n\n\n

Here\u2019s a list of default gradients that are available in the Block Editor:<\/p>\n\n\n\n

Vivid Cyan Blue to Vivid Purple:<\/h3>\n\n\n\n
\n

–wp\u2013preset\u2013gradient\u2013vivid-cyan-blue-to-vivid-purple:
linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)<\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Light Green Cyan to Vivid Green Cyan<\/h3>\n\n\n\n
\n

–wp–preset–gradient–light-green-cyan-to-vivid-green-cyan
linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%)<\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Luminous Vivid Amber to Luminous Vivid Orange<\/h3>\n\n\n\n
\n

–wp–preset–gradient–luminous-vivid-amber-to-luminous-vivid-orange
linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%)<\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Luminous Vivd Orange to Vivid Red<\/h3>\n\n\n\n
\n

–wp–preset–gradient–luminous-vivid-orange-to-vivid-red
linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%)<\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Very Light Gray to Cyan Bluish Gray<\/h3>\n\n\n\n
\n

–wp–preset–gradient–very-light-gray-to-cyan-bluish-gray
linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%)<\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Cool to Warm Spectrum<\/h3>\n\n\n\n
\n

–wp–preset–gradient–cool-to-warm-spectrum
linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%)<\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Blush Light Purple<\/h3>\n\n\n\n
\n

–wp–preset–gradient–blush-light-purple
linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%)<\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Blush Bordeaux<\/h3>\n\n\n\n
\n

–wp–preset–gradient–blush-bordeaux
linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%)<\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Luminous Dusk<\/h3>\n\n\n\n
\n

\u2013wp\u2013preset\u2013gradient\u2013vivid-cyan-blue-to-vivid-purple:
linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%)<\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Pale Ocean<\/h3>\n\n\n\n
\n

—wp–preset–gradient–pale-ocean
linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%)<\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Electric Grass<\/h3>\n\n\n\n
\n

–wp–preset–gradient–electric-grass
linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%)<\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Midnight<\/h3>\n\n\n\n
\n

–wp–preset–gradient–midnight
linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%)<\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Add Custom Gradient via Theme.json<\/h2>\n\n\n\n

The introduction of theme.json<\/strong> has been a significant advancement in enhancing the customization capabilities of WordPress. This feature lets designers and developers incorporate custom gradients into editor.<\/p>\n\n\n\n

The following code snippet demonstrates how to add a custom gradient named “Tiffany to Royal,” offering a seamless way to enrich the visual aesthetics of WordPress block themes.<\/p>\n\n\n

{\n<\/span><\/span>\t\"version\"<\/span>: 2<\/span>,\n<\/span><\/span>\t\"settings\"<\/span>: {\n<\/span><\/span>\t\t\"color\"<\/span>: {\n<\/span><\/span>\t\t\t\"customGradient\"<\/span>: true<\/span>,\n<\/span><\/span>\t\t\t\"gradients\"<\/span>: [\n<\/span><\/span>\t\t\t\t{\n<\/span><\/span>\t\t\t\t\t\"name\"<\/span>: \"Tiffany to Royal\"<\/span>,\n<\/span><\/span>\t\t\t\t\t\"slug\"<\/span>: \"tiffany-royal\"<\/span>,\n<\/span><\/span>\t\t\t\t\t\"gradient\"<\/span>: \"linear-gradient(135deg,rgb(14,202,212) 0%,rgb(126,92,239) 100%)\"<\/span>\n<\/span><\/span>\t\t\t\t}\n<\/span><\/span>\t\t\t],\n<\/span><\/span>\t\t}\n<\/span><\/span>\t}\n<\/span><\/span>}\n<\/span><\/span><\/code><\/span>Code language:<\/span> JSON \/ JSON with Comments<\/span> (<\/span>json<\/span>)<\/span><\/small><\/pre>\n\n\n
Tiffany to Royal<\/h3>\n\n\n\n
\n
–wp–preset–tiffany-to-royal
linear-gradient(135deg,rgb(14,202,212) 0%,rgb(126,92,239) 100%)<\/p>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
Blocks That Include Gradient Backgrounds<\/h2>\n\n\n\n
Author, Author Biography, Author Name, Button, Code, Column, Columns, Comment Author Name, Comment Content, Comment Date, Comment Edit Link, Comment Reply Link, Comments, Comments Count, Comments Form, Comments Next Page, Comments Page Numbers, Comments Pagination, Comments Previous Page, Comments Title, Date, Excerpt, File, Gallery, Group, Heading, Latest Posts, List, Media & Text, Next Page, No results, Page Numbers, Pagination, Paragraph, Post Template, Post Terms, Preformatted, Previous Page, Pullquote, Query Title, Quote, Read More, Search, Separator, Site Tagline, Site Title, Social Icons, Table, Table of Contents, Title, Verse. (source<\/a>)<\/p>\n","protected":false},"excerpt":{"rendered":"
A list of default gradients that are available in the WordPress block editor.<\/p>\n","protected":false},"author":6,"featured_media":4340,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-32","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"yoast_head":"\nDefault Gradients in the WordPress Block Editor - Builders<\/title>\n<meta name=\"description\" content=\"With the WordPress Block Editor, you can choose from many gradient presets or create your own theme-specific gradients.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpengine.com\/builders\/color-wordpress-block-themes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Default Gradients in the WordPress Block Editor - Builders\" \/>\n<meta property=\"og:description\" content=\"With the WordPress Block Editor, you can choose from many gradient presets or create your own theme-specific gradients.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/builders\/color-wordpress-block-themes\/\" \/>\n<meta property=\"og:site_name\" content=\"Builders\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-28T14:18:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-01T14:46:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/og-default-gradients-block-editor.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Brian Gardner\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/og-default-gradients-block-editor.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@wpebuilders\" \/>\n<meta name=\"twitter:site\" content=\"@wpebuilders\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Gardner\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/color-wordpress-block-themes\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/default-gradients-block-editor\\\/\"},\"author\":{\"name\":\"Brian Gardner\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/person\\\/f582a2535c88e2c0b518703a29e82f7e\"},\"headline\":\"Default Gradients in the WordPress Block Editor\",\"datePublished\":\"2023-11-28T14:18:00+00:00\",\"dateModified\":\"2023-12-01T14:46:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/default-gradients-block-editor\\\/\"},\"wordCount\":365,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/color-wordpress-block-themes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/wordpress-default-gradients.jpg\",\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wpengine.com\\\/builders\\\/color-wordpress-block-themes\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/default-gradients-block-editor\\\/\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/color-wordpress-block-themes\\\/\",\"name\":\"Default Gradients in the WordPress Block Editor - Builders\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/color-wordpress-block-themes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/color-wordpress-block-themes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/wordpress-default-gradients.jpg\",\"datePublished\":\"2023-11-28T14:18:00+00:00\",\"dateModified\":\"2023-12-01T14:46:48+00:00\",\"description\":\"With the WordPress Block Editor, you can choose from many gradient presets or create your own theme-specific gradients.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/color-wordpress-block-themes\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpengine.com\\\/builders\\\/color-wordpress-block-themes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/color-wordpress-block-themes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/wordpress-default-gradients.jpg\",\"contentUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/wordpress-default-gradients.jpg\",\"width\":1280,\"height\":720,\"caption\":\"WordPress Default Gradients\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/color-wordpress-block-themes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Default Gradients in the WordPress Block Editor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#website\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\",\"name\":\"Builders\",\"description\":\"Reimagining the way we build with WordPress.\",\"publisher\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#organization\",\"name\":\"WP Engine\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/WP-Engine-Horizontal@2x.png\",\"contentUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/WP-Engine-Horizontal@2x.png\",\"width\":348,\"height\":68,\"caption\":\"WP Engine\"},\"image\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/wpebuilders\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCh1WuL54XFb9ZI6m6goFv1g\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/person\\\/f582a2535c88e2c0b518703a29e82f7e\",\"name\":\"Brian Gardner\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/25b2f9f3e3426c67d76320d27da3c32e9621a542a2c1d20d1db51139421e29f4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/25b2f9f3e3426c67d76320d27da3c32e9621a542a2c1d20d1db51139421e29f4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/25b2f9f3e3426c67d76320d27da3c32e9621a542a2c1d20d1db51139421e29f4?s=96&d=mm&r=g\",\"caption\":\"Brian Gardner\"},\"description\":\"Brian Gardner is a Principal WordPress Advocate at WP Engine. He has built on WordPress since 2006 and is the creator of Frost. Connect with him on LinkedIn and X.\",\"sameAs\":[\"https:\\\/\\\/briangardner.com\\\/\"],\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/author\\\/brian-gardner-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Default Gradients in the WordPress Block Editor - Builders","description":"With the WordPress Block Editor, you can choose from many gradient presets or create your own theme-specific gradients.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wpengine.com\/builders\/color-wordpress-block-themes\/","og_locale":"en_US","og_type":"article","og_title":"Default Gradients in the WordPress Block Editor - Builders","og_description":"With the WordPress Block Editor, you can choose from many gradient presets or create your own theme-specific gradients.","og_url":"https:\/\/wpengine.com\/builders\/color-wordpress-block-themes\/","og_site_name":"Builders","article_published_time":"2023-11-28T14:18:00+00:00","article_modified_time":"2023-12-01T14:46:48+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/og-default-gradients-block-editor.jpg","type":"image\/jpeg"}],"author":"Brian Gardner","twitter_card":"summary_large_image","twitter_image":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/og-default-gradients-block-editor.jpg","twitter_creator":"@wpebuilders","twitter_site":"@wpebuilders","twitter_misc":{"Written by":"Brian Gardner","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpengine.com\/builders\/color-wordpress-block-themes\/#article","isPartOf":{"@id":"https:\/\/wpengine.com\/builders\/default-gradients-block-editor\/"},"author":{"name":"Brian Gardner","@id":"https:\/\/wpengine.com\/builders\/#\/schema\/person\/f582a2535c88e2c0b518703a29e82f7e"},"headline":"Default Gradients in the WordPress Block Editor","datePublished":"2023-11-28T14:18:00+00:00","dateModified":"2023-12-01T14:46:48+00:00","mainEntityOfPage":{"@id":"https:\/\/wpengine.com\/builders\/default-gradients-block-editor\/"},"wordCount":365,"commentCount":0,"publisher":{"@id":"https:\/\/wpengine.com\/builders\/#organization"},"image":{"@id":"https:\/\/wpengine.com\/builders\/color-wordpress-block-themes\/#primaryimage"},"thumbnailUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/wordpress-default-gradients.jpg","articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpengine.com\/builders\/color-wordpress-block-themes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpengine.com\/builders\/default-gradients-block-editor\/","url":"https:\/\/wpengine.com\/builders\/color-wordpress-block-themes\/","name":"Default Gradients in the WordPress Block Editor - Builders","isPartOf":{"@id":"https:\/\/wpengine.com\/builders\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpengine.com\/builders\/color-wordpress-block-themes\/#primaryimage"},"image":{"@id":"https:\/\/wpengine.com\/builders\/color-wordpress-block-themes\/#primaryimage"},"thumbnailUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/wordpress-default-gradients.jpg","datePublished":"2023-11-28T14:18:00+00:00","dateModified":"2023-12-01T14:46:48+00:00","description":"With the WordPress Block Editor, you can choose from many gradient presets or create your own theme-specific gradients.","breadcrumb":{"@id":"https:\/\/wpengine.com\/builders\/color-wordpress-block-themes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/builders\/color-wordpress-block-themes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/builders\/color-wordpress-block-themes\/#primaryimage","url":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/wordpress-default-gradients.jpg","contentUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/wordpress-default-gradients.jpg","width":1280,"height":720,"caption":"WordPress Default Gradients"},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/builders\/color-wordpress-block-themes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/builders\/"},{"@type":"ListItem","position":2,"name":"Default Gradients in the WordPress Block Editor"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/builders\/#website","url":"https:\/\/wpengine.com\/builders\/","name":"Builders","description":"Reimagining the way we build with WordPress.","publisher":{"@id":"https:\/\/wpengine.com\/builders\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/builders\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wpengine.com\/builders\/#organization","name":"WP Engine","url":"https:\/\/wpengine.com\/builders\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/builders\/#\/schema\/logo\/image\/","url":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2024\/05\/WP-Engine-Horizontal@2x.png","contentUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2024\/05\/WP-Engine-Horizontal@2x.png","width":348,"height":68,"caption":"WP Engine"},"image":{"@id":"https:\/\/wpengine.com\/builders\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/wpebuilders","https:\/\/www.youtube.com\/channel\/UCh1WuL54XFb9ZI6m6goFv1g"]},{"@type":"Person","@id":"https:\/\/wpengine.com\/builders\/#\/schema\/person\/f582a2535c88e2c0b518703a29e82f7e","name":"Brian Gardner","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/25b2f9f3e3426c67d76320d27da3c32e9621a542a2c1d20d1db51139421e29f4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/25b2f9f3e3426c67d76320d27da3c32e9621a542a2c1d20d1db51139421e29f4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/25b2f9f3e3426c67d76320d27da3c32e9621a542a2c1d20d1db51139421e29f4?s=96&d=mm&r=g","caption":"Brian Gardner"},"description":"Brian Gardner is a Principal WordPress Advocate at WP Engine. He has built on WordPress since 2006 and is the creator of Frost. Connect with him on LinkedIn and X.","sameAs":["https:\/\/briangardner.com\/"],"url":"https:\/\/wpengine.com\/builders\/author\/brian-gardner-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2\/"}]}},"_links":{"self":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/posts\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":0,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/posts\/32\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/media\/4340"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/media?parent=32"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/categories?post=32"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/tags?post=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}