{"id":51734,"date":"2022-07-06T07:00:36","date_gmt":"2022-07-06T14:00:36","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=51734"},"modified":"2025-05-26T10:32:43","modified_gmt":"2025-05-26T17:32:43","slug":"configuracao-de-tema-do-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/configuracao-de-tema-do-wordpress\/","title":{"rendered":"Decodificando o WordPress: Novas Op\u00e7\u00f5es de Configura\u00e7\u00e3o de Tema com o Arquivo Theme.JSON"},"content":{"rendered":"\n<p>Novas op\u00e7\u00f5es de configura\u00e7\u00e3o de temas no WordPress est\u00e3o tornando mais f\u00e1cil do que nunca modificar a apar\u00eancia do seu site para suas necessidades espec\u00edficas e \u00fanicas. Al\u00e9m disso, a capacidade de converter temas cl\u00e1ssicos em temas de blocos est\u00e1 adicionando ainda mais funcionalidades amig\u00e1veis ao usu\u00e1rio.<\/p>\n\n\n\n<p>Neste post do blog, o quarto da nossa s\u00e9rie &#8220;Decodificando o WordPress&#8221;, discutiremos ambos os desenvolvimentos, incluindo o que s\u00e3o e como eles podem facilitar para voc\u00ea ter um site bonito e personalizado, seja voc\u00ea um desenvolvedor de WordPress iniciante ou intermedi\u00e1rio.<\/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-an-overview-of-wordpress-themes-and-templates\" class=\"wp-block-heading\"><b>Vis\u00e3o Geral dos Temas e Modelos do WordPress<\/b><\/h2>\n\n\n\n<p>Antes de abordarmos as novas op\u00e7\u00f5es para configurar seu tema utilizando as novas op\u00e7\u00f5es possibilitadas por um arquivo chamado theme.json, vamos nos familiarizar com o que realmente <i>significa<\/i> configurar um tema. Para ajudar nossa compreens\u00e3o disso, vamos primeiro esclarecer a diferen\u00e7a entre um tema e um template no WordPress, j\u00e1 que frequentemente h\u00e1 alguma confus\u00e3o sobre isso, especialmente se voc\u00ea for um iniciante.<\/p>\n\n\n\n<p>Um tema \u00e9 o design completo e a funda\u00e7\u00e3o para o <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/elementos-do-webdesign\/\" target=\"_blank\" rel=\"noopener\">visual e sensa\u00e7\u00e3o<\/a> coesos do seu site. Inclui coisas como <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/como-escolher-o-esquema-de-cores-para-o-seu-site\/\" target=\"_blank\" rel=\"noopener\">paletas de cores<\/a>, <a href=\"https:\/\/www.dreamhost.com\/blog\/how-typography-affects-website-conversions\/\" target=\"_blank\" rel=\"noopener\">tipografia<\/a>, layouts de p\u00e1gina, margens, espa\u00e7amento entre linhas, cabe\u00e7alhos e <a href=\"https:\/\/www.dreamhost.com\/blog\/website-footer-guide\/\" target=\"_blank\" rel=\"noopener\">rodap\u00e9s<\/a>, posicionamento de barras laterais e outros elementos. Quando voc\u00ea <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/como-escolher-um-tema-do-wordpress\/\" target=\"_blank\" rel=\"noopener\">escolhe um tema<\/a> e o instala, todos esses elementos s\u00e3o automaticamente instalados tamb\u00e9m. Existem praticamente in\u00fameros n\u00fameros de temas gratuitos e pagos dispon\u00edveis.<\/p>\n\n\n\n<p>Um <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/\" target=\"_blank\" rel=\"noopener\">template<\/a>, no entanto, \u00e9 um layout de p\u00e1gina \u00fanica dentro de um tema do site. E embora modifica\u00e7\u00f5es possam ser feitas em um template, elas s\u00e3o aplicadas apenas \u00e0s p\u00e1ginas que utilizam esse template, e n\u00e3o a todo o site. Elementos como personalizar o layout do seu blog, construir <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/construir-paginas-de-destino-geradoras-de-leads-no-wordpress\/\" target=\"_blank\" rel=\"noopener\">p\u00e1ginas de aterrissagem<\/a>, e dar a outros conte\u00fados uma apar\u00eancia distinta s\u00e3o exemplos do que voc\u00ea pode alcan\u00e7ar por meio de templates.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"631\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/wordpress-template-editor-1024x631.jpg\" alt=\"novas op\u00e7\u00f5es de configura\u00e7\u00e3o de tema do WordPress\" class=\"wp-image-35328 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/wordpress-template-editor-1024x631.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/wordpress-template-editor-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/wordpress-template-editor-768x474.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-600x370.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-730x450.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-784x483.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-877x541.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor.jpg.webp 1200w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/631;\" \/><\/figure><\/div>\n\n\n<h2 id=\"h-so-what-are-theme-configuration-options-then\" class=\"wp-block-heading\"><b>Ent\u00e3o, Quais S\u00e3o as Op\u00e7\u00f5es de Configura\u00e7\u00e3o de Tema?<\/b><\/h2>\n\n\n\n<p>As op\u00e7\u00f5es de configura\u00e7\u00e3o do tema s\u00e3o p\u00e1ginas de administra\u00e7\u00e3o que v\u00eam com alguns temas do WordPress. Essas p\u00e1ginas de administra\u00e7\u00e3o permitem que voc\u00ea personalize as configura\u00e7\u00f5es do seu tema instalado sem a necessidade de modificar quaisquer arquivos do tema ou se envolver com a altera\u00e7\u00e3o de c\u00f3digo. Algumas dessas p\u00e1ginas de administra\u00e7\u00e3o podem oferecer algumas op\u00e7\u00f5es, enquanto outras podem ter muitas, muitas mais. Se voc\u00ea \u00e9 um iniciante, a simplicidade relativa de uma p\u00e1gina de administra\u00e7\u00e3o versus a rota mais complicada pode ser uma economia de tempo \u2014 e de sanidade \u2014 bem-vinda.<\/p>\n\n\n\n<p>Se seu objetivo \u00e9 apenas melhorar ou alterar funcionalidades dentro de um tema, voc\u00ea pode simplificar bastante as coisas instalando um plugin em vez de reconfigurar todo o tema. No entanto, se voc\u00ea deseja modificar os estilos do tema e as configura\u00e7\u00f5es de blocos em todo o site, reconfigurar tudo por meio da personaliza\u00e7\u00e3o \u00e9 o que voc\u00ea precisar\u00e1 fazer.<\/p>\n\n\n\n<h2 id=\"h-what-the-heck-is-json\" class=\"wp-block-heading\"><b>O que \u00e9 JSON?<\/b><\/h2>\n\n\n\n<p>Para personalizar seu tema WordPress quando ele n\u00e3o inclui uma p\u00e1gina admin, voc\u00ea precisar\u00e1 <a href=\"https:\/\/fullsiteediting.com\/lessons\/creating-theme-json\/\" target=\"_blank\" rel=\"noopener\">criar<\/a> e adicionar um <span style=\"font-weight: 500;\">arquivo de configura\u00e7\u00e3o theme.json ao tema. Mas o que \u00e9 <a href=\"https:\/\/en.wikipedia.org\/wiki\/JSON\" target=\"_blank\" rel=\"noopener\">JSON<\/a>? A sigla significa Nota\u00e7\u00e3o de Objeto JavaScript, que \u00e9 um formato de interc\u00e2mbio de dados baseado em texto aberto que pode ser lido tanto por humanos quanto por m\u00e1quinas e n\u00e3o est\u00e1 vinculado a nenhuma linguagem de programa\u00e7\u00e3o espec\u00edfica. Seu uso mais comum \u00e9 para a transmiss\u00e3o de dados em aplica\u00e7\u00f5es web.<\/span><\/p>\n\n\n\n<p><b>theme.json<\/b> foi adicionado ao WordPress na vers\u00e3o 5.8 e n\u00e3o funciona com vers\u00f5es anteriores do WordPress, a menos que voc\u00ea ative o <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener\">Plugin Gutenberg<\/a>. (O <a href=\"https:\/\/www.dreamhost.com\/blog\/most-exciting-features-gutenberg-wordpress-editor\/\" target=\"_blank\" rel=\"noopener\">editor Gutenberg<\/a> foi oficialmente lan\u00e7ado em 2018 junto com o WordPress 5.0.)<\/p>\n\n\n\n<p>Algumas das op\u00e7\u00f5es de personaliza\u00e7\u00e3o que voc\u00ea pode escolher dentro de <b>theme.json<\/b> incluem:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Habilitando ou desabilitando funcionalidades como capitulares, preenchimento de bloco, margens e alturas de linha personalizadas<\/li>\n\n\n\n<li>Adicionando m\u00faltiplas <a href=\"https:\/\/fullsiteediting.com\/lessons\/theme-json-color-options\/\" target=\"_blank\" rel=\"noopener\">paletas de cores<\/a>, gradientes e filtros duotone para fotos<\/li>\n\n\n\n<li>Modificando tamanhos de <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/fontes-seguras-para-a-web\/\" target=\"_blank\" rel=\"noopener\">fonte<\/a><\/li>\n\n\n\n<li>Adicionando larguras padr\u00e3o para o conte\u00fado<\/li>\n\n\n\n<li>Gerenciando propriedades de CSS (folha de estilo em cascata). CSS \u00e9 usado para definir a apar\u00eancia visual e formata\u00e7\u00e3o de documentos HTML.<\/li>\n\n\n\n<li>Atribuir <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/\" target=\"_blank\" rel=\"noopener\">partes de templates<\/a> \u00e0s \u00e1reas de partes de template<\/li>\n\n\n<\/ul>\n\n\n\n<p>\u00c0 medida que o desenvolvimento do Gutenberg avan\u00e7a, as op\u00e7\u00f5es dispon\u00edveis com <b>theme.json<\/b> no WordPress diferem entre a vers\u00e3o 5.8 (onde a vers\u00e3o 1 do <b>theme.json<\/b> \u00e9 usada) at\u00e9 a vers\u00e3o 5.9+ (onde a vers\u00e3o 2 do <b>theme.json<\/b> \u00e9 usada), bem como o plugin do Gutenberg.<\/p>\n\n\n\n<h2 id=\"h-options-explained\" class=\"wp-block-heading\"><b>Op\u00e7\u00f5es Explicadas<\/b><\/h2>\n\n\n\n<p>Com essas op\u00e7\u00f5es de personaliza\u00e7\u00e3o mais detalhadas agora ao alcance de desenvolvedores WordPress iniciantes e intermedi\u00e1rios, vamos falar sobre <i>o que<\/i> elas s\u00e3o e <i>por que<\/i> elas podem ser ben\u00e9ficas para voc\u00ea.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-enabling-or-disabling-features-like-drop-caps-block-padding-margins-and-custom-line-heights\"><b>Ativando ou desativando recursos como capitulares, preenchimento de bloco, margens e alturas de linha personalizadas<\/b><\/h3>\n\n\n\n<p>Iniciais mai\u00fasculas (uma t\u00e9cnica de estilo na qual a primeira letra de um par\u00e1grafo tem um tamanho de fonte maior), preenchimento de bloco (o espa\u00e7o dentro do bloco que fica entre o elemento\/conte\u00fado e a borda do bloco, e que envolve todos os lados do elemento), margens e alturas de linha personalizadas podem dar \u00e0s suas p\u00e1ginas uma apar\u00eancia mais distintiva e at\u00e9 formal, dependendo de como voc\u00ea consegue estiliz\u00e1-las.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-adding-multiple-color-palettes-gradients-and-duotone-filters-for-photos\"><b>Adicionando m\u00faltiplas paletas de cores, gradientes e filtros duotone para fotos<\/b><\/h3>\n\n\n\n<p>A paleta de cores certa \u2013 ou v\u00e1rias paletas \u2013 pode ajudar a definir e real\u00e7ar a identidade comercializ\u00e1vel tanto da sua marca quanto do seu site, e gradientes (fundos de duas cores que transitam uma para a outra) podem dar ao seu site uma identidade mais din\u00e2mica do que usar apenas cores s\u00f3lidas para as p\u00e1ginas do seu site. Filtros duotone podem ser aplicados a fotos que voc\u00ea carregou no seu site, e reduzem o n\u00famero de cores na foto para apenas duas \u2013 uma para as partes escuras da foto, outra para as partes claras. Usando esses recursos dentro das configura\u00e7\u00f5es do tema do seu WordPress, os esquemas de cores do seu site podem ser formais, moderados ou vanguardistas \u2013 limitados apenas pela sua imagina\u00e7\u00e3o.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-modifying-font-sizes\"><b>Alterando tamanhos de fonte<\/b><\/h3>\n\n\n\n<p>\u00c0s vezes, as fontes no tema escolhido podem se adequar \u00e0 identidade, tom ou atitude espec\u00edficos que voc\u00ea deseja transmitir, mas os tamanhos de fonte dispon\u00edveis podem n\u00e3o ser adequados. Eles podem ser muito pequenos ou muito grandes. Ao ter a op\u00e7\u00e3o de modificar os tamanhos, voc\u00ea pode personalizar cada aspecto da apar\u00eancia do texto do seu site \u00e0 imagem da sua marca.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-adding-default-widths-for-content\"><b>Adicionando larguras padr\u00e3o para o conte\u00fado<\/b><\/h3>\n\n\n\n<p>A largura do conte\u00fado \u00e9 um recurso do tema pelo qual voc\u00ea pode definir a largura padr\u00e3o ou m\u00e1xima permitida (tamanho) para qualquer conte\u00fado no tema, como incorpora\u00e7\u00f5es e imagens adicionadas \u00e0s postagens. Quando voc\u00ea define larguras padr\u00e3o, o WordPress pode dimensionar c\u00f3digos de incorpora\u00e7\u00e3o para tamanhos espec\u00edficos no frontend e inserir imagens grandes sem quebrar a \u00e1rea principal do conte\u00fado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-managing-custom-css-cascading-style-sheet-properties\"><b>Gerenciando propriedades customizadas de CSS (folha de estilo em cascata).<\/b><\/h3>\n\n\n\n<p>Se voc\u00ea passou algum tempo trabalhando com CSS, temos certeza que voc\u00ea est\u00e1 se perguntando por que voc\u00ea gostaria de escrever seu CSS personalizado no formato JSON radicalmente diferente. Em uma palavra: flexibilidade.<\/p>\n\n\n\n<p>Vamos supor que voc\u00ea escolheu uma cor, verde floresta, para o seu site de que voc\u00ea <i>realmente<\/i> gosta. Com CSS, voc\u00ea teria que passar e adicionar o c\u00f3digo da cor em todos os lugares onde deseja usar essa cor. N\u00e3o \u00e9 um grande problema, certo?<\/p>\n\n\n\n<p>Agora, vamos supor que algumas semanas depois voc\u00ea encontre um tom de verde floresta um pouco mais escuro que prefira usar. Com CSS, voc\u00ea precisa voltar e encontrar\/substituir todas as inst\u00e2ncias do c\u00f3digo de cor \u201cantigo\u201d verde floresta pelo novo.<\/p>\n\n\n\n<p>Mas, ao usar theme.json, voc\u00ea s\u00f3 precisaria atualizar a defini\u00e7\u00e3o de cor uma vez, no arquivo JSON, para que ela mudasse em todo o seu site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-assign-template-parts-to-template-part-areas\"><b>Atribuir partes de template \u00e0s \u00e1reas de parte de template<\/b><\/h3>\n\n\n\n<p>Os modelos de p\u00e1gina s\u00e3o arquivos que controlam a apar\u00eancia de uma p\u00e1gina espec\u00edfica e podem ser usados para aplicar layouts de p\u00e1gina espec\u00edficos a diferentes p\u00e1ginas do seu site. No WordPress, tamb\u00e9m existem partes de modelo, que funcionam como se\u00e7\u00f5es estruturais menores de um modelo de p\u00e1gina.<\/p>\n\n\n\n<p>Se voc\u00ea estiver olhando os arquivos do seu tema, geralmente ver\u00e1 partes do template para coisas como cabe\u00e7alhos ou rodap\u00e9s. <b>theme.json<\/b> permite que voc\u00ea atribua partes do template \u00e0s tr\u00eas \u00e1reas de coloca\u00e7\u00e3o dispon\u00edveis em um template: <i>Geral<\/i>, <i>Cabe\u00e7alho<\/i> e <i>Rodap\u00e9<\/i>.<\/p>\n\n\n\n<h2 id=\"h-to-convert-or-not-to-convert-that-is-the-question\" class=\"wp-block-heading\"><b>Converter ou N\u00e3o Converter \u2013 Eis a Quest\u00e3o<\/b><\/h2>\n\n\n\n<p>Agora que voc\u00ea adquiriu um entendimento das op\u00e7\u00f5es de configura\u00e7\u00e3o de tema do WordPress dispon\u00edveis para voc\u00ea por meio do arquivo <b>theme.json<\/b>, queremos tocar em um \u00faltimo ponto: <a href=\"https:\/\/developer.wordpress.org\/themes\/block-themes\/converting-a-classic-theme-to-a-block-theme\/\" target=\"_blank\" rel=\"noopener\">converter um tema cl\u00e1ssico para um tema em blocos<\/a>, e os problemas que voc\u00ea deve considerar ao converter.<\/p>\n\n\n\n<p>Os temas em blocos no WordPress possuem uma s\u00e9rie de benef\u00edcios, uma vez que foram constru\u00eddos para melhorar tanto a escalabilidade quanto o desempenho.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Os temas em blocos aumentam o desempenho de carregamento ao carregar os estilos apenas para os blocos que foram adicionados a uma p\u00e1gina.<\/li>\n\n\n\n<li>Os temas em blocos n\u00e3o exigem que se enfileire manualmente as folhas de estilo tanto para o frontend como para os editores.<\/li>\n\n\n\n<li><b>theme.json<\/b> lida com todos os aspectos de add_theme_support(), o que resulta em menos tempo manipulando PHP.<\/li>\n\n\n\n<li>Recursos de acessibilidade como Pular para o conte\u00fado, navega\u00e7\u00e3o por teclado e pontos de refer\u00eancia s\u00e3o gerados automaticamente sem adicionar c\u00f3digo adicional.<\/li>\n\n\n\n<li>Com um tema em blocos, um usu\u00e1rio final pode editar todas as partes do seu site sem tocar em nenhum c\u00f3digo.<\/li>\n\n\n\n<li>Ao usar a interface de Estilos, os usu\u00e1rios podem personalizar cores e tipografia para o site e para quaisquer blocos que possam usar.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Entretanto, converter um tema cl\u00e1ssico para um tema de blocos n\u00e3o est\u00e1 isento de riscos.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Converter um tema cl\u00e1ssico para um tema de blocos pode afetar os temas filhos que esperam por um tema cl\u00e1ssico. Considere os impactos potenciais \u2014 ou criar um novo projeto com um novo nome de tema \u2014 antes de converter.<\/li>\n\n\n\n<li><b>theme.json<\/b> requer a vers\u00e3o 5.8 do WordPress ou posterior. Consequentemente, o suporte para o Internet Explorer 11 foi encerrado quando o WordPress 5.8 foi lan\u00e7ado. Assim, se o seu tema cl\u00e1ssico suporta o IE11 \u2014 ou se voc\u00ea tem visitantes que usam o IE11 \u2014 converter para um tema de blocos pode impactar a experi\u00eancia de seus visitantes.<\/li>\n\n\n<\/ul>\n\n\n\n<h2 id=\"h-pro-help-is-available\" class=\"wp-block-heading\"><b>Ajuda Profissional Dispon\u00edvel!<\/b><\/h2>\n\n\n\n<p>Embora personalizar seus temas do WordPress com op\u00e7\u00f5es atrav\u00e9s de um arquivo <b>theme.json<\/b> possa ser razoavelmente vi\u00e1vel se voc\u00ea for um desenvolvedor de WordPress iniciante ou intermedi\u00e1rio, talvez voc\u00ea ainda n\u00e3o esteja 100% seguro de que \u00e9 um passo que se sente confort\u00e1vel para fazer sozinho. N\u00e3o tenha medo, pois ao se inscrever nos tr\u00eas planos de hospedagem gerenciada do WordPress da DreamHost, voc\u00ea automaticamente ganha acesso ao nosso esquadr\u00e3o de elite de especialistas em WordPress totalmente internos, que est\u00e3o dispon\u00edveis 24\/7 para ajud\u00e1-lo com isso e qualquer outro componente da sua jornada de desenvolvimento!<\/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 o 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>As novas op\u00e7\u00f5es de configura\u00e7\u00e3o de tema no WordPress est\u00e3o facilitando como nunca antes a modifica\u00e7\u00e3o da apar\u00eancia do seu site para suas necessidades espec\u00edficas e \u00fanicas. Al\u00e9m disso, a capacidade de converter temas cl\u00e1ssicos para temas de blocos est\u00e1 adicionando ainda mais funcionalidade amig\u00e1vel ao usu\u00e1rio. Neste post do blog, o quarto na nossa s\u00e9rie &#8220;Decoding WordPress&#8221;, n\u00f3s [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":35324,"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-themes-and-templates\",\"Vis\u00e3o Geral dos Temas e Modelos do WordPress\"],[\"h-so-what-are-theme-configuration-options-then\",\"Ent\u00e3o, Quais S\u00e3o as Op\u00e7\u00f5es de Configura\u00e7\u00e3o de Tema?\"],[\"h-what-the-heck-is-json\",\"O que \u00e9 JSON?\"],[\"h-options-explained\",\"Op\u00e7\u00f5es Explicadas\"],[\"h-to-convert-or-not-to-convert-that-is-the-question\",\"Converter ou N\u00e3o Converter \u2013 Eis a Quest\u00e3o\"],[\"h-pro-help-is-available\",\"Ajuda Profissional Dispon\u00edvel!\"]]","hide_toc":false,"footnotes":""},"categories":[14387,14411,14409],"tags":[],"class_list":["post-51734","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conversa-tecnica-pt","category-decodificando-wordpress-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: Novas Op\u00e7\u00f5es de Configura\u00e7\u00e3o de Tema com o Arquivo Theme.JSON - 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\/configuracao-de-tema-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: Novas Op\u00e7\u00f5es de Configura\u00e7\u00e3o de Tema com o Arquivo Theme.JSON\" \/>\n<meta property=\"og:description\" content=\"As novas op\u00e7\u00f5es de configura\u00e7\u00e3o de tema no WordPress est\u00e3o facilitando como nunca antes a modifica\u00e7\u00e3o da apar\u00eancia do seu site para suas necessidades espec\u00edficas e \u00fanicas. Al\u00e9m disso, a capacidade de converter temas cl\u00e1ssicos para temas de blocos est\u00e1 adicionando ainda mais funcionalidade amig\u00e1vel ao usu\u00e1rio. Neste post do blog, o quarto na nossa s\u00e9rie &quot;Decoding WordPress&quot;, n\u00f3s [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/pt\/configuracao-de-tema-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-07-06T14:00:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T17:32:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.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: Novas Op\u00e7\u00f5es de Configura\u00e7\u00e3o de Tema com o Arquivo Theme.JSON - 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\/configuracao-de-tema-do-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Decodificando o WordPress: Novas Op\u00e7\u00f5es de Configura\u00e7\u00e3o de Tema com o Arquivo Theme.JSON","og_description":"As novas op\u00e7\u00f5es de configura\u00e7\u00e3o de tema no WordPress est\u00e3o facilitando como nunca antes a modifica\u00e7\u00e3o da apar\u00eancia do seu site para suas necessidades espec\u00edficas e \u00fanicas. Al\u00e9m disso, a capacidade de converter temas cl\u00e1ssicos para temas de blocos est\u00e1 adicionando ainda mais funcionalidade amig\u00e1vel ao usu\u00e1rio. Neste post do blog, o quarto na nossa s\u00e9rie \"Decoding WordPress\", n\u00f3s [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/configuracao-de-tema-do-wordpress\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-07-06T14:00:36+00:00","article_modified_time":"2025-05-26T17:32:43+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.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\/configuracao-de-tema-do-wordpress\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/configuracao-de-tema-do-wordpress\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Decodificando o WordPress: Novas Op\u00e7\u00f5es de Configura\u00e7\u00e3o de Tema com o Arquivo Theme.JSON","datePublished":"2022-07-06T14:00:36+00:00","dateModified":"2025-05-26T17:32:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/configuracao-de-tema-do-wordpress\/"},"wordCount":1957,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/configuracao-de-tema-do-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","articleSection":["Conversa T\u00e9cnica","Decodificando WordPress","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/configuracao-de-tema-do-wordpress\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/configuracao-de-tema-do-wordpress\/","name":"Decodificando o WordPress: Novas Op\u00e7\u00f5es de Configura\u00e7\u00e3o de Tema com o Arquivo Theme.JSON - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/configuracao-de-tema-do-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/configuracao-de-tema-do-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","datePublished":"2022-07-06T14:00:36+00:00","dateModified":"2025-05-26T17:32:43+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/configuracao-de-tema-do-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/pt\/configuracao-de-tema-do-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/configuracao-de-tema-do-wordpress\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","width":900,"height":598,"caption":"new WordPress Theme Configuration options"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/configuracao-de-tema-do-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Decodificando o WordPress: Novas Op\u00e7\u00f5es de Configura\u00e7\u00e3o de Tema com o Arquivo Theme.JSON"}]},{"@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":51734,"es":35333,"en":35323,"pl":51738,"uk":53846,"de":53867,"ru":53870,"it":68867,"fr":71383,"nl":71413},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/51734","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=51734"}],"version-history":[{"count":4,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/51734\/revisions"}],"predecessor-version":[{"id":62333,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/51734\/revisions\/62333"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/35324"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=51734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=51734"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=51734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}