{"id":39701,"date":"2022-01-20T09:12:00","date_gmt":"2022-01-20T15:12:00","guid":{"rendered":"https:\/\/bhmultisite.com\/blog\/?p=39701"},"modified":"2022-01-20T09:12:00","modified_gmt":"2022-01-20T15:12:00","slug":"wordpress-global-styles","status":"publish","type":"post","link":"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/","title":{"rendered":"A Look Into WordPress Global Styles"},"content":{"rendered":"\n<p>Since&nbsp;<a href=\"https:\/\/www.bluehost.com\/help\/article\/wordpress5-update\">WordPress 5.0<\/a>, <a href=\"https:\/\/www.bluehost.com\/wordpress\/wordpress-hosting\">WordPress<\/a> has been moving towards&nbsp;<a href=\"https:\/\/www.bluehost.com\/blog\/full-site-editing-in-wordpress-where-it-is-and-where-its-going\/\">Full Site Editing<\/a>&nbsp;(FSE). So users can use&nbsp;<a href=\"https:\/\/www.bluehost.com\/blog\/gutenberg-custom-blocks-for-content-creation\/\">Gutenberg blocks<\/a>&nbsp;to post content&nbsp;and<em>&nbsp;<\/em>design whole websites.&nbsp;<\/p>\n\n\n\n<p>To achieve FSE, WordPress is developing a block editor that uses block directories,&nbsp;<a href=\"https:\/\/www.bluehost.com\/blog\/what-are-gutenberg-block-patterns-in-wordpress-and-how-to-use-them\/\">block patterns<\/a>, and&nbsp;block themes.&nbsp;<\/p>\n\n\n\n<p>These block themes need two components to work \u2013&nbsp;<a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-templates\/\" target=\"_blank\" rel=\"noreferrer noopener\">templates<\/a>&nbsp;and Global Styles.&nbsp;<\/p>\n\n\n\n<p>Templates sound familiar, but what is Global Styles?&nbsp;<\/p>\n\n\n\n<p>Read on to learn:&nbsp;<\/p>\n\n\n\n<p><a href=\"#wordpress-global-styles-101\">WordPress Global Styles 101<\/a><\/p>\n\n\n\n<p><a href=\"#what-wordpress-global-styles-offers\">What WordPress Global Styles Offers<\/a><\/p>\n\n\n\n<p><a href=\"#how-global-styles-work\">How Global Styles Work<\/a><\/p>\n\n\n\n<p><a href=\"#how-do-i-test-global-styles\">How Do I Test Global Styles?<\/a><\/p>\n\n\n\n<p><a href=\"#new-improvements-to-global-styles\">New Improvements to Global Styles<\/a><\/p>\n\n\n\n<p><a href=\"#final-thoughts-what-is-wordpress-global-styles\">Final Thoughts: What Is WordPress Global Styles?<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wordpress-global-styles-101\">WordPress Global Styles 101&nbsp;<\/h2>\n\n\n\n<p><a href=\"https:\/\/make.wordpress.org\/design\/handbook\/focuses\/global-styles\/\" target=\"_blank\" rel=\"noreferrer noopener\">Global Styles<\/a>&nbsp;helps users change the overall style of their website. It lets you avoid the hassle of editing individual blocks or pages. It extends&nbsp;Full Site Editing&nbsp;functionality by bringing a higher level of customization to&nbsp;<a href=\"https:\/\/www.bluehost.com\/blog\/gutenberg-the-exciting-new-wordpress-editor\/\">Gutenberg<\/a>&nbsp;and WordPress.&nbsp;<\/p>\n\n\n\n<p>With Global Styles, users have improved control over the layout and design of the website. Theme developers can design and style blocks with more freedom and functionality.&nbsp;<\/p>\n\n\n\n<p>Before this, web designers editing websites running on WordPress\u2019s&nbsp;<a href=\"https:\/\/www.bluehost.com\/blog\/wordpress-extending-classic-editor-support-until-2022\/\">Classic Editor<\/a>&nbsp;used PHP to add color choices and font sizes. Using PHP, they would add style sheets (CSS) to both the frontend and admin end of the theme.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-wordpress-global-styles-offers\">What WordPress Global Styles Offers&nbsp;<\/h2>\n\n\n\n<p>Global Styles saves you from the extra hassle. With Global Styles, WordPress automatically adds the styles. You don\u2019t need to write additional CSS.&nbsp;<\/p>\n\n\n\n<p>You can use Global Styles to modify a theme\u2019s style or enable or disable settings and features (such as the drop cap).&nbsp;<\/p>\n\n\n\n<p>For example, with Global Styles, users can select a background color or change the text size for the whole theme from one place.&nbsp;&nbsp;<\/p>\n\n\n\n<p>But it doesn\u2019t limit individual customization. You can still edit individual blocks styles and override the global styles.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-global-styles-work\">How Global Styles Work&nbsp;<\/h2>\n\n\n\n<p>Global Styles let developers use a new theme settings file called&nbsp;<a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>theme.json<\/em><\/a><em>&nbsp;<\/em>to define website and block defaults. The data from JSON objects are reformatted as CSS and CSS custom properties to define styles.&nbsp;<\/p>\n\n\n\n<p>There are two important parts to the&nbsp;theme.json&nbsp;file:&nbsp;<strong>settings<\/strong>&nbsp;and&nbsp;<strong>styles<\/strong>.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Settings&nbsp;<\/h3>\n\n\n\n<p>The Settings lists global or contextual values that describe how the editor and blocks behave. Specifically, it defines:&nbsp;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Which controls are disabled or hidden&nbsp;<\/li><li>Preset values such as color palettes&nbsp;<\/li><li>Default typography settings&nbsp;<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Styles&nbsp;<\/h3>\n\n\n\n<p>Styles define the theme\u2019s design language. It enables theme editors or authors to decide things such as the:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Font size&nbsp;<\/li><li>Line height&nbsp;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Link colors&nbsp;<\/li><li>Heading sizes&nbsp;<\/li><li>Default color&nbsp;<\/li><\/ul>\n\n\n\n<p>When rendered, the Styles translate into style sheets (CSS) that are injected into the frontend and admin end of the theme.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-do-i-test-global-styles\">How Do I Test Global Styles?&nbsp;<\/h2>\n\n\n\n<p>To start using Global Styles, you need a Full Site Editing theme (such as&nbsp;<a href=\"https:\/\/www.bluehost.com\/blog\/twenty-twenty-two-wordpress-theme\/\">Twenty Twenty-Two<\/a>) and the activated Gutenberg plugin right now. This might change when WordPress releases&nbsp;<a href=\"https:\/\/www.bluehost.com\/blog\/wordpress-5-9\/\">Version 5.9 in January 2022<\/a>.&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Go to the&nbsp;<strong>Site Editor<\/strong>&nbsp;in the WordPress admin menu.&nbsp;<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/12\/access-wordpress-global-styles-1.png\" alt=\"To access Global Styles, go to the WordPress Site Editor\" class=\"wp-image-39713\" width=\"221\" height=\"261\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\"><li>Open the Global Styles sidebar by clicking the&nbsp;<strong>Aa&nbsp;<\/strong>icon.&nbsp;<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/12\/wordpress-global-styles-interface-1.png\" alt=\"An early version of the Global Styles interface\" class=\"wp-image-39716\" width=\"285\" height=\"823\" \/><\/figure>\n\n\n\n<p>Under Global Styles, you\u2019ll see two tabs:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Global<\/strong>&nbsp;\u2014 These settings<strong>&nbsp;<\/strong>affect the website. For example, the background color you select here will be the website body\u2019s background.&nbsp;<\/li><li><strong>By Block Type<\/strong>&nbsp;\u2014 These settings affect all copies of a block type. For example, changing the color on a group block will change the color for all grouped blocks.&nbsp;<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"new-improvements-to-global-styles\">New Improvements to Global Styles&nbsp;<\/h2>\n\n\n\n<p>Global Styles is constantly evolving.&nbsp;<\/p>\n\n\n\n<p>In&nbsp;<a href=\"https:\/\/wptavern.com\/gutenberg-12-1-fixes-block-appender-layout-shift-adds-template-list-views-and-enhances-global-styles\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg 12.1 release<\/a>, the WordPress team added the following features to Global Styles:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Defining custom gradients via the color palette section&nbsp;<\/li><li>Showing duotone colors under the same gradient section&nbsp;<\/li><li>Splitting typography options between text and link elements&nbsp;<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"final-thoughts-what-is-wordpress-global-styles\">Final Thoughts: What Is WordPress Global Styles?&nbsp;<\/h2>\n\n\n\n<p>WordPress Global Styles empowers users to modify their website\u2019s look without editing individual blocks or pages.&nbsp;&nbsp;<\/p>\n\n\n\n<p>With Global Styles, WordPress automatically adds styles to the themes or blocks through&nbsp;theme.json&nbsp;files. These files bypass PHP and CSS, which the Classic Editor required.&nbsp;<\/p>\n\n\n\n<p>We expect Global Styles to ship in with WordPress 5.9, which drops on January 2022.&nbsp;<\/p>\n\n\n\n<p><em>Follow&nbsp;<\/em><a href=\"https:\/\/twitter.com\/bluehost\" target=\"_blank\" rel=\"noreferrer noopener\"><em>@Bluehost<\/em><\/a><em>&nbsp;on Twitter for the latest technology news.<\/em>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Since&nbsp;WordPress 5.0, WordPress has been moving towards&nbsp;Full Site Editing&nbsp;(FSE). So users can use&nbsp;Gutenberg blocks&nbsp;to post content&nbsp;and&nbsp;design whole websites.&nbsp; To achieve FSE, WordPress is developing a block editor that uses block directories,&nbsp;block patterns, and&nbsp;block themes.&nbsp; These block themes need two components to work \u2013&nbsp;templates&nbsp;and Global Styles.&nbsp; Templates sound familiar, but what is Global Styles?&nbsp; Read on [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":39702,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_title":"What Is WordPress Global Styles?","_yoast_wpseo_metadesc":"A WordPress Full Site Editing feature that allows users to change their website\u2019s overall look without having to edit individual blocks or pages.","inline_featured_image":false,"footnotes":""},"categories":[3046,21],"tags":[3308,3317,3324,3330],"ppma_author":[592],"class_list":["post-39701","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-wordpress","tag-accessibility","tag-cms","tag-creators-influencers","tag-how-to-guides"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.1 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>What Is WordPress Global Styles?<\/title>\n<meta name=\"description\" content=\"A WordPress Full Site Editing feature that allows users to change their website\u2019s overall look without having to edit individual blocks or pages.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/posts\/39701\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A Look Into WordPress Global Styles\" \/>\n<meta property=\"og:description\" content=\"A WordPress Full Site Editing feature that allows users to change their website\u2019s overall look without having to edit individual blocks or pages.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/\" \/>\n<meta property=\"og:site_name\" content=\"Bluehost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bluehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-20T15:12:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/12\/what-is-wordpress-global-styles-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1999\" \/>\n\t<meta property=\"og:image:height\" content=\"1333\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Devin Sears\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/DevinSears45842\" \/>\n<meta name=\"twitter:site\" content=\"@bluehost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Devin Sears\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/\"},\"author\":{\"name\":\"Devin Sears\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/3afe9d0188ad6b380b59aa10911f1e50\"},\"headline\":\"A Look Into WordPress Global Styles\",\"datePublished\":\"2022-01-20T15:12:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/\"},\"wordCount\":769,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/12\/what-is-wordpress-global-styles-1.jpg\",\"keywords\":[\"Accessibility\",\"CMS\",\"Creators &amp; Influencers\",\"How-To Guides\"],\"articleSection\":[\"Development\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/\",\"url\":\"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/\",\"name\":\"What Is WordPress Global Styles?\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/12\/what-is-wordpress-global-styles-1.jpg\",\"datePublished\":\"2022-01-20T15:12:00+00:00\",\"description\":\"A WordPress Full Site Editing feature that allows users to change their website\u2019s overall look without having to edit individual blocks or pages.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#primaryimage\",\"url\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/12\/what-is-wordpress-global-styles-1.jpg\",\"contentUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/12\/what-is-wordpress-global-styles-1.jpg\",\"width\":1999,\"height\":1333,\"caption\":\"what is wordpress global styles\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.bluehost.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A Look Into WordPress Global Styles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#website\",\"url\":\"https:\/\/www.bluehost.com\/blog\/\",\"name\":\"Bluehost\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bluehost.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#organization\",\"name\":\"Bluehost\",\"url\":\"https:\/\/www.bluehost.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg\",\"contentUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg\",\"width\":136,\"height\":24,\"caption\":\"Bluehost\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/bluehost\/\",\"https:\/\/x.com\/bluehost\",\"https:\/\/www.linkedin.com\/company\/bluehost-com\/\",\"https:\/\/www.youtube.com\/user\/bluehost\",\"https:\/\/en.wikipedia.org\/wiki\/Bluehost\"],\"description\":\"Bluehost is a leading web hosting provider empowering millions of websites worldwide. \\u2028Discover how Bluehost's expertise, reliability, and innovation can help you achieve your online goals.\",\"telephone\":\"+1-888-401-4678\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/3afe9d0188ad6b380b59aa10911f1e50\",\"name\":\"Devin Sears\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/image\/c58db4604c005b1ce37efa99465604c5\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3561264b7806b1f967a8dcbc7907681637719b76901f52ae90014c76da482d5f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3561264b7806b1f967a8dcbc7907681637719b76901f52ae90014c76da482d5f?s=96&d=mm&r=g\",\"caption\":\"Devin Sears\"},\"description\":\"Devin is a Senior Event Marketing Manager for the Bluehost brand. He is our brand steward for all things Bluehost and WordPress. You'll always see him supporting Bluehost at WordCamps around the world!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/devinsears\",\"https:\/\/x.com\/https:\/\/twitter.com\/DevinSears45842\"],\"knowsAbout\":[\"WordPress\",\"Event Marketing\",\"Field Marketing\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Senior Field Marketing Manager\",\"worksFor\":\"Bluehost\",\"url\":\"https:\/\/www.bluehost.com\/blog\/author\/devin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What Is WordPress Global Styles?","description":"A WordPress Full Site Editing feature that allows users to change their website\u2019s overall look without having to edit individual blocks or pages.","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:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/posts\/39701\/","og_locale":"en_US","og_type":"article","og_title":"A Look Into WordPress Global Styles","og_description":"A WordPress Full Site Editing feature that allows users to change their website\u2019s overall look without having to edit individual blocks or pages.","og_url":"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/","og_site_name":"Bluehost Blog","article_publisher":"https:\/\/www.facebook.com\/bluehost\/","article_published_time":"2022-01-20T15:12:00+00:00","og_image":[{"width":1999,"height":1333,"url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/12\/what-is-wordpress-global-styles-1.jpg","type":"image\/jpeg"}],"author":"Devin Sears","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/DevinSears45842","twitter_site":"@bluehost","twitter_misc":{"Written by":"Devin Sears","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#article","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/"},"author":{"name":"Devin Sears","@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/3afe9d0188ad6b380b59aa10911f1e50"},"headline":"A Look Into WordPress Global Styles","datePublished":"2022-01-20T15:12:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/"},"wordCount":769,"commentCount":0,"publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/12\/what-is-wordpress-global-styles-1.jpg","keywords":["Accessibility","CMS","Creators &amp; Influencers","How-To Guides"],"articleSection":["Development","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/","url":"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/","name":"What Is WordPress Global Styles?","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#primaryimage"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/12\/what-is-wordpress-global-styles-1.jpg","datePublished":"2022-01-20T15:12:00+00:00","description":"A WordPress Full Site Editing feature that allows users to change their website\u2019s overall look without having to edit individual blocks or pages.","breadcrumb":{"@id":"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#primaryimage","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/12\/what-is-wordpress-global-styles-1.jpg","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/12\/what-is-wordpress-global-styles-1.jpg","width":1999,"height":1333,"caption":"what is wordpress global styles"},{"@type":"BreadcrumbList","@id":"https:\/\/www.bluehost.com\/blog\/wordpress-global-styles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.bluehost.com\/blog\/"},{"@type":"ListItem","position":2,"name":"A Look Into WordPress Global Styles"}]},{"@type":"WebSite","@id":"https:\/\/www.bluehost.com\/blog\/#website","url":"https:\/\/www.bluehost.com\/blog\/","name":"Bluehost","description":"","publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bluehost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.bluehost.com\/blog\/#organization","name":"Bluehost","url":"https:\/\/www.bluehost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg","width":136,"height":24,"caption":"Bluehost"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bluehost\/","https:\/\/x.com\/bluehost","https:\/\/www.linkedin.com\/company\/bluehost-com\/","https:\/\/www.youtube.com\/user\/bluehost","https:\/\/en.wikipedia.org\/wiki\/Bluehost"],"description":"Bluehost is a leading web hosting provider empowering millions of websites worldwide. \u2028Discover how Bluehost's expertise, reliability, and innovation can help you achieve your online goals.","telephone":"+1-888-401-4678"},{"@type":"Person","@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/3afe9d0188ad6b380b59aa10911f1e50","name":"Devin Sears","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/image\/c58db4604c005b1ce37efa99465604c5","url":"https:\/\/secure.gravatar.com\/avatar\/3561264b7806b1f967a8dcbc7907681637719b76901f52ae90014c76da482d5f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3561264b7806b1f967a8dcbc7907681637719b76901f52ae90014c76da482d5f?s=96&d=mm&r=g","caption":"Devin Sears"},"description":"Devin is a Senior Event Marketing Manager for the Bluehost brand. He is our brand steward for all things Bluehost and WordPress. You'll always see him supporting Bluehost at WordCamps around the world!","sameAs":["https:\/\/www.linkedin.com\/in\/devinsears","https:\/\/x.com\/https:\/\/twitter.com\/DevinSears45842"],"knowsAbout":["WordPress","Event Marketing","Field Marketing"],"knowsLanguage":["English"],"jobTitle":"Senior Field Marketing Manager","worksFor":"Bluehost","url":"https:\/\/www.bluehost.com\/blog\/author\/devin\/"}]}},"authors":[{"term_id":592,"user_id":15,"is_guest":0,"slug":"devin","display_name":"Devin Sears","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/3561264b7806b1f967a8dcbc7907681637719b76901f52ae90014c76da482d5f?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":""}],"_links":{"self":[{"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/posts\/39701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/comments?post=39701"}],"version-history":[{"count":0,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/posts\/39701\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/media\/39702"}],"wp:attachment":[{"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/media?parent=39701"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/categories?post=39701"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/tags?post=39701"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/ppma_author?post=39701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}