{"id":52864,"date":"2022-03-18T08:11:24","date_gmt":"2022-03-18T15:11:24","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=52864"},"modified":"2025-05-26T10:33:40","modified_gmt":"2025-05-26T17:33:40","slug":"estilos-globais-do-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/","title":{"rendered":"Decodificando o WordPress: Uma Introdu\u00e7\u00e3o aos Estilos Globais"},"content":{"rendered":"\n<p>Os blocos do WordPress e as funcionalidades de <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/edicao-completa-de-site-do-wordpress\/\" target=\"_blank\" rel=\"noopener\">Edi\u00e7\u00e3o Completa do Site (FSE)<\/a> facilitam e agilizam a constru\u00e7\u00e3o e a estiliza\u00e7\u00e3o de um <a href=\"https:\/\/www.dreamhost.com\/blog\/secrets-to-successful-website\/\" target=\"_blank\" rel=\"noopener\">site de sucesso<\/a>.<\/p>\n\n\n\n<p>Os Estilos Globais podem ajud\u00e1-lo a unificar a <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-templates\/\" target=\"_blank\" rel=\"noopener\">apar\u00eancia do seu site WordPress<\/a> sem ter que editar blocos ou p\u00e1ginas individuais. Ent\u00e3o, seja para mudar a cor de fundo ou ajustar a tipografia do cabe\u00e7alho, voc\u00ea poder\u00e1 fazer suas modifica\u00e7\u00f5es em um \u00fanico local, resultando em uma experi\u00eancia de usu\u00e1rio (UX) mais coesa e de melhor qualidade.<\/p>\n\n\n\n<p>Neste post, vamos gui\u00e1-lo pelos Estilos Globais. Explicaremos o que s\u00e3o, seus benef\u00edcios e como as novas funcionalidades funcionam. Depois, discutiremos como us\u00e1-los para estilizar seu site WordPress. Vamos come\u00e7ar!<\/p>\n\n\n\n<h2 id=\"h-an-overview-of-wordpress-global-styles\" class=\"wp-block-heading\"><b>Vis\u00e3o Geral dos Estilos Globais do WordPress<\/b><\/h2>\n\n\n\n<p>Antes de trabalhar com Estilos Globais, \u00e9 importante entender o que eles s\u00e3o e como operam. Essa funcionalidade funciona em conjunto com <i>theme.json<\/i>, um novo arquivo de configura\u00e7\u00f5es de tema. Desenvolvedores podem <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/\" target=\"_blank\" rel=\"noopener\">usar theme.json<\/a> para definir padr\u00f5es para um site, bem como para blocos individuais. O Gutenberg aplica automaticamente este JSON quando voc\u00ea coloca o arquivo no diret\u00f3rio raiz de um tema baseado em blocos.<\/p>\n\n\n\n<p>Este arquivo \u00e9 uma das ferramentas mais \u00fateis do novo editor completo de sites no WordPress 5.9. O arquivo permite que os autores de temas compartilhem Estilos Globais assim como Configura\u00e7\u00f5es Globais. <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/curso-rapido-de-wordpress\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> reformata os dados obtidos desses objetos JSON e os transforma em CSS. Ent\u00e3o, os usu\u00e1rios podem personalizar ainda mais os estilos no editor do WordPress.<\/p>\n\n\n\n<p>Em itera\u00e7\u00f5es anteriores do <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener\">Gutenberg plugin<\/a>, voc\u00ea precisava registrar suporte para as propriedades de estilo de um bloco antes de poder trabalhar com elas em <i>theme.json<\/i>. Al\u00e9m disso, em temas cl\u00e1ssicos e vers\u00f5es anteriores, voc\u00ea tinha que usar PHP para definir coisas como suas escolhas de cores <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/fontes-seguras-para-a-web\/\" target=\"_blank\" rel=\"noopener\">e fontes<\/a>. Ent\u00e3o, voc\u00ea precisava adicionar estilos para os lados frontend e backend do seu tema.<\/p>\n\n\n\n<p>Entretanto, com o lan\u00e7amento mais recente, ao usar um tema com o arquivo <i>theme.json<\/i> incluso, o WordPress adiciona automaticamente os estilos definidos nele \u00e0 sua folha de estilos. Voc\u00ea pode usar este sistema para adicionar paletas de cores completamente novas, alterar a tipografia dos temas e mais.<\/p>\n\n\n\n<h2 id=\"h-why-use-wordpress-global-styles\" class=\"wp-block-heading\"><b>Por que Usar Estilos Globais do WordPress<\/b><\/h2>\n\n\n\n<p>N\u00e3o importa o seu n\u00edvel de habilidade, voc\u00ea provavelmente achar\u00e1 o uso de Estilos Globais uma experi\u00eancia intuitiva e acess\u00edvel. No geral, isso pode simplificar o processo de <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/elementos-do-webdesign\/\" target=\"_blank\" rel=\"noopener\">design de websites<\/a> ao facilitar a mudan\u00e7a da apar\u00eancia e sensa\u00e7\u00e3o do seu site. Se voc\u00ea \u00e9 um iniciante no WordPress, aproveitar esses Estilos Globais pode significar que voc\u00ea n\u00e3o precisar\u00e1 <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/como-contratar-um-desenvolvedor-web\/\" target=\"_blank\" rel=\"noopener\">contratar um desenvolvedor<\/a> para <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-design-a-website\/\" target=\"_blank\" rel=\"noopener\">desenhar seu site<\/a>. Desculpe, desenvolvedores.<\/p>\n\n\n\n<p>Por outro lado, essa nova funcionalidade pode ser particularmente \u00fatil para desenvolvedores de temas. Isso porque os Estilos Globais ajudam os desenvolvedores do WordPress a estilizar blocos dentro do <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-update-old-wordpress-posts-block-editor\/\" target=\"_blank\" rel=\"noopener\">Editor de Blocos<\/a>. Isso pode ser altamente vantajoso, especialmente para novos autores de temas. Ele oferece uma variedade de controles que minimizam a necessidade de criar solu\u00e7\u00f5es personalizadas para estilizar um site.<\/p>\n\n\n\n<p>Em outras palavras, Global Styles simplifica bastante o desenvolvimento de temas. Como resultado, pode ajudar os desenvolvedores a evitar <a href=\"https:\/\/www.dreamhost.com\/blog\/scary-web-design-mistakes\/\" target=\"_blank\" rel=\"noopener\">erros de design prejudiciais<\/a>.<\/p>\n\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n\n<h2 id=\"h-creating-the-theme-json-file\" class=\"wp-block-heading\"><b>Criando o arquivo theme.json<\/b><\/h2>\n\n\n\n<p>O arquivo <i>theme.json<\/i> cont\u00e9m duas partes importantes: configura\u00e7\u00f5es e estilos. Configura\u00e7\u00f5es referem-se a uma lista de valores de configura\u00e7\u00e3o globais ou contextuais que determinam como o editor e os blocos se comportam. Por exemplo, influencia quais controles s\u00e3o ativados por padr\u00e3o, quais controles s\u00e3o ocultados da Interface do Usu\u00e1rio (UI), a paleta de cores dispon\u00edveis, configura\u00e7\u00f5es de tipografia, etc.<\/p>\n\n\n\n<p>Styles lida com a linguagem de design do tema e permite que os autores de temas definam elementos como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tamanho da fonte<\/li>\n\n\n\n<li>Altura da linha<\/li>\n\n\n\n<li>Cores de fundo<\/li>\n\n\n\n<li>Cores dos links<\/li>\n\n\n<\/ul>\n\n\n\n<p>Se voc\u00ea deseja <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/\" target=\"_blank\" rel=\"noopener\">criar um arquivo <i>theme.json<\/i><\/a>, voc\u00ea pode criar um novo arquivo com esse nome e ent\u00e3o coloc\u00e1-lo dentro da pasta raiz do seu tema. Todo o conte\u00fado do seu arquivo deve ser inserido dentro de duas chaves: { }.<\/p>\n\n\n\n<p>A seguir, voc\u00ea usar\u00e1 nomes de propriedades e valores entre aspas duplas e separados por dois pontos, por exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n\n\"nome-da-propriedade\": \"valor\"\n\n}<\/pre>\n\n\n\n<p>O nome da propriedade pode ser uma configura\u00e7\u00e3o ou um nome de bloco. Abaixo est\u00e1 um exemplo de um arquivo <i>theme.json<\/i> muito b\u00e1sico:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"version\": 1,\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"settings\": {},\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"styles\": {},\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"customTemplates\": {},\n\n&nbsp;&nbsp;&nbsp;&nbsp;\"templateParts\": {}\n\n}<\/pre>\n\n\n\n<p>A vers\u00e3o 1 do formato <i>theme.json <\/i>\u00e9 a mais antiga e est\u00e1vel. No entanto, a vers\u00e3o 2 \u00e9 usada a partir do WordPress 5.9. Embora a se\u00e7\u00e3o de vers\u00e3o deva ser a primeira a seguir o colchete de abertura, as se\u00e7\u00f5es subsequentes podem ser colocadas em qualquer ordem.<\/p>\n\n\n\n<p>Como mencionamos, as duas principais se\u00e7\u00f5es do arquivo s\u00e3o Configura\u00e7\u00f5es e Estilos. Vamos dar uma olhada mais de perto nos presets de cada uma.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-settings-presets\"><b>Predefini\u00e7\u00f5es de Configura\u00e7\u00f5es<\/b><\/h3>\n\n\n\n<p><a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#presets\" target=\"_blank\" rel=\"noopener\">Presets<\/a> referem-se aos controles padr\u00e3o, bem como a quaisquer propriedades CSS personalizadas e s\u00e3o gerados pelos valores em <i>theme.json<\/i>. Algumas das principais categorias de presets incluem:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cor<\/li>\n\n\n\n<li>Tipografia<\/li>\n\n\n\n<li>Layout<\/li>\n\n\n\n<li>Espa\u00e7amento<\/li>\n\n\n<\/ul>\n\n\n\n<p>As categorias tamb\u00e9m podem ter subcategorias. Por exemplo, uma subcategoria de Cor poderia ser Paleta de Cores:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n\n\"version\": 2,\n\n\"settings\": {\n\n\"color\": {\n\n\"palette\": [\n\n{<\/pre>\n\n\n\n<p>Cada predefini\u00e7\u00e3o tamb\u00e9m cria uma propriedade CSS personalizada usando a conven\u00e7\u00e3o de nomenclatura \u201c&#8211;wp&#8211;preset&#8211;{preset-category}&#8211;{preset-slug}\u201d.<\/p>\n\n\n\n<p>Existem muitos modelos e exemplos que voc\u00ea pode usar para criar seu arquivo <i>theme.json<\/i>, ent\u00e3o n\u00e3o vamos abordar todos eles aqui. No entanto, voc\u00ea pode consultar o <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\" target=\"_blank\" rel=\"noopener\">Manual do WordPress<\/a> para orienta\u00e7\u00f5es mais detalhadas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-styles-presets\"><b>Estilos Predefinidos<\/b><\/h3>\n\n\n\n<p><a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#styles\" target=\"_blank\" rel=\"noopener\">Presets de estilos<\/a> controlam os estilos de objetos dentro dos blocos. Por exemplo, a seguinte seria uma maneira de usar o valor hexadecimal para um fundo e um preset de Estilos Globais para a cor do texto:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"vers\u00e3o\": 2,\n\n\"configura\u00e7\u00f5es\": { ... },\n\n\"estilos\": {\n\n\"cor\": {\n\n\"fundo\": \"#FBF\",\n\n\"texto\": \"var(--wp--preset--color--purple)\"\n\n}\n\n}\n\n}<\/pre>\n\n\n\n<p>Se quis\u00e9ssemos mudar a cor do t\u00edtulo de um bloco, seria algo parecido com isto:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"version\": 2,\n\n\"settings\": {...},\n\n\"styles\": {\n\n...,\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"blocks\": {\n\n &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; \"core\/heading\": {\n\n &nbsp; &nbsp; \"color\": {\n\n&nbsp; &nbsp; &nbsp; \"text\": \"var(--wp--preset--color--blue)\"\n\n &nbsp; &nbsp; }<\/pre>\n\n\n\n<p>Novamente, existem infinitos exemplos e formas de usar predefini\u00e7\u00f5es para estilos de blocos. Voc\u00ea pode consultar a documenta\u00e7\u00e3o do WordPress para um <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#block-styles\" target=\"_blank\" rel=\"noopener\">desdobramento completo<\/a>.<\/p>\n\n\n\n<p>Existem tamb\u00e9m se\u00e7\u00f5es de <a href=\"https:\/\/fullsiteediting.com\/lessons\/templates-and-template-parts\/\" target=\"_blank\" rel=\"noopener\">Template e partes de Template<\/a>. Estas incluem os arquivos base do seu tema, como <i>index.html<\/i>, bem como se\u00e7\u00f5es para organizar e estruturar o seu tema.<\/p>\n\n\n\n<h2 id=\"h-how-to-style-your-wordpress-site-using-global-styles\" class=\"wp-block-heading\"><b>Como Estilizar Seu Site WordPress Usando Estilos Globais<\/b><\/h2>\n\n\n\n<p>Se voc\u00ea est\u00e1 procurando uma maneira amig\u00e1vel para iniciantes de usar Estilos Globais para estilizar seu site, voc\u00ea pode usar a interface de Estilos Globais com um tema de bloco do WordPress. Observe que voc\u00ea s\u00f3 ter\u00e1 acesso \u00e0 interface de Estilos com <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/atualizacao-de-edicao-completa-do-site-no-wordpress\/\" target=\"_blank\" rel=\"noopener\">WordPress 5.9<\/a> ou superior.<\/p>\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\tComo Criar um Guia de Estilo de Marca para o Seu Site\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/pt\/como-criar-um-guia-de-estilo-de-marca-para-seu-website\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-choosing-a-block-based-theme\"><b>Escolhendo um Tema Baseado em Blocos<\/b><\/h3>\n\n\n\n<p>Primeiro, voc\u00ea precisar\u00e1 de um tema baseado em blocos. Para encontrar um, voc\u00ea pode navegar at\u00e9 o <a href=\"https:\/\/wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener\">Diret\u00f3rio de Temas do WordPress<\/a> a partir do seu painel de administra\u00e7\u00e3o, navegando por <i>Apar\u00eancia &gt; Temas &gt; Adicionar Novo<\/i>. Em seguida, voc\u00ea pode clicar no <i>Filtro de Recursos<\/i> e selecionar <i>Edi\u00e7\u00e3o Completa do Site<\/i>, seguido de <i>Aplicar<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1067\" height=\"563\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles.jpg\" alt=\"Filtro de funcionalidades de tema de Edi\u00e7\u00e3o Completa do Site WordPress\" class=\"wp-image-33280 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles.jpg.webp 1067w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-300x158.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-1024x540.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-768x405.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-600x317.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-730x385.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-784x414.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-877x463.jpg.webp 877w\" data-sizes=\"(max-width: 1067px) 100vw, 1067px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1067px; --smush-placeholder-aspect-ratio: 1067\/563;\" \/><\/figure><\/div>\n\n\n<p>Uma vez que voc\u00ea <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/como-escolher-um-tema-do-wordpress\/\" target=\"_blank\" rel=\"noopener\">encontre um tema do WordPress<\/a> de que goste, voc\u00ea pode passar o mouse sobre ele, e ent\u00e3o selecionar <i>Instalar<\/i> seguido de <i>Ativar<\/i>. N\u00f3s estaremos utilizando o <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\" target=\"_blank\" rel=\"noopener\">Twenty Twenty-Two<\/a>, que pode j\u00e1 estar instalado se voc\u00ea estiver usando o WordPress 5.9 ou posterior.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-accessing-the-styles-interface\"><b>Acessando a Interface de Estilos<\/b><\/h3>\n\n\n\n<p>A seguir, v\u00e1 para o seu Editor de Temas (<i>Apar\u00eancia &gt; Editor<\/i>). No canto superior direito da tela, voc\u00ea ver\u00e1 um c\u00edrculo meio sombreado, que representa o painel de Estilos:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"794\" height=\"537\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-twenty-twenty-two.jpg\" alt=\"Painel de Estilos Globais do WordPress\" class=\"wp-image-33279 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-twenty-twenty-two.jpg.webp 794w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-twenty-twenty-two-300x203.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-twenty-twenty-two-768x519.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-twenty-twenty-two-600x406.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-twenty-twenty-two-730x494.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-twenty-twenty-two-784x530.jpg.webp 784w\" data-sizes=\"(max-width: 794px) 100vw, 794px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 794px; --smush-placeholder-aspect-ratio: 794\/537;\" \/><\/figure><\/div>\n\n\n<p>Quando voc\u00ea clicar pela primeira vez, ser\u00e1 apresentado um Guia de Boas-vindas de Estilos. Se precisar acessar isso no futuro, voc\u00ea pode encontrar clicando nos tr\u00eas pontos verticais no canto superior direito e selecionando <i>Guia de Boas-vindas<\/i>.<\/p>\n\n\n\n<p>A janela de visualiza\u00e7\u00e3o mostra como o estilo atual do seu tema parece. No painel de Estilos, voc\u00ea encontrar\u00e1 configura\u00e7\u00f5es para:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tipografia<\/li>\n\n\n\n<li>Cores<\/li>\n\n\n\n<li>Layout<\/li>\n\n\n\n<li>Blocos<\/li>\n\n\n<\/ul>\n\n\n\n<p>Vamos dar uma olhada mais de perto em cada um.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-typography\"><b>Tipografia<\/b><\/h4>\n\n\n\n<p>Em <i>Typography<\/i>, voc\u00ea pode gerenciar as configura\u00e7\u00f5es de tipografia para dois elementos: <i>Text<\/i> e <i>Links<\/i>.<\/p>\n\n\n\n<p>Voc\u00ea pode alterar a fam\u00edlia e o tamanho da fonte:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"663\" height=\"388\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-4.jpg\" alt=\"Tela de configura\u00e7\u00f5es de tipografia do Estilos Globais do WordPress\" class=\"wp-image-33278 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-4.jpg.webp 663w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-4-300x176.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-4-600x351.jpg.webp 600w\" data-sizes=\"(max-width: 663px) 100vw, 663px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 663px; --smush-placeholder-aspect-ratio: 663\/388;\" \/><\/figure><\/div>\n\n\n<p>Voc\u00ea tamb\u00e9m pode ajustar a altura da linha e selecionar um peso de fonte. Voc\u00ea ter\u00e1 essas mesmas op\u00e7\u00f5es para seus links. Quando terminar, lembre-se de salvar suas altera\u00e7\u00f5es.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-colors\"><b>Cores<\/b><\/h4>\n\n\n\n<p>Em <i>Cores<\/i>, voc\u00ea encontrar\u00e1 os predefini\u00e7\u00f5es de cores padr\u00e3o que acompanham o seu tema. Para criar suas pr\u00f3prias paletas de cores, voc\u00ea pode inserir os n\u00fameros de valor <i>HEX<\/i> ou usar o seletor de cores de arrastar e soltar para gerar suas cores preferidas:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"663\" height=\"388\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-3.jpg\" alt=\"Configura\u00e7\u00f5es de cor dos Estilos Globais do WordPress\" class=\"wp-image-33277 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-3.jpg.webp 663w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-3-300x176.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-3-600x351.jpg.webp 600w\" data-sizes=\"(max-width: 663px) 100vw, 663px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 663px; --smush-placeholder-aspect-ratio: 663\/388;\" \/><\/figure><\/div>\n\n\n<p>Voc\u00ea tamb\u00e9m pode renomear as cores para algo mais identific\u00e1vel ou descritivo do que os valores alfanum\u00e9ricos hexadecimais padr\u00e3o. Voc\u00ea pode adicionar gradientes personalizados, aplicar filtros duo-tone em imagens e mais.<\/p>\n\n\n\n<p>Em seguida, voc\u00ea pode modificar as cores para tr\u00eas elementos principais: <i>Background<\/i>, <i>Text<\/i> e <i>Links<\/i>. Voc\u00ea tamb\u00e9m pode selecionar qualquer um desses elementos para personalizar o estilo. As altera\u00e7\u00f5es ser\u00e3o aplicadas instantaneamente conforme voc\u00ea estiver editando.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-layout\"><b>Layout<\/b><\/h4>\n\n\n\n<p>Sob <i>Layout<\/i>, voc\u00ea pode ajustar o preenchimento e outros elementos. Isso \u00e9 simples e pode ser muito \u00fatil quando voc\u00ea precisa fazer um ajuste menor (por exemplo, por uma quest\u00e3o de simetria da p\u00e1gina).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-blocks\"><b>Blocos<\/b><\/h4>\n\n\n\n<p>Finalmente, voc\u00ea pode alterar a apar\u00eancia de blocos individuais. Depois de selecionar <i>Blocos <\/i>no painel de Estilos, voc\u00ea encontrar\u00e1 uma lista de blocos no seu site.<\/p>\n\n\n\n<p>Vamos supor que voc\u00ea queria mudar o estilo do seu bloco de T\u00edtulo. Voc\u00ea pode selecionar <i>Heading <\/i>da lista, e ent\u00e3o ajustar suas configura\u00e7\u00f5es de <i>Colors <\/i>e <i>Typography <\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"926\" height=\"426\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-2.jpg\" alt=\"Op\u00e7\u00f5es de estilo para o bloco de cabe\u00e7alho do WordPress\" class=\"wp-image-33276 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2.jpg.webp 926w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-2-300x138.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-global-styles-2-768x353.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2-600x276.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2-730x336.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2-784x361.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/wordpress-global-styles-2-877x403.jpg.webp 877w\" data-sizes=\"(max-width: 926px) 100vw, 926px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 926px; --smush-placeholder-aspect-ratio: 926\/426;\" \/><\/figure><\/div>\n\n\n<p>Quando terminar, voc\u00ea pode clicar em <i>Salvar<\/i>. Se voc\u00ea desejar retornar aos estilos de tema que tinha antes de fazer altera\u00e7\u00f5es, voc\u00ea pode navegar at\u00e9 o painel de Estilos, clicar nos tr\u00eas pontos verticais e, em seguida, selecionar <i>Redefinir para os padr\u00f5es<\/i>.<\/p>\n\n\n\n<h2 id=\"h-a-better-way-to-use-and-style-wordpress\" class=\"wp-block-heading\"><b>Uma Melhor Maneira de Usar e Estilizar o WordPress<\/b><\/h2>\n\n\n\n<p>O WordPress est\u00e1 continuamente trabalhando para melhorar a experi\u00eancia de edi\u00e7\u00e3o para seus usu\u00e1rios. Agora, gra\u00e7as aos Estilos Globais, o desenvolvimento de temas acaba de se tornar muito mais f\u00e1cil tanto para iniciantes quanto para profissionais experientes.<\/p>\n\n\n\n<p>Como discutido neste post, voc\u00ea pode criar um arquivo <i>theme.json<\/i> para aplicar configura\u00e7\u00f5es de Estilos Globais ao seu tema. Voc\u00ea tamb\u00e9m pode usar o editor de Estilos com um tema baseado em blocos para personalizar a apar\u00eancia do seu site. Tudo isso torna o design de um site de sucesso muito f\u00e1cil.<\/p>\n\n\n\n<p>A DreamHost \u00e9 uma equipe de especialistas em web com experi\u00eancia. Entendemos a import\u00e2ncia de otimizar sua experi\u00eancia com WordPress. Prometemos apoiar seus esfor\u00e7os usando a tecnologia <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/maneiras-de-apoiar-o-codigo-aberto\/\" target=\"_blank\" rel=\"noopener\">open-source<\/a> mais recente e suporte premiado. Confira nossos <a href=\"https:\/\/www.dreamhost.com\/pt\/wordpress\/gerenciado\/\" target=\"_blank\" rel=\"noopener\">planos de Hospedagem Gerenciada do WordPress<\/a> hoje para saber mais!<\/p>\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Fa\u00e7a Mais com DreamPress\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Os usu\u00e1rios do DreamPress Plus e Pro t\u00eam acesso ao Jetpack Professional (e mais de 200 temas premium) sem custo adicional!\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pt\/wordpress\/gerenciado\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Confira os Planos                    <\/a>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Os blocos do WordPress e as funcionalidades de Edi\u00e7\u00e3o Completa de Site (FSE) facilitam e agilizam a constru\u00e7\u00e3o e a estiliza\u00e7\u00e3o de um site de sucesso. Estilos Globais podem ajudar voc\u00ea a unificar a apar\u00eancia do seu site WordPress sem a necessidade de editar blocos ou p\u00e1ginas individuais. Ent\u00e3o, seja para alterar a cor de fundo ou ajustar a tipografia do cabe\u00e7alho, voc\u00ea poder\u00e1 [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":33273,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-an-overview-of-wordpress-global-styles\",\"Vis\u00e3o Geral dos Estilos Globais do WordPress\"],[\"h-why-use-wordpress-global-styles\",\"Por que Usar Estilos Globais do WordPress\"],[\"h-creating-the-theme-json-file\",\"Criando o arquivo theme.json\"],[\"h-how-to-style-your-wordpress-site-using-global-styles\",\"Como Estilizar Seu Site WordPress Usando Estilos Globais\"],[\"h-a-better-way-to-use-and-style-wordpress\",\"Uma Melhor Maneira de Usar e Estilizar o WordPress\"]]","hide_toc":false,"footnotes":""},"categories":[14411,14391,14409],"tags":[],"class_list":["post-52864","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-decodificando-wordpress-pt","category-tutoriais-pt","category-wordpress-pt"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Decodificando o WordPress: Uma Introdu\u00e7\u00e3o aos Estilos Globais - DreamHost Blog<\/title>\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-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Decodificando o WordPress: Uma Introdu\u00e7\u00e3o aos Estilos Globais\" \/>\n<meta property=\"og:description\" content=\"Os blocos do WordPress e as funcionalidades de Edi\u00e7\u00e3o Completa de Site (FSE) facilitam e agilizam a constru\u00e7\u00e3o e a estiliza\u00e7\u00e3o de um site de sucesso. Estilos Globais podem ajudar voc\u00ea a unificar a apar\u00eancia do seu site WordPress sem a necessidade de editar blocos ou p\u00e1ginas individuais. Ent\u00e3o, seja para alterar a cor de fundo ou ajustar a tipografia do cabe\u00e7alho, voc\u00ea poder\u00e1 [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-18T15:11:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T17:33:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Decodificando o WordPress: Uma Introdu\u00e7\u00e3o aos Estilos Globais - DreamHost Blog","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-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Decodificando o WordPress: Uma Introdu\u00e7\u00e3o aos Estilos Globais","og_description":"Os blocos do WordPress e as funcionalidades de Edi\u00e7\u00e3o Completa de Site (FSE) facilitam e agilizam a constru\u00e7\u00e3o e a estiliza\u00e7\u00e3o de um site de sucesso. Estilos Globais podem ajudar voc\u00ea a unificar a apar\u00eancia do seu site WordPress sem a necessidade de editar blocos ou p\u00e1ginas individuais. Ent\u00e3o, seja para alterar a cor de fundo ou ajustar a tipografia do cabe\u00e7alho, voc\u00ea poder\u00e1 [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-03-18T15:11:24+00:00","article_modified_time":"2025-05-26T17:33:40+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Decodificando o WordPress: Uma Introdu\u00e7\u00e3o aos Estilos Globais","datePublished":"2022-03-18T15:11:24+00:00","dateModified":"2025-05-26T17:33:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/"},"wordCount":1818,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg","articleSection":["Decodificando WordPress","Tutoriais","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/","name":"Decodificando o WordPress: Uma Introdu\u00e7\u00e3o aos Estilos Globais - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg","datePublished":"2022-03-18T15:11:24+00:00","dateModified":"2025-05-26T17:33:40+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-full-site-editing-global-styles-featured-1.jpeg","width":900,"height":598,"caption":"WordPress Full Site Editing Global Styles"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/estilos-globais-do-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Decodificando o WordPress: Uma Introdu\u00e7\u00e3o aos Estilos Globais"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"pt","translations":{"pt":52864,"es":33260,"en":33258,"de":52868,"pl":54238,"uk":54247,"ru":54273,"it":68241,"fr":70068,"nl":70101},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=52864"}],"version-history":[{"count":4,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52864\/revisions"}],"predecessor-version":[{"id":62354,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52864\/revisions\/62354"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/33273"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=52864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=52864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=52864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}