{"id":233818,"date":"2023-02-22T19:49:00","date_gmt":"2023-02-22T16:49:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233818"},"modified":"2023-02-22T20:02:09","modified_gmt":"2023-02-22T17:02:09","slug":"tutorial-de-tema-wordpress-para-iniciantes-conclusao-e-proximos-passos","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/tutorial-de-tema-wordpress-para-iniciantes-conclusao-e-proximos-passos\/","title":{"rendered":"Tutorial de Tema WordPress para Iniciantes &#8211; Conclus\u00e3o e Pr\u00f3ximos Passos"},"content":{"rendered":"<p>Conclu\u00edmos este tutorial de tema WordPress para iniciantes fazendo uma r\u00e1pida recapitula\u00e7\u00e3o do que aprendemos. E veja o que voc\u00ea pode fazer a seguir e como se aprimorar como desenvolvedor de temas do WordPress.<\/p>\n<h2>O que n\u00f3s criamos<\/h2>\n<p>Vamos recapitular rapidamente o que aprendemos e realmente criamos neste tutorial:<\/p>\n<ul>\n<li>O b\u00e1sico do que o WordPress aceita como tema.<\/li>\n<li>Como o WordPress escolhe modelos de um tema, dependendo da p\u00e1gina em que estamos. Tamb\u00e9m analisamos os modelos mais comuns que um tema deve conter no m\u00ednimo.<\/li>\n<li>Blocos de constru\u00e7\u00e3o e como dividir o conte\u00fado de forma inteligente em diferentes arquivos para reutiliz\u00e1-los.<\/li>\n<li>Ganchos do WordPress; o que s\u00e3o e quais ganchos precisamos adicionar em um tema.<\/li>\n<li>As fun\u00e7\u00f5es mais comuns do WordPress para a sa\u00edda de informa\u00e7\u00f5es de postagem.<\/li>\n<li>Onde colocar todo o nosso c\u00f3digo de tema de backend que sai dos templates.<\/li>\n<li>Como configurar um tema com suporte a funcionalidades<\/li>\n<li>A maneira correta de adicionar folhas de estilo e arquivos javascript.<\/li>\n<li>Adicionando suporte de tradu\u00e7\u00e3o para o nosso tema, permitindo que ele seja traduzido em diferentes idiomas.<\/li>\n<li>Modelos de p\u00e1gina personalizados<\/li>\n<li>Como realizar consultas de postagem personalizadas.<\/li>\n<\/ul>\n<p>Nada mal para um iniciante!<\/p>\n<h2>O resultado final<\/h2>\n<p>Agora, admito que o resultado final parece horr\u00edvel. Mas isso \u00e9 s\u00f3 porque n\u00e3o adicionamos nenhum estilo! Tenha em mente que todos os fundamentos (HTML e classes) para estiliza\u00e7\u00e3o est\u00e3o l\u00e1 e prontos.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152213-61e4d4450daab.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152213-61e4d4450daab.png\" alt=\"Tutorial de Tema WordPress para Iniciantes - Conclus\u00e3o e Pr\u00f3ximos Passos\"><\/a><\/p>\n<p>\u00c9 o que est\u00e1 por dentro que conta, certo? Certo?<\/p>\n<p>O objetivo deste tutorial foi gui\u00e1-lo atrav\u00e9s da funcionalidade b\u00e1sica necess\u00e1ria para um tema funcional m\u00ednimo. Agora cabe a voc\u00ea desenvolver, ajustar e estilizar seu tema em algo incr\u00edvel!<\/p>\n<h2>Qual \u00e9 o pr\u00f3ximo?<\/h2>\n<p>Para onde ir a partir daqui?<\/p>\n<p>Depende de voc\u00ea e do que voc\u00ea est\u00e1 mais interessado. Se voc\u00ea quiser criar um tema de blog simples, mas bonito, mergulhe no estilo. Voc\u00ea j\u00e1 tem uma base s\u00f3lida. Se voc\u00ea est\u00e1 mais interessado em c\u00f3digo de backend e como criar uma estrutura de c\u00f3digo s\u00f3lida, aprofunde-se em PHP e como voc\u00ea pode implementar OOP (programa\u00e7\u00e3o orientada a objetos) em seu tema.<\/p>\n<p>Aqui est\u00e3o algumas sugest\u00f5es para onde ir a seguir:<\/p>\n<h3>Complete o tema criado neste tutorial<\/h3>\n<ul>\n<li>Construa e desenvolva o tema que voc\u00ea criou durante este tutorial, adicionando mais modelos e funcionalidades. O tema como est\u00e1 agora cont\u00e9m o m\u00ednimo absoluto. Veja, por exemplo, como adicionar um menu m\u00f3vel ou mostrar metadados de postagem personalizados. Em seguida, use esse tema como base para criar mais e diferentes temas.<\/li>\n<li>Deixe o tema lindo. Voc\u00ea pode incluir bibliotecas como <a href=\"https:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Bootstrap<\/a> para obter uma base de estilo s\u00f3lida. Forne\u00e7a \u00edcones do <a href=\"https:\/\/fontawesome.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">FontAwesome<\/a> e do <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google Fonts<\/a> para adicionar belas fontes ao seu web design. Considere tamb\u00e9m usar SCSS ou LESS para tornar mais f\u00e1cil e r\u00e1pido escrever seu estilo. Familiarize-se com as classes do WordPress que aparecem no corpo e nas postagens e adicione wrappers HTML bons e consistentes em seus modelos.<\/li>\n<\/ul>\n<h3>Estenda o tema com mais funcionalidades<\/h3>\n<ul>\n<li>Comece a aprender sobre como implementar configura\u00e7\u00f5es de tema usando o <a href=\"https:\/\/codex.wordpress.org\/Theme_Customization_API\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress Customizer<\/a>. Isso permite que voc\u00ea adicione configura\u00e7\u00f5es de administrador, como imagem do logotipo, cores e muito mais. Adicione configura\u00e7\u00f5es personalizadas ao seu tema para permitir que os usu\u00e1rios do seu tema personalizem a apar\u00eancia.<\/li>\n<li>Saiba mais sobre o novo editor Gutenberg no WordPress e como us\u00e1-lo para criar conte\u00fado mais avan\u00e7ado. Ou simplesmente estilizando ou modificando os blocos existentes, ou criando seus pr\u00f3prios blocos personalizados. Voc\u00ea tamb\u00e9m pode querer ver como configurar facilmente uma primeira p\u00e1gina adequada para o seu tema.<\/li>\n<li>Aprenda a criar <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/crie-tipos-de-postagem-personalizados-e-taxonomias-personalizadas-no-wordpress-por-codigo\/\" title=\"tipos\">tipos<\/a> de postagem personalizados para conte\u00fado personalizado. Seu tema pode apresentar conte\u00fado como um portf\u00f3lio, lista de livros ou filmes ou exibir produtos que voc\u00ea possa vender.<\/li>\n<\/ul>\n<h3>Outras etapas para se tornar um desenvolvedor WordPress<\/h3>\n<ul>\n<li>Certifique-se de que seu tema tenha uma base s\u00f3lida em PHP. Ter tudo dentro <code>functions.php<\/code>pode rapidamente tornar este arquivo muito longo e ileg\u00edvel. Aprenda a dividir seu c\u00f3digo de back-end em arquivos diferentes e defina suas pr\u00f3prias classes PHP para fazer o trabalho pesado. Voc\u00ea pode ir ainda mais longe e usar <a href=\"https:\/\/awhitepixel.com\/blog\/how-to-implement-an-autoloader-with-namespaces-in-your-theme-or-plugin\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">namespaces PHP e autoloader<\/a>.<\/li>\n<\/ul>\n<p>Se houver certas partes sobre as quais voc\u00ea n\u00e3o tem certeza, pesquise. Existem muitos recursos dispon\u00edveis, e o site de documenta\u00e7\u00e3o do WordPress ir\u00e1 ajud\u00e1-lo ao longo do caminho. Tamb\u00e9m tenho alguns posts que se aprofundam em t\u00f3picos como <a href=\"http:\/\/awhitepixel.com\/blog\/all-about-hooks-in-wordpress\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ganchos<\/a>, truques e possibilidades de <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/tudo-sobre-como-adicionar-estilos-e-scripts-no-wordpress\/\" title=\"enfileiramento de scripts e estilos\">enfileiramento de scripts e estilos<\/a>, cria\u00e7\u00e3o <a href=\"http:\/\/awhitepixel.com\/blog\/creating-custom-post-types-and-custom-taxonomies\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">de tipos e taxonomias de postagem personalizados<\/a>, aprendizado de <a href=\"https:\/\/awhitepixel.com\/guides\/wordpress-gutenberg-developers-guide\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gutenberg<\/a> e muito mais.<\/p>\n<p>Espero que voc\u00ea tenha tido um bom uso deste tutorial e que voc\u00ea esteja inspirado para aprender mais!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/awhitepixel.com\" class=\"external external_icon\">awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Conclu\u00edmos o tutorial do tema WordPress para iniciantes com uma r\u00e1pida recapitula\u00e7\u00e3o e analisamos os pr\u00f3ximos passos para melhorar a si mesmo como desenvolvedor de temas WordPress.<\/p>\n","protected":false},"author":1,"featured_media":223885,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[930,898,898,837,920,1110,920,837,930,846,846,867,867],"tags":[1170],"class_list":["post-233818","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-assuntos","category-codigo-2","category-guia-para-iniciantes","category-outro","category-n-a","category-tutoriais","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/233818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=233818"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/233818\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/223885"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=233818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=233818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=233818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}