{"id":56850,"date":"2022-05-02T08:08:12","date_gmt":"2022-05-02T15:08:12","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=56850"},"modified":"2025-05-26T10:33:19","modified_gmt":"2025-05-26T17:33:19","slug":"modelos-e-partes-de-modelos-do-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/","title":{"rendered":"Decodificando o WordPress: Templates Personalizados e Partes do Template"},"content":{"rendered":"\n<p>Com a introdu\u00e7\u00e3o do <a href=\"https:\/\/wordpress.org\/support\/wordpress-version\/version-5-9\/\" target=\"_blank\" rel=\"noopener\">WordPress 5.9<\/a>, agora voc\u00ea pode usar a Edi\u00e7\u00e3o Completa do Site para personalizar a apar\u00eancia do seu tema. Al\u00e9m disso, voc\u00ea pode acessar mais recursos de design para construir seu site sem codifica\u00e7\u00e3o usando um tema baseado em blocos. No entanto, essas configura\u00e7\u00f5es b\u00e1sicas podem n\u00e3o atender \u00e0s suas necessidades.<\/p>\n\n\n\n<p>Felizmente, voc\u00ea pode adicionar facilmente modelos personalizados e partes de modelos ao seu tema de blocos WordPress. Seja usando Edi\u00e7\u00e3o Completa do Site ou editando seu arquivo de tema, voc\u00ea pode criar um <a href=\"https:\/\/www.dreamhost.com\/blog\/website-builder-template-examples\/\" target=\"_blank\" rel=\"noopener\">layout personalizado<\/a> para reutilizar ao projetar novos conte\u00fados.<\/p>\n\n\n\n<p>Neste artigo, vamos discutir o que s\u00e3o templates e partes de templates. Em seguida, mostraremos como cri\u00e1-los no WordPress. Vamos come\u00e7ar!<\/p>\n\n\n\n<h2 id=\"h-an-introduction-to-wordpress-page-templates\" class=\"wp-block-heading\"><b>Introdu\u00e7\u00e3o aos Modelos de P\u00e1gina do WordPress<\/b><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"639\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1024x639.png\" alt=\"Gr\u00e1fico de hierarquia de templates de p\u00e1gina WordPress\" class=\"wp-image-37192 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1024x639.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-300x187.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-768x479.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1536x958.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy-600x374.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy-750x468.png.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-100x62.png 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy.png.webp 1685w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/639;\" \/><\/figure><\/div>\n\n\n<p>Os temas s\u00e3o algumas das funcionalidades mais vers\u00e1teis do WordPress. Ao instalar um tema no seu site, voc\u00ea pode alterar radicalmente a sua apar\u00eancia para atender \u00e0s suas necessidades. Al\u00e9m disso, geralmente \u00e9 f\u00e1cil encontrar temas que se adequem ao seu nicho espec\u00edfico e ofere\u00e7am muita flexibilidade durante o processo de design.<\/p>\n\n\n\n<p>Entretanto, h\u00e1 algumas coisas que s\u00e3o dif\u00edceis de fazer se voc\u00ea est\u00e1 apenas usando um tema para personalizar a apar\u00eancia do seu site. Por exemplo, e se voc\u00ea quiser que seus arquivos tenham um layout muito diferente do restante das suas p\u00e1ginas? Da mesma forma, voc\u00ea pode querer que a barra lateral contenha informa\u00e7\u00f5es diferentes em v\u00e1rios tipos de p\u00e1ginas.<\/p>\n\n\n\n<p>Conhe\u00e7a os modelos de p\u00e1gina \u2014 uma forma de obter mais controle sobre a apar\u00eancia do seu site. De certa forma, os modelos de p\u00e1gina s\u00e3o muito semelhantes aos temas. Ambos s\u00e3o arquivos com c\u00f3digo que instruem seu site sobre como exibir informa\u00e7\u00f5es.<\/p>\n\n\n\n<p>Como o nome sugere, no entanto, um modelo de p\u00e1gina controla apenas o estilo de uma p\u00e1gina espec\u00edfica (ou tipo de p\u00e1gina). Muitos temas v\u00eam com v\u00e1rios modelos de p\u00e1gina para escolher, mas voc\u00ea tamb\u00e9m pode criar o seu pr\u00f3prio. Dessa forma, voc\u00ea pode decidir exatamente como ele deve ser configurado e quais p\u00e1ginas devem ser atribu\u00eddas para seguir esse modelo.<\/p>\n\n\n\n<p>Entender e usar templates \u00e9 um pouco mais t\u00e9cnico do que lidar com temas. Se voc\u00ea realmente quer entender como os templates funcionam, pode querer dedicar algum tempo para ler sobre a <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\" target=\"_blank\" rel=\"noopener\">Hierarquia de Templates do WordPress<\/a>. Este sistema atribui um n\u00edvel de prioridade a cada tipo de template para que o seu site WordPress sempre saiba qual deles exibir.<\/p>\n\n\n\n<p>N\u00e3o entraremos em muitos detalhes sobre esse conceito agora, j\u00e1 que primeiro estaremos focando especificamente em modelos de p\u00e1gina. Vamos come\u00e7ar explorando por que voc\u00ea pode querer usar modelos em primeiro lugar.<\/p>\n\n\n\n<h2 id=\"h-the-benefits-of-using-page-templates\" class=\"wp-block-heading\"><b>Os Benef\u00edcios de Usar Modelos de P\u00e1gina<\/b><\/h2>\n\n\n\n<p>At\u00e9 agora, voc\u00ea deve ter uma ideia de por que os modelos de p\u00e1gina s\u00e3o t\u00e3o \u00fateis. Eles oferecem muito mais controle sobre a apar\u00eancia e o layout do seu site do que voc\u00ea normalmente consegue modificando seu tema. As aplica\u00e7\u00f5es para modelos de p\u00e1gina s\u00e3o numerosas \u2014 o \u00fanico limite \u00e9 a sua pr\u00f3pria criatividade.<\/p>\n\n\n\n<p>Para lhe dar uma ideia da import\u00e2ncia desta funcionalidade, aqui est\u00e3o alguns exemplos de situa\u00e7\u00f5es em que voc\u00ea pode querer usar um modelo de p\u00e1gina:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Se voc\u00ea deseja que uma p\u00e1gina espec\u00edfica tenha um layout de largura total, enquanto mant\u00e9m um design de largura fixa para as outras p\u00e1ginas.<\/li>\n\n\n\n<li>Para criar uma p\u00e1gina personalizada que utiliza widgets n\u00e3o exibidos em outras p\u00e1ginas.<\/li>\n\n\n\n<li>Para exibir postagens recomendadas aos leitores que s\u00e3o relevantes para o conte\u00fado espec\u00edfico que eles est\u00e3o navegando.<\/li>\n\n\n\n<li>Para construir uma p\u00e1gina com um conjunto \u00fanico de funcionalidades, como uma p\u00e1gina de colaboradores ou arquivos.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Ao final deste post, mostraremos como fazer cada uma dessas coisas. Uma vez que voc\u00ea come\u00e7ar a experimentar com os modelos de p\u00e1gina e entender como eles funcionam, voc\u00ea poder\u00e1 fazer o que desejar com eles.<\/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-introduction-to-full-site-editing-with-templates-and-template-parts\" class=\"wp-block-heading\"><b>Introdu\u00e7\u00e3o \u00e0 Edi\u00e7\u00e3o Completa do Site com Modelos e Partes de Modelos<\/b><\/h2>\n\n\n\n<p>Usando a <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/edicao-completa-de-site-do-wordpress\/\" target=\"_blank\" rel=\"noopener\">Edi\u00e7\u00e3o Completa do Site<\/a>, voc\u00ea pode projetar o layout do seu site com blocos. Voc\u00ea provavelmente j\u00e1 usa blocos para criar posts no WordPress. Agora, eles podem construir todo o seu site, incluindo \u00e1reas que n\u00e3o s\u00e3o de conte\u00fado.<\/p>\n\n\n\n<p>Uma vantagem da Edi\u00e7\u00e3o Completa do Site s\u00e3o seus modelos de p\u00e1gina. Eles permitem que voc\u00ea veja e personalize seus modelos facilmente, sem a necessidade de editar manualmente os arquivos do tema:<\/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\/05\/templates-screen-wordpress-1024x631.jpg\" alt=\"a tela de templates do WordPress\" class=\"wp-image-37186 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-1024x631.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-768x473.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-1536x947.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress-600x370.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress-750x462.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-100x62.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress.jpg.webp 1999w\" 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<p>No WordPress, tamb\u00e9m existem partes de template, que funcionam como se\u00e7\u00f5es estruturais menores de um template de p\u00e1gina. Geralmente, voc\u00ea ver\u00e1 partes de template para cabe\u00e7alhos ou rodap\u00e9s:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"591\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg\" alt=\"a tela de partes de template no WordPress\" class=\"wp-image-37184 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-300x173.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-768x443.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1536x886.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-600x346.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-750x433.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-100x58.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/591;\" \/><\/figure><\/div>\n\n\n<p>Usando um modelo, voc\u00ea pode criar p\u00e1ginas com caracter\u00edsticas \u00fanicas. Por exemplo, voc\u00ea pode n\u00e3o querer que sua <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-front-page\/\" target=\"_blank\" rel=\"noopener\">p\u00e1gina inicial<\/a> tenha o mesmo layout que o restante do seu conte\u00fado. Portanto, voc\u00ea pode alcan\u00e7ar um design \u00fanico com um modelo de p\u00e1gina.<\/p>\n\n\n\n<p>Al\u00e9m disso, voc\u00ea pode economizar tempo durante o processo de design reutilizando modelos e partes de modelos. Ao simplesmente clicar em um modelo ou elemento individual, voc\u00ea pode implement\u00e1-lo instantaneamente.<\/p>\n\n\n\n<h2 id=\"h-how-to-make-templates-in-wordpress-with-the-template-editor\" class=\"wp-block-heading\"><b>Como Criar Modelos no WordPress com o Editor de Modelos<\/b><\/h2>\n\n\n\n<p>Se voc\u00ea est\u00e1 usando um tema em blocos, ele vem com o <a href=\"https:\/\/wordpress.org\/support\/article\/template-editor\/\" target=\"_blank\" rel=\"noopener\">Editor de Modelos<\/a>. Usando este recurso, voc\u00ea pode criar e editar modelos para qualquer p\u00e1gina ou postagem no seu site. Funciona de maneira semelhante ao Editor de Blocos, permitindo que voc\u00ea personalize seu tema com blocos.<\/p>\n\n\n\n<p>Para come\u00e7ar, voc\u00ea precisar\u00e1 instalar um tema de bloco. No seu Painel do WordPress, navegue at\u00e9 <i>Appearance &gt; Themes &gt; Add New<\/i>. Em seguida, filtre os resultados com a tag <i>Full Site Editing<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"561\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1024x561.jpg\" alt=\"habilitar a edi\u00e7\u00e3o completa do site no WordPress\" class=\"wp-image-37182 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1024x561.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-300x164.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-768x421.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1536x842.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress-600x329.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress-750x411.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-100x55.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/561;\" \/><\/figure><\/div>\n\n\n<p>Selecione <i>Apply Filters<\/i>. Nos resultados da pesquisa, instale e ative um tema. Usaremos o tema padr\u00e3o Twenty Twenty-Two para este tutorial:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"729\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-1024x729.jpg\" alt=\"personalizando temas no WordPress\" class=\"wp-image-37181 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-1024x729.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-300x214.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-768x547.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress-600x427.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress-750x534.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-100x71.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress.jpg.webp 1422w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/729;\" \/><\/figure><\/div>\n\n\n<p>Para criar um novo modelo, comece adicionando uma nova postagem ou p\u00e1gina. Em seguida, na aba de configura\u00e7\u00f5es de <i>Post<\/i>, encontre a se\u00e7\u00e3o de <i>Modelo<\/i> e selecione o bot\u00e3o <i>Novo<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"447\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1024x447.jpg\" alt=\"selecionando seu template de p\u00e1gina do WordPress no editor\" class=\"wp-image-37183 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1024x447.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-300x131.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-768x335.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1536x670.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor-600x262.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor-750x327.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-100x44.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/447;\" \/><\/figure><\/div>\n\n\n<p>Na janela pop-up, d\u00ea um nome ao seu novo template. Em seguida, selecione <i>Criar<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"842\" height=\"580\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress.jpg\" alt=\"criar um novo template personalizado no WordPress\" class=\"wp-image-37180 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress.jpg.webp 842w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-300x207.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-768x529.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress-600x413.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress-750x517.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-100x69.jpg 100w\" data-sizes=\"(max-width: 842px) 100vw, 842px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 842px; --smush-placeholder-aspect-ratio: 842\/580;\" \/><\/figure><\/div>\n\n\n<p>Isso abrir\u00e1 automaticamente o Editor de Modelo. Voc\u00ea pode projetar seu modelo usando os mesmos blocos que usaria em uma postagem. No entanto, \u00e9 importante observar que esses blocos ser\u00e3o adicionados a cada postagem com este modelo:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"624\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1024x624.jpg\" alt=\"adicionando blocos a uma nova parte do template no WordPress\" class=\"wp-image-37179 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1024x624.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-300x183.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-768x468.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1536x936.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part-600x366.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part-750x457.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-100x61.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/624;\" \/><\/figure><\/div>\n\n\n<p>Voc\u00ea tamb\u00e9m pode inserir blocos relacionados ao seu tema. Ao rolar para baixo at\u00e9 a se\u00e7\u00e3o <i>Tema<\/i> das op\u00e7\u00f5es de blocos, voc\u00ea pode exibir um logo, slogan, coment\u00e1rios de postagens e mais:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"548\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1024x548.jpg\" alt=\"selecionando blocos de temas dispon\u00edveis do WordPress\" class=\"wp-image-37194 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1024x548.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-300x161.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-768x411.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1536x822.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks-600x321.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks-750x401.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-100x54.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/548;\" \/><\/figure><\/div>\n\n\n<p>Quando voc\u00ea terminar de personalizar seu modelo, clique em <i>Publicar<\/i>. Depois, sempre que quiser atribuir uma postagem ou p\u00e1gina a esse modelo, basta selecion\u00e1-lo na aba de configura\u00e7\u00f5es.<\/p>\n\n\n\n<h2 id=\"h-how-to-create-template-parts-in-wordpress-with-the-site-editor\" class=\"wp-block-heading\"><b>Como Criar Partes de Modelo no WordPress com o Editor de Site<\/b><\/h2>\n\n\n\n<p>Com um tema de bloco, voc\u00ea pode editar modelos com o Editor do Site. Voc\u00ea pode editar seu tema diretamente em vez de criar uma nova postagem ou p\u00e1gina.<\/p>\n\n\n\n<p>Primeiro, v\u00e1 at\u00e9 o seu painel. Em seguida, selecione<i> Apar\u00eancia &gt; Editor (beta)<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"334\" height=\"246\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor.jpg\" alt=\"Configura\u00e7\u00e3o do editor de temas WordPress no menu Apar\u00eancia\" class=\"wp-image-37195 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-themes-editor.jpg.webp 334w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor-300x221.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor-100x74.jpg 100w\" data-sizes=\"(max-width: 334px) 100vw, 334px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 334px; --smush-placeholder-aspect-ratio: 334\/246;\" \/><\/figure><\/div>\n\n\n<p>Isso abrir\u00e1 o Editor do Site. Para encontrar os templates e partes de template do seu tema, clique no \u00edcone do WordPress no canto superior esquerdo:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"477\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1024x477.jpg\" alt=\"Editor de site WordPress\" class=\"wp-image-37191 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1024x477.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-300x140.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-768x358.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1536x716.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor-600x280.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor-750x350.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-100x47.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/477;\" \/><\/figure><\/div>\n\n\n<p>Ap\u00f3s selecionar <i>Template Parts<\/i>, voc\u00ea ver\u00e1 uma lista de op\u00e7\u00f5es padr\u00e3o. Para adicionar uma nova parte do template, clique no bot\u00e3o <i>Add New<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"591\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg\" alt=\"a tela de partes de template no WordPress\" class=\"wp-image-37184 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-300x173.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-768x443.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1536x886.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-600x346.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-750x433.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-100x58.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/591;\" \/><\/figure><\/div>\n\n\n<p>Em seguida, crie um nome para a parte do seu template e escolha onde coloc\u00e1-lo. As tr\u00eas \u00e1reas de coloca\u00e7\u00e3o s\u00e3o <i>Geral<\/i>, <i>Cabe\u00e7alho<\/i> e <i>Rodap\u00e9<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"905\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-1024x905.jpg\" alt=\"criando uma nova parte de modelo no WordPress\" class=\"wp-image-37189 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-1024x905.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-300x265.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-768x679.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part-600x531.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part-750x663.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-100x88.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part.jpg.webp 1244w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/905;\" \/><\/figure><\/div>\n\n\n<p>Quando terminar, selecione <i>Criar<\/i>. Isso o levar\u00e1 \u00e0 parte isolada do template, que voc\u00ea pode personalizar adicionando blocos:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"624\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1024x624.jpg\" alt=\"WordPress adicionar nova Parte do Template\" class=\"wp-image-33804 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1024x624.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-300x183.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-768x468.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1536x936.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-600x366.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1200x731.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-730x445.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1460x890.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-784x478.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1568x955.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-877x534.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1754x1069.jpg.webp 1754w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/624;\" \/><\/figure><\/div>\n\n\n<p>Voc\u00ea pode exibir uma chamada simples para a\u00e7\u00e3o, logotipo do site ou qualquer coisa que voc\u00ea queira reutilizar como parte do template. Uma vez salvo, voc\u00ea pode adicion\u00e1-lo a qualquer template simplesmente inserindo o bloco <i>Template Part<\/i>.<\/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\t27 Temas de Bloco do WordPress Perfeitos para Edi\u00e7\u00e3o Completa do Site\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/pt\/temas-de-bloco-do-wordpress\/\" 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<h2 id=\"h-how-to-create-custom-templates-and-template-parts-in-wordpress-manual-coding\" class=\"wp-block-heading\"><b>Como Criar Templates Personalizados e Partes de Template no WordPress (Codifica\u00e7\u00e3o Manual)<\/b><\/h2>\n\n\n\n<p>Embora a Edi\u00e7\u00e3o Completa do Site permita que voc\u00ea crie templates e partes de template para um tema existente, voc\u00ea pode querer <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-developing-a-wp-theme\/\" target=\"_blank\" rel=\"noopener\">desenvolver seu pr\u00f3prio tema<\/a>. Al\u00e9m disso, essa op\u00e7\u00e3o pode dar-lhe mais controle sobre a apar\u00eancia do seu site.<\/p>\n\n\n\n<p>Se voc\u00ea est\u00e1 construindo seu novo tema a partir de um existente, recomendamos <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/como-criar-um-tema-filho-do-wordpress\/\" target=\"_blank\" rel=\"noopener\">criar um tema filho<\/a>. Este passo garante que novas atualiza\u00e7\u00f5es no tema principal n\u00e3o sobrescrevam suas personaliza\u00e7\u00f5es.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-1-add-a-configuration-file\"><b>Passo 1: Adicionar um Arquivo de Configura\u00e7\u00e3o<\/b><\/h3>\n\n\n\n<p>Com os antigos <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-functions\/\" target=\"_blank\" rel=\"noopener\">temas baseados em PHP,<\/a> voc\u00ea poderia editar o cabe\u00e7alho do seu arquivo de template. No entanto, para criar conte\u00fado personalizado em um tema baseado em blocos, voc\u00ea precisar\u00e1 criar um novo <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\" target=\"_blank\" rel=\"noopener\"><i>theme.json<\/i> file<\/a>.<\/p>\n\n\n\n<p>Voc\u00ea precisar\u00e1 primeiro acessar seu site por meio do <a href=\"https:\/\/www.dreamhost.com\/blog\/ftp-sftp-guide-for-wordpress-users\/\" target=\"_blank\" rel=\"noopener\">Secure File Transfer Protocol (SFTP)<\/a> ou pelo painel do gestor do seu provedor de hospedagem. Em seguida, procure pela pasta <i>themes<\/i>, que deve estar sob <i>wp-content<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"420\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1024x420.jpg\" alt=\"pasta wp-content themes no WordPress via FTP\" class=\"wp-image-37197 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1024x420.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-300x123.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-768x315.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1536x629.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1-600x246.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1-750x307.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-100x41.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/420;\" \/><\/figure><\/div>\n\n\n<p>Na sua pasta de tema filho, crie um novo arquivo. Nomeie-o como \u201ctheme.json\u201d:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"363\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-1024x363.jpg\" alt=\"arquivo theme.json\" class=\"wp-image-37187 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-1024x363.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-300x106.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-768x272.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file-600x213.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file-750x266.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-100x35.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file.jpg.webp 1274w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/363;\" \/><\/figure><\/div>\n\n\n<p>Neste arquivo, inclua o n\u00famero da vers\u00e3o entre chaves. Se voc\u00ea n\u00e3o adicionar isso, ser\u00e1 lido como &#8220;vers\u00e3o 0&#8221;:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n &nbsp;&nbsp;&nbsp;\"version\": 2\n}<\/pre>\n\n\n\n<p>Voc\u00ea ter\u00e1 que configurar este arquivo <i>theme.json<\/i> para suportar a largura do seu conte\u00fado. Ap\u00f3s o seu n\u00famero de vers\u00e3o, copie e cole <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/#layout\" target=\"_blank\" rel=\"noopener\">este c\u00f3digo extra<\/a>:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"vers\u00e3o\": 2,\n\"configura\u00e7\u00f5es\": {\n\"layout\": {\n\"tamanhoConte\u00fado\": \"840px\",\n\"tamanhoLargo\": \"1100px\"\n }\n }\n}<\/pre>\n\n\n\n<p>Isso definir\u00e1 a largura do seu conte\u00fado para 840px. A largura ampla tamb\u00e9m ser\u00e1 atualizada para 1100px. Esses valores correspondem \u00e0s larguras padr\u00e3o no Editor de Sites, mas voc\u00ea pode edit\u00e1-los conforme necess\u00e1rio.<\/p>\n\n\n\n<p>Uma vez que a largura do conte\u00fado agora \u00e9 de 840px, isso proporcionar\u00e1 muito espa\u00e7o para cada linha de caracteres. Dependendo da fonte e do tamanho escolhidos, voc\u00ea pode precisar ajust\u00e1-lo para que os espectadores possam ler seu conte\u00fado confortavelmente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-2-create-new-template-parts\"><b>Passo 2: Criar Novas Partes do Modelo<\/b><\/h3>\n\n\n\n<p>Depois, volte para a sua pasta de <i>themes<\/i> e abra a pasta de <i>templates<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"419\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1024x419.jpg\" alt=\"localiza\u00e7\u00e3o da pasta de templates dentro da pasta de temas via cliente FTP\" class=\"wp-image-37185 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1024x419.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-300x123.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-768x314.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1536x629.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder-600x246.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder-750x307.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-100x41.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/419;\" \/><\/figure><\/div>\n\n\n<p>Aqui, crie um arquivo <i>index.html<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"332\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1024x332.jpg\" alt=\"Pasta de temas wp-content do WordPress\" class=\"wp-image-37196 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1024x332.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-300x97.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-768x249.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1536x498.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder-600x194.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder-750x243.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-100x32.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/332;\" \/><\/figure><\/div>\n\n\n<p>Retorne \u00e0 sua pasta de temas e clique em <i>template-parts<\/i>. Dentro desta pasta, crie arquivos para <i>footer.html<\/i> e <i>header.html<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"520\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1024x520.jpg\" alt=\"localiza\u00e7\u00e3o do arquivo footer.php do WordPress via cliente FTP\" class=\"wp-image-37190 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1024x520.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-300x152.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-768x390.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1536x781.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location-600x305.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location-750x381.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-100x51.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/520;\" \/><\/figure><\/div>\n\n\n<p>Dentro do arquivo <i>header.html<\/i>, adicione c\u00f3digo para os blocos do t\u00edtulo do seu site e slogan. Voc\u00ea pode fazer isso incluindo esta <a href=\"https:\/\/fullsiteediting.com\/lessons\/templates-and-template-parts\/\" target=\"_blank\" rel=\"noopener\">marca\u00e7\u00e3o de bloco<\/a>:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:site-title \/--&gt;\n&lt;!-- wp:site-tagline \/--&gt;<\/pre>\n\n\n\n<p>Em seguida, v\u00e1 at\u00e9 o arquivo footer.html e cole o seguinte c\u00f3digo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:paragraph {\"align\":\"center\"} --&gt;\n&lt;p class=\"has-text-align-center\"&gt;Orgulhosamente desenvolvido por \n&lt;a href=\"https:\/\/wordpress.org\/\"&gt;WordPress&lt;\/a&gt;.&lt;\/p&gt;\n&lt;!-- \/wp:paragraph \/\u2014-&gt;<\/pre>\n\n\n\n<p>Uma vez que voc\u00ea adicione essas partes do template, eles podem ser facilmente identificados quando voc\u00ea estiver pronto para testar seu tema.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-3-combine-the-template-parts\"><b>Etapa 3: Combine as Partes do Modelo<\/b><\/h3>\n\n\n\n<p>O pr\u00f3ximo passo \u00e9 colocar a marca\u00e7\u00e3o de bloco para as partes do seu template no arquivo HTML do seu template. Abra a pasta <i>templates<\/i> e encontre o arquivo <i>index.html<\/i> que voc\u00ea criou na \u00faltima etapa.<\/p>\n\n\n\n<p>Ent\u00e3o, voc\u00ea precisar\u00e1 adicionar o c\u00f3digo para suas duas partes do template:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:template-part {\"slug\":\"header\"} \/--&gt;\n&lt;!-- wp:template-part {\"slug\":\"footer\"} \/\u2014-&gt;<\/pre>\n\n\n\n<p>Com base no nome do arquivo de parte do template, este nome se tornar\u00e1 o slug. Por exemplo, a parte do template <i>header.html<\/i> ter\u00e1 &#8220;header&#8221; como seu slug.<\/p>\n\n\n\n<p>Em seguida, adicione o elemento HTML correto para cada parte do template. Eles identificar\u00e3o a localiza\u00e7\u00e3o da parte do template:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\"tagName\":\"cabe\u00e7alho\"\n\"tagName\":\"rodap\u00e9\"<\/pre>\n\n\n\n<p>Se voc\u00ea planeja usar CSS para identificar este cabe\u00e7alho e rodap\u00e9, precisar\u00e1 adicionar um nome de classe CSS personalizado. Voc\u00ea pode colocar este c\u00f3digo ao final de cada linha:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\"className\":\"cabe\u00e7alho-do-site\"\n\"className\":\"rodap\u00e9-do-site\"<\/pre>\n\n\n\n<p>Por \u00faltimo, a configura\u00e7\u00e3o de layout que voc\u00ea inseriu no arquivo <i>theme.json<\/i> precisa ser suportada. Para fazer isso, adicione este c\u00f3digo a cada parte do template:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\"layout\":{\"inherit\":true}<\/pre>\n\n\n\n<p>Aqui est\u00e1 como o c\u00f3digo resultante deve parecer:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"219\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1024x219.jpg\" alt=\"Trechos de c\u00f3digo de partes de templates do WordPress\" class=\"wp-image-37193 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1024x219.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-300x64.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-768x165.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1536x329.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code-600x129.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code-750x161.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-100x21.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code.jpg.webp 1998w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/219;\" \/><\/figure><\/div>\n\n\n<p>Depois de terminar a programa\u00e7\u00e3o, voc\u00ea pode visualizar seu site para ver essas altera\u00e7\u00f5es no seu layout.<\/p>\n\n\n\n<h2 id=\"h-ready-to-create-your-own-custom-templates\" class=\"wp-block-heading\"><b>Pronto para Criar Seus Pr\u00f3prios Modelos Personalizados?<\/b><\/h2>\n\n\n\n<p>Se voc\u00ea deseja otimizar o processo de design do seu site, \u00e9 uma boa ideia usar a Edi\u00e7\u00e3o Completa do Site. Voc\u00ea pode personalizar facilmente a apar\u00eancia do seu site com modelos e partes de modelos usando esse recurso. Essa abordagem pode ser uma alternativa mais simples do que redesenhar completamente cada p\u00e1gina do zero.<\/p>\n\n\n\n<p>Para revis\u00e3o, aqui est\u00e3o as diferentes maneiras que voc\u00ea pode criar modelos e partes de modelos no WordPress:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Crie um novo template com o Editor de Template.<\/li>\n\n\n\n<li>Crie partes de template com o Editor de Site.<\/li>\n\n\n\n<li>Code templates e partes de template manualmente.<\/li>\n\n\n<\/ol>\n\n\n\n<p>Codificar seu pr\u00f3prio tema pode ser complicado, especialmente se voc\u00ea n\u00e3o tem experi\u00eancia com desenvolvimento web. Se voc\u00ea precisa personalizar seu layout do zero, talvez queira contratar um designer profissional. Com nosso <a href=\"https:\/\/www.dreamhost.com\/pt\/servicos-profissionais\/design\/design-web-personalizado\/\" target=\"_blank\" rel=\"noopener\">Servi\u00e7o Pro de Design Web Personalizado<\/a>, voc\u00ea pode evitar esse processo complicado de codifica\u00e7\u00e3o e obter um site de alta qualidade projetado para a sua marca!<\/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      Tenha um Site Personalizado do Qual Voc\u00ea se Orgulhar\u00e1\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Nossos designers criar\u00e3o um site incr\u00edvel do zero para combinar perfeitamente com sua marca.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pt\/servicos-profissionais\/design\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Saiba Mais                    <\/a>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Com a introdu\u00e7\u00e3o do WordPress 5.9, agora voc\u00ea pode usar a Edi\u00e7\u00e3o Completa do Site para personalizar a apar\u00eancia do seu tema. Al\u00e9m disso, voc\u00ea pode acessar mais recursos de design para construir seu site sem programar usando um tema baseado em blocos. No entanto, essas configura\u00e7\u00f5es b\u00e1sicas podem n\u00e3o atender \u00e0s suas necessidades. Felizmente, voc\u00ea pode adicionar facilmente modelos personalizados e partes de modelos [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":37177,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-an-introduction-to-wordpress-page-templates\",\"Introdu\u00e7\u00e3o aos Modelos de P\u00e1gina do WordPress\"],[\"h-the-benefits-of-using-page-templates\",\"Os Benef\u00edcios de Usar Modelos de P\u00e1gina\"],[\"h-an-introduction-to-full-site-editing-with-templates-and-template-parts\",\"Introdu\u00e7\u00e3o \u00e0 Edi\u00e7\u00e3o Completa do Site com Modelos e Partes de Modelos\"],[\"h-how-to-make-templates-in-wordpress-with-the-template-editor\",\"Como Criar Modelos no WordPress com o Editor de Modelos\"],[\"h-how-to-create-template-parts-in-wordpress-with-the-site-editor\",\"Como Criar Partes de Modelo no WordPress com o Editor de Site\"],[\"h-how-to-create-custom-templates-and-template-parts-in-wordpress-manual-coding\",\"Como Criar Templates Personalizados e Partes de Template no WordPress (Codifica\u00e7\u00e3o Manual)\"],[\"h-ready-to-create-your-own-custom-templates\",\"Pronto para Criar Seus Pr\u00f3prios Modelos Personalizados?\"]]","hide_toc":false,"footnotes":""},"categories":[14411,14407,14409],"tags":[],"class_list":["post-56850","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-decodificando-wordpress-pt","category-design-de-sites-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: Templates Personalizados e Partes do Template - 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\/modelos-e-partes-de-modelos-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: Templates Personalizados e Partes do Template\" \/>\n<meta property=\"og:description\" content=\"Com a introdu\u00e7\u00e3o do WordPress 5.9, agora voc\u00ea pode usar a Edi\u00e7\u00e3o Completa do Site para personalizar a apar\u00eancia do seu tema. Al\u00e9m disso, voc\u00ea pode acessar mais recursos de design para construir seu site sem programar usando um tema baseado em blocos. No entanto, essas configura\u00e7\u00f5es b\u00e1sicas podem n\u00e3o atender \u00e0s suas necessidades. Felizmente, voc\u00ea pode adicionar facilmente modelos personalizados e partes de modelos [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-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-05-02T15:08:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T17:33:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg\" \/>\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=\"11 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Decodificando o WordPress: Templates Personalizados e Partes do Template - 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\/modelos-e-partes-de-modelos-do-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Decodificando o WordPress: Templates Personalizados e Partes do Template","og_description":"Com a introdu\u00e7\u00e3o do WordPress 5.9, agora voc\u00ea pode usar a Edi\u00e7\u00e3o Completa do Site para personalizar a apar\u00eancia do seu tema. Al\u00e9m disso, voc\u00ea pode acessar mais recursos de design para construir seu site sem programar usando um tema baseado em blocos. No entanto, essas configura\u00e7\u00f5es b\u00e1sicas podem n\u00e3o atender \u00e0s suas necessidades. Felizmente, voc\u00ea pode adicionar facilmente modelos personalizados e partes de modelos [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-05-02T15:08:12+00:00","article_modified_time":"2025-05-26T17:33:19+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","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":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Decodificando o WordPress: Templates Personalizados e Partes do Template","datePublished":"2022-05-02T15:08:12+00:00","dateModified":"2025-05-26T17:33:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/"},"wordCount":2182,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","articleSection":["Decodificando WordPress","Design de Sites","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/","name":"Decodificando o WordPress: Templates Personalizados e Partes do Template - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","datePublished":"2022-05-02T15:08:12+00:00","dateModified":"2025-05-26T17:33:19+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","width":900,"height":598,"caption":"WordPress page templates and template parts"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/modelos-e-partes-de-modelos-do-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Decodificando o WordPress: Templates Personalizados e Partes do Template"}]},{"@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":56850,"es":33728,"en":33726,"uk":52735,"de":56853,"pl":56856,"ru":56859,"it":68366,"fr":70315,"nl":70336},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/56850","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=56850"}],"version-history":[{"count":4,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/56850\/revisions"}],"predecessor-version":[{"id":62347,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/56850\/revisions\/62347"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/37177"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=56850"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=56850"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=56850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}