{"id":11871,"date":"2021-03-22T15:55:12","date_gmt":"2021-03-22T18:55:12","guid":{"rendered":"https:\/\/geekblogti.wpengine.com\/?p=11871"},"modified":"2024-09-24T18:27:49","modified_gmt":"2024-09-24T21:27:49","slug":"guia-para-iniciantes-tema-wordpress-woocommerce","status":"publish","type":"post","link":"https:\/\/www.geekhunter.com/pt/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/","title":{"rendered":"Guia de WordPress para Iniciantes: Aplicando um Tema e Instalando o WooCommerce"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Aleluia, saiu a parte III do nosso Guia de WordPress! Hoje voc\u00ea vai aprender a instalar um Tema WordPress em nosso site!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voc\u00ea pode acompanhar a parte I &#8211; &#8220;<a href=\"https:\/\/www.geekhunter.com\/pt\/blog\/desenvolvedor-wordpress\/\">Desenvolvedor WordPress<\/a>: O que voc\u00ea precisa saber para se aventurar?&#8221;&nbsp;e a parte II &#8211; &#8220;<a href=\"https:\/\/www.geekhunter.com\/pt\/blog\/guia-para-instalar-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Guia de WordPress para Iniciantes<\/a>: Instalando e configurando o WordPress&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seguindo em frente, meus queridos Padawans, na parte II instalamos o WordPress no servidor e ficamos com ele \u201cvazio\u201d, sem conte\u00fado, layout, cores&#8230; nadinha!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hoje vamos ver como aplicar um tema ou <em>theme <\/em>em nosso WordPress e criar um conte\u00fado para o nosso site fict\u00edcio, al\u00e9m de menu, textos, fotos, vitrine e contatos!<br><br>Ok, Godoy, mas que raios \u00e9 um &#8220;<em>WordPress theme<\/em>&#8220;? &#8211; Simples, no WordPress os temas s\u00e3o layouts, \u00e1reas, espa\u00e7amentos, e at\u00e9 conte\u00fado pr\u00e9-formatado para uma manipula\u00e7\u00e3o simples, r\u00e1pida e intuitiva de conte\u00fado!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9 como uma revista que j\u00e1 tem as \u00e1reas delimitadas para facilitar a inser\u00e7\u00e3o de conte\u00fado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos ao que nos interessa e colocar a m\u00e3o na massa, ou melhor, no WordPress!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-apresenta-o-do-painel-wordpress\">Apresenta\u00e7\u00e3o do painel WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Acessando a URL administrativa do nosso site em<em> <\/em>https:\/\/oticasgalocego.godahtech.com.br\/wp-admin, devemos ver a seguinte tela, que \u00e9 o login do WordPress. Colocamos nosso usu\u00e1rio e senha para acessar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"734\" height=\"672\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/login-dashboard-wordpress.png\" alt=\"Tela de login do WordPress\" class=\"wp-image-11879\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/login-dashboard-wordpress.png 734w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/login-dashboard-wordpress-150x137.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/login-dashboard-wordpress-100x92.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/login-dashboard-wordpress-600x549.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/login-dashboard-wordpress-450x412.png 450w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/login-dashboard-wordpress-590x540.png 590w\" sizes=\"(max-width: 734px) 100vw, 734px\" \/><figcaption>Tela de login do WordPress.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Ap\u00f3s efetuar o login com sucesso, teremos a apresenta\u00e7\u00e3o geral do nosso dashboard ou popularmente conhecido como Painel Administrativo do WordPress!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/dashboard-wordpress-temas-1024x686.png\" alt=\"Painel administrativo do WordPress\" class=\"wp-image-11880\"\/><figcaption>Tela inicial ou painel administrativo do WordPress.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Agora, meus queridos Padawans, vou fazer uma apresenta\u00e7\u00e3o geral e r\u00e1pida item a item, ok?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-painel-wordpress\">Painel WordPress<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>In\u00edcio<\/strong> &#8211; Em Painel, temos o nosso painel administrativo (n\u00e3o brinca!), um dashboard configur\u00e1vel de pequenas ferramentas de apoio e\/ou acesso r\u00e1pido!<\/li><li><strong>Atualiza\u00e7\u00f5es<\/strong> &#8211; \u00c1rea usada para o controle de atualiza\u00e7\u00f5es do pr\u00f3prio WordPress, com plugins, temas e pacotes de tradu\u00e7\u00f5es.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.geekhunter.com\/pt\/candidates\/signup?utm_source=blog&amp;utm_medium=banner&amp;utm_campaign=guia-para-iniciantes-tema-wordpress-woocommerce\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"720\" height=\"200\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-perfil.png\" alt=\"\" class=\"wp-image-11909\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-perfil.png 720w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-perfil-150x42.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-perfil-100x28.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-perfil-600x167.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-perfil-450x125.png 450w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-posts-blog\">Posts (Blog)<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Todos os Posts<\/strong> &#8211; <em>CRUD <\/em>(Create (Criar), Read (Ler), Update (Atualizar) e Delete (Deletar)) de exibi\u00e7\u00e3o de todos os posts criados no nosso WordPress.<\/li><li><strong>Adicionar Novo<\/strong> &#8211; Iniciamos o desenvolvimento de uma nova postagem para o nosso blog WordPress.<\/li><li><strong>Categorias <\/strong>&#8211; <em>CRUD <\/em>de categorias <em>link\u00e1veis<\/em>, para melhor organiza\u00e7\u00e3o e exibi\u00e7\u00e3o dos posts para os usu\u00e1rios.<\/li><li><strong>Tags <\/strong>&#8211; <em>CRUD <\/em>de Tags para enfatizar e atribuir marca\u00e7\u00f5es <em>link\u00e1veis<\/em> aos posts do WordPress.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-m-dias\">M\u00eddias<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Biblioteca<\/strong> &#8211; <em>CRUD <\/em>de arquivos de m\u00eddias do nosso site, tais como: Imagens, v\u00eddeos, PDF&#8217;s, etc.<\/li><li><strong>Adicionar Nova<\/strong> &#8211; Ferramenta de upload de m\u00eddia do nosso site.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-p-ginas\"><strong>P\u00e1ginas<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Todas as P\u00e1ginas<\/strong> &#8211; <em>CRUD <\/em>de p\u00e1ginas do nosso site WordPress.<\/li><li><strong>Adicionar Nova<\/strong> &#8211; Iniciamos o desenvolvimento de uma nova p\u00e1gina para o nosso site.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-coment-rios\"><strong>Coment\u00e1rios<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><em>CRUD <\/em>de coment\u00e1rios dos usu\u00e1rios em p\u00e1ginas ou posts do WordPress.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-apar-ncia\"><strong>Apar\u00eancia<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Temas<\/strong> &#8211; <em>CRUD <\/em>de Temas Instalados no WordPress.<\/li><li><strong>Personalizar<\/strong> &#8211; \u00c1rea de edi\u00e7\u00e3o de atributos, layout, cores e muitos outros itens pr\u00e9 definidos em cada tema.<\/li><li><strong>Widgets<\/strong> &#8211; <em>CRUD <\/em>de Widgets. Eles adicionam conte\u00fado extra ao seu site e em \u00e1reas espec\u00edficas, como o footer (Rodap\u00e9), sidebars (Barras laterais) e ou \u00e1reas personalizadas pr\u00e9 definidas em cada tema do WordPress.<\/li><li><strong>Menus<\/strong> &#8211; <em>CRUD <\/em>de Menus do nosso site. Aplicados no topo do site e\/ou no rodap\u00e9, mas nada impede uma \u00e1rea ou um menu personalizado em outra parte do site.<\/li><li><strong>Editor de Temas<\/strong> &#8211; Editor de c\u00f3digos de algumas partes do tema instalado, tais como .css, .js e .php que garantem o funcionamento do tema como um todo. <\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u26a0\ufe0f <strong>ALERTA<\/strong>: n\u00e3o mexa diretamente nesses c\u00f3digos por aqui, principalmente se voc\u00ea n\u00e3o tem experi\u00eancia com programa\u00e7\u00e3o. Usamos essa \u00e1rea apenas em \u00faltimo caso, mas \u00faltimo caso mesmo, pois <strong>toda e qualquer altera\u00e7\u00e3o realizada aqui tem um efeito imediato e irrevers\u00edvel na programa\u00e7\u00e3o do tema do WordPress<\/strong>. O correto \u00e9 edit\u00e1-los em um ambiente de desenvolvimento, testar e depois subir a altera\u00e7\u00e3o por FTP.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-plugins\"><strong>Plugins<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Plugins Instalados<\/strong> <em>&#8211; CRUD <\/em>de Plugins do WordPress. Plugins s\u00e3o conjuntos de c\u00f3digos adicionais que aumentam a capacidade de fun\u00e7\u00f5es existentes ou criam novas em seu site para turbin\u00e1-lo!<\/li><li><strong>Adicionar Novo<\/strong> &#8211; \u00c1rea de Upload e pesquisa no reposit\u00f3rio WordPress de Plugins para instalar no site.<\/li><li><strong>Editor de Plugins<\/strong> &#8211; Funciona da mesma maneira que o <strong>Editor de Temas<\/strong>,  mas em vez de editar o tema wordpress, aqui abre a edi\u00e7\u00e3o dos c\u00f3digos de plugins. Tamb\u00e9m n\u00e3o \u00e9 recomendado mexer nesses c\u00f3digos se voc\u00ea n\u00e3o possui experi\u00eancia.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-usu-rios\">Usu\u00e1rios<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Todos os Usu\u00e1rios<\/strong> &#8211; <em>CRUD <\/em>de usu\u00e1rios do nosso site, que podem ser:<ul><li><strong>Super Admin<\/strong> \u2013 Usu\u00e1rio com acesso \u00e0 administra\u00e7\u00e3o total de todos os sites quando habilitado o Modo Multi-Site do WordPress, possuindo o controle de toda a rede de sites.<\/li><li><strong>Administrador<\/strong> &#8211; Usu\u00e1rio com acesso administrativo total do site.<\/li><li><strong>Editor<\/strong> &#8211; Usu\u00e1rio com permiss\u00e3o de publicar e gerenciar posts e p\u00e1ginas, bem como gerenciar posts de outros usu\u00e1rios, e algumas coisas a mais.<\/li><li><strong>Autor<\/strong> \u2013 Usu\u00e1rio que pode somente publicar e gerenciar seus pr\u00f3prios posts.<\/li><li><strong>Colaborador<\/strong> \u2013 Usu\u00e1rio com permiss\u00e3o de escrever e gerenciar suas postagens, mas n\u00e3o pode public\u00e1-las.<\/li><li><strong>Assinante<\/strong> \u2013 Usu\u00e1rio com acesso a \u00e1reas restritas no <em>front-end <\/em>do site e na admin, quando tem acesso, s\u00f3 pode editar seu pr\u00f3prio perfil e nada mais.<\/li><\/ul><\/li><li><strong>Adicionar Novo<\/strong> &#8211; Adiciona um novo usu\u00e1rio ao WordPress.<\/li><li><strong>Perfil<\/strong> &#8211; \u00c1rea de edi\u00e7\u00e3o do seu pr\u00f3prio perfil de usu\u00e1rio.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-ferramentas\">Ferramentas<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Ferramentas Dispon\u00edveis<\/strong> &#8211; \u00c1rea que exibe certas ferramentas de apoio a tarefas administrativas ou n\u00e3o j\u00e1 instaladas no core do WordPress, bem como no tema e\/ou nos plugins.<\/li><li><strong>Importar<\/strong> &#8211; Ferramenta de importa\u00e7\u00e3o de conte\u00fado de outros sistemas como Blogger e um Feed RSS para dentro do WordPress, ou mesmo de um WordPress para outro.<\/li><li><strong>Exportar<\/strong> &#8211; Ferramenta de Exporta\u00e7\u00e3o de dados, posts, p\u00e1ginas e todo conte\u00fado em geral do seu WordPress em formato XML.<\/li><li><strong>Diagn\u00f3stico<\/strong> &#8211; O diagn\u00f3stico do site mostra informa\u00e7\u00f5es cr\u00edticas sobre as configura\u00e7\u00f5es do seu WordPress e itens que precisam de aten\u00e7\u00e3o.<\/li><li><strong>Exportar Dados Pessoais<\/strong> &#8211; Ferramenta de exporta\u00e7\u00e3o de dados cadastrados de um determinado usu\u00e1rio, que \u00e9 enviado ao email deste usu\u00e1rio e exigido uma autentica\u00e7\u00e3o de email para ent\u00e3o seja liberado o download em formato .html. Atribu\u00eddo \u00e0 Lei Geral de Prote\u00e7\u00e3o de Dados (LGPD) ou do ingl\u00eas GDPR (General Data Protection Regulation).<\/li><li><strong>Apagar Dados Pessoais<\/strong> &#8211; Solicita\u00e7\u00e3o para apagar seus dados pessoais do site, tamb\u00e9m com uma confirma\u00e7\u00e3o de email ao usu\u00e1rio a ser apagado, para ent\u00e3o ser deletado. Atribu\u00eddo \u00e0 LGPD.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-configura-es\">Configura\u00e7\u00f5es<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Geral<\/strong> &#8211; Editor de configura\u00e7\u00f5es gerais do site WordPress, tais como: T\u00edtulo do site, Descri\u00e7\u00e3o, Idiomas, etc.<\/li><li><strong>Escrita<\/strong> &#8211; Editor de fun\u00e7\u00f5es de escrita do site, tais como: Categoria padr\u00e3o de post, formato padr\u00e3o de post, etc.<\/li><li><strong>Leitura<\/strong> &#8211; Editor de fun\u00e7\u00f5es de leitura do site, tais como: As quantidade posts a mostrar nas p\u00e1ginas de <em>loop <\/em>(ou &#8220;Ciclo&#8221;, em programa\u00e7\u00e3o, \u00e9&nbsp;uma repeti\u00e7\u00e3o dentro de um programa) de posts, indexa\u00e7\u00e3o do site, etc.<\/li><li><strong>Discuss\u00e3o<\/strong> &#8211; Editor de op\u00e7\u00f5es de coment\u00e1rios do site, tais como: Habilitar ou desabilitar a fun\u00e7\u00e3o de coment\u00e1rios, modera\u00e7\u00e3o de coment\u00e1rios, exigir registro e login de usu\u00e1rio para comentar, etc.<\/li><li><strong>M\u00eddia<\/strong> &#8211; Editor de op\u00e7\u00f5es de m\u00eddias do site, tais como: Tamanho das imagens, thumbnails, organiza\u00e7\u00f5es de arquivos, etc.<\/li><li><strong>Links Permanentes<\/strong> &#8211; Editor de como suas p\u00e1ginas e posts s\u00e3o exibidos na URL do site ao visitantes, exemplo:<ul><li>Nome do post &#8211; https:\/\/oticasgalocego.godahtech.com.br\/post-exemplo\/<\/li><li>M\u00eas e nome &#8211; https:\/\/oticasgalocego.godahtech.com.br\/2021\/03\/post-exemplo\/<\/li><\/ul><\/li><li><strong>Privacidade<\/strong> &#8211; Configura\u00e7\u00f5es de Privacidade, como propriet\u00e1rio de um site, voc\u00ea pode ter de seguir a legisla\u00e7\u00e3o nacional ou internacional de privacidade. Por exemplo, voc\u00ea pode ter de criar e exibir uma pol\u00edtica de privacidade aos seus usu\u00e1rios e \u00e9 aqui que realizamos a configura\u00e7\u00e3o dela.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-recolher-menu\">Recolher Menu<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Sim, \u00e9 para isso mesmo! Minimiza o menu ao lado esquerdo deixando apenas os \u00edcones de cada sess\u00e3o \u00e0 mostra.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">E a\u00ed, meus Padawans, tudo tranquilo at\u00e9 o momento? Temos bastante funcionalidades me nosso painel WordPress, n\u00e9? Sim, Godoy, temos&#8230; Agora lascou! Que nada! Fiquem tranquilos, cada tela \u00e9 muito intuitiva! <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.geekhunter.com\/pt\/vagas?utm_source=blog&amp;utm_medium=banner&amp;utm_campaign=guia-para-iniciantes-tema-wordpress-woocommerce\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"720\" height=\"200\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-vagas.png\" alt=\"\" class=\"wp-image-11910\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-vagas.png 720w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-vagas-150x42.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-vagas-100x28.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-vagas-600x167.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-vagas-450x125.png 450w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-instalando-um-tema-wordpress-theme-no-seu-site\">Instalando um tema WordPress (theme) no seu site!<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos em frente que atr\u00e1s vem c\u00f3digos&#8230; Bora aplicar um tema bacana para o nosso site fict\u00edcio &#8220;\u00d3ticas Galo Cego&#8221;? Pois bem, para isso vamos ao reposit\u00f3rio de temas nativo do wordpress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Acessando a nossa Admin do WordPress ou <em>Dashboard <\/em>e clicando no menu \u00e0 esquerda em <strong>Apar\u00eancia<\/strong>, depois <strong>Temas<\/strong>, temos a seguinte tela:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/temas-wordpress-1024x566.png\" alt=\"Tela principal dos temas WordPress.\" class=\"wp-image-11881\"\/><figcaption>P\u00e1gina de configura\u00e7\u00e3o dos temas WordPress.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos clicar no bot\u00e3o na parte superior, <strong>Adicionar novo<\/strong>. Nos \u00e9 apresentado uma tela com algumas op\u00e7\u00f5es de temas e uma barra com algumas op\u00e7\u00f5es de filtro. Assim, \u00f3:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"935\" height=\"122\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/adicionar-tema-wordpress.png\" alt=\"Op\u00e7\u00f5es para adicionar novo tema WordPress.\" class=\"wp-image-11882\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/adicionar-tema-wordpress.png 935w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/adicionar-tema-wordpress-150x20.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/adicionar-tema-wordpress-100x13.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/adicionar-tema-wordpress-600x78.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/adicionar-tema-wordpress-450x59.png 450w\" sizes=\"(max-width: 935px) 100vw, 935px\" \/><figcaption>Op\u00e7\u00f5es para adicionar novo tema WordPress.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Aqui, podemos pesquisar temas que supram a nossa necessidade de desenvolvimento para tal cliente ou assunto de site, que no nosso caso \u00e9 uma \u00d3tica.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-qual-tema-wordpress-escolher\">Qual tema WordPress escolher<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Precisamos de uma loja virtual, mas n\u00e3o vou entrar em detalhes de loja e sua configura\u00e7\u00e3o de vendas agora!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Em breve faremos um artigo utilizando o plugin WooCommerce sobre como montar uma loja completa com sistemas de pagamento como o PagSeguro e MercadoPago, mas por hora vamos nos atentar ao conte\u00fado apenas.<br><br>Vamos buscar pelo tema &#8220;Storefront&#8221;, digitando no campo de pesquisa. Voc\u00ea pode encontr\u00e1-lo em <a href=\"https:\/\/br.wordpress.org\/themes\/storefront\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">https:\/\/br.wordpress.org\/themes\/storefront\/<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"951\" height=\"414\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/selecionar-tema-wordpress-storefront.png\" alt=\"Tema WordPress que vamos selecionar ase chama &quot;Storefront&quot;.\" class=\"wp-image-11883\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/selecionar-tema-wordpress-storefront.png 951w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/selecionar-tema-wordpress-storefront-150x65.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/selecionar-tema-wordpress-storefront-100x44.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/selecionar-tema-wordpress-storefront-600x261.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/selecionar-tema-wordpress-storefront-450x196.png 450w\" sizes=\"(max-width: 951px) 100vw, 951px\" \/><figcaption>Tema WordPress que vamos selecionar ase chama &#8220;Storefront&#8221;.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">O que vamos usar \u00e9 o primeiro da esquerda para a direita, marcado com uma borda vermelha.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Clicando nele, teremos uma apresenta\u00e7\u00e3o em detalhes do tema:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"805\" height=\"745\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/detalhes-storefront-e1616417997640.jpg\" alt=\"Datelhes do tema wordpress escolhido &quot;Storefront&quot;.\" class=\"wp-image-11884\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/detalhes-storefront-e1616417997640.jpg 805w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/detalhes-storefront-e1616417997640-150x139.jpg 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/detalhes-storefront-e1616417997640-100x93.jpg 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/detalhes-storefront-e1616417997640-600x555.jpg 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/detalhes-storefront-e1616417997640-450x416.jpg 450w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/detalhes-storefront-e1616417997640-583x540.jpg 583w\" sizes=\"(max-width: 805px) 100vw, 805px\" \/><figcaption>Uma p\u00e1gina que detalha as informa\u00e7\u00f5es sobre o tema WordPress escolhido &#8220;Storefront&#8221;.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-ativando-o-seu-tema-wordpress\">Ativando o seu tema WordPress<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Feito isso, vamos clicar no bot\u00e3o superior escrito<strong> Instalar<\/strong> e em seguida em <strong>Ativar<\/strong>.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"774\" height=\"193\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/instalar-ativar-storefront.png\" alt=\"Instala\u00e7\u00e3o e ativa\u00e7\u00e3o do tema WordPress em nosso site.\" class=\"wp-image-11885\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/instalar-ativar-storefront.png 774w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/instalar-ativar-storefront-150x37.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/instalar-ativar-storefront-100x25.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/instalar-ativar-storefront-600x150.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/instalar-ativar-storefront-450x112.png 450w\" sizes=\"(max-width: 774px) 100vw, 774px\" \/><figcaption>Instala\u00e7\u00e3o e ativa\u00e7\u00e3o do tema WordPress &#8220;Storefront&#8221; em nosso site.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Ap\u00f3s a ativa\u00e7\u00e3o bem sucedida do tema, devemos ver essa tela:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"820\" height=\"229\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/tela-ativacao-woocommerce-tema-wordpress.png\" alt=\"Tela de sucesso na ativa\u00e7\u00e3o do tema WordPress, que solicita a instala\u00e7\u00e3o do Woocommerce.\" class=\"wp-image-11902\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/tela-ativacao-woocommerce-tema-wordpress.png 820w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/tela-ativacao-woocommerce-tema-wordpress-150x42.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/tela-ativacao-woocommerce-tema-wordpress-100x28.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/tela-ativacao-woocommerce-tema-wordpress-600x168.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/tela-ativacao-woocommerce-tema-wordpress-450x126.png 450w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><figcaption>Tela de sucesso na ativa\u00e7\u00e3o do tema WordPress, que solicita a instala\u00e7\u00e3o do Woocommerce.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-ativando-o-woocommerce\">Ativando o WooCommerce<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Notem que na tela acima o tema est\u00e1 solicitando a instala\u00e7\u00e3o do plugin do WooCommerce. Ele gerenciar\u00e1 os produtos e muitas outras fun\u00e7\u00f5es da loja do nosso site WordPress. Neste momento, com a instala\u00e7\u00e3o deste plugin, ela se tornar\u00e1 um e-commerce.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bem, meus caros Padawans, vamos atender essa solicita\u00e7\u00e3o do tema do WordPress e instalar o WooCommerce! Para isso basta clicar em <strong>Instale o WooCommerce<\/strong> e aguarde uns minutinhos. Pronto, agora vamos clicar em <strong>Ativar WooCommerce<\/strong>!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"821\" height=\"269\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/instalar-woocommerce.png\" alt=\"Cliques para ativar o WooCommerce.\" class=\"wp-image-11886\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/instalar-woocommerce.png 821w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/instalar-woocommerce-150x49.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/instalar-woocommerce-100x33.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/instalar-woocommerce-600x197.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/instalar-woocommerce-450x147.png 450w\" sizes=\"(max-width: 821px) 100vw, 821px\" \/><figcaption>Ativa\u00e7\u00e3o do WooCommerce.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-configura-es-b-sicas-do-woocommerce\">Configura\u00e7\u00f5es b\u00e1sicas do WooCommerce<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ap\u00f3s a ativa\u00e7\u00e3o bem sucedida, o WooCommerce ir\u00e1 abrir uma tela de configura\u00e7\u00e3o:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/registro-woocommerce-1024x483.png\" alt=\"Tela de registro no WooCommerce.\" class=\"wp-image-11887\"\/><figcaption>Tela de registro no WooCommerce.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As primeiras s\u00e3o configura\u00e7\u00f5es f\u00edsicas (endere\u00e7o)! Basta preencher e clicar no bot\u00e3o <strong>Continuar<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Depois, iremos escolher o setor em que a loja opera e os tipos de produtos, pensando nas futuras possiblidades. Isso vai dar uma configurada inicial em nosso e-commerce.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/setor-da-loja-1024x556.png\" alt=\"Sele\u00e7\u00e3o do setor da loja e tipo de produto que ser\u00e1 vendido no e-commerce.\" class=\"wp-image-11888\"\/><figcaption>Sele\u00e7\u00e3o do setor da loja e tipo de produto que ser\u00e1 vendido no e-commerce.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Em seguida, delimitamos as quantidades a serem exibidas e as integra\u00e7\u00f5es, as quais <strong>vamos desmarcar todas agora<\/strong> e por fim, se queremos instalar outro tema, mas vamos clicar em <strong>Continuar com meu tema ativo<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"784\" height=\"540\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/integracoes-tema-wordpress.png\" alt=\"Sele\u00e7\u00e3o das integra\u00e7\u00f5es do e-commerce e do tema wordpress.\" class=\"wp-image-11889\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/integracoes-tema-wordpress.png 784w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/integracoes-tema-wordpress-150x103.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/integracoes-tema-wordpress-100x69.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/integracoes-tema-wordpress-600x413.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/integracoes-tema-wordpress-450x310.png 450w\" sizes=\"(max-width: 784px) 100vw, 784px\" \/><figcaption>Sele\u00e7\u00e3o das integra\u00e7\u00f5es do e-commerce e do tema wordpress.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Ap\u00f3s essas configura\u00e7\u00f5es, o WooComerce nos oferece uma integra\u00e7\u00e3o com o Jetpack e WooCommerce Shipping &amp; Tax, devemos clicar no bot\u00e3o <strong>N\u00e3o Obrigado<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1001\" height=\"701\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/jetpack-wc-tax.png\" alt=\"Wordpress solicta integra\u00e7\u00e3o com Jetpack e WooCommerce Shipping &amp; Tax\" class=\"wp-image-11890\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/jetpack-wc-tax.png 1001w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/jetpack-wc-tax-150x105.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/jetpack-wc-tax-100x70.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/jetpack-wc-tax-600x420.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/jetpack-wc-tax-450x315.png 450w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/jetpack-wc-tax-771x540.png 771w\" sizes=\"(max-width: 1001px) 100vw, 1001px\" \/><figcaption>WordPress solicta integra\u00e7\u00e3o com Jetpack e WooCommerce Shipping &amp; Tax.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Feito esses passos, o Woocoomerce nos direciona para configurar algumas coisas em nossa loja, mas esse n\u00e3o \u00e9 o foco neste momento, portanto n\u00e3o o faremos. Calma, Padawans, em breve faremos um artigo especial para lojas virtuais! \ud83e\udd29<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cadastrar-produtos-na-sua-loja-wordpress\">Cadastrar produtos na sua loja WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Seguindo em nossa loja, vamos aprender a cadastrar alguns produtos, que tal?<br>Bem, vamos l\u00e1! \ud83c\udfc3\u200d\u2642\ufe0f\ud83d\udca8<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agora podemos ver que em nosso menu esquerdo foi acrescentadas quatro \u00e1reas novas, mas vamos nos atentar apenas na de <strong>Produtos<\/strong> agora. Vamos clicar em <strong>Todos os produtos<\/strong>, que \u00e9 o nosso <em>CRUD <\/em>de Produtos do site.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"393\" height=\"194\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/novos-icones-woocommerce.png\" alt=\"\" class=\"wp-image-11891\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/novos-icones-woocommerce.png 393w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/novos-icones-woocommerce-150x74.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/novos-icones-woocommerce-100x49.png 100w\" sizes=\"(max-width: 393px) 100vw, 393px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Logo vemos uma introdu\u00e7\u00e3o, j\u00e1 que n\u00e3o temos nenhum produto cadastrado, nos impulsionando a cadastrar o primeiro:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"470\" height=\"344\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/criar-primeiro-produto.png\" alt=\"Solicita\u00e7\u00e3o de cadastro do primeiro produto no site\" class=\"wp-image-11892\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/criar-primeiro-produto.png 470w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/criar-primeiro-produto-150x110.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/criar-primeiro-produto-100x73.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/criar-primeiro-produto-450x329.png 450w\" sizes=\"(max-width: 470px) 100vw, 470px\" \/><figcaption>Solicita\u00e7\u00e3o de cadastro do primeiro produto no site.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">U\u00e9, por que n\u00e3o?! Vamos clicar no bot\u00e3o <strong>Criar Produto<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-criando-o-seu-primeiro-produto-wordpress\">Criando o seu primeiro produto WordPress<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos preencher o formul\u00e1rio de cadastro do nosso primeiro produto! Vamos dar um nome e uma breve descri\u00e7\u00e3o ao nosso produto:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"653\" height=\"302\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/adicionar-nome-novo-produto.png\" alt=\"Adicionando um nome e uma descri\u00e7\u00e3o r\u00e1pida do novo produto.\" class=\"wp-image-11893\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/adicionar-nome-novo-produto.png 653w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/adicionar-nome-novo-produto-150x69.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/adicionar-nome-novo-produto-100x46.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/adicionar-nome-novo-produto-600x277.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/adicionar-nome-novo-produto-450x208.png 450w\" sizes=\"(max-width: 653px) 100vw, 653px\" \/><figcaption>Adicionando um nome e uma descri\u00e7\u00e3o r\u00e1pida do novo produto.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Feito isso, vamos precificar nosso produto!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"377\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/precificar-novo-produto.png\" alt=\"Tela para adicionar um pre\u00e7o ao novo produto do tema wordpress.\" class=\"wp-image-11894\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/precificar-novo-produto.png 640w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/precificar-novo-produto-150x88.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/precificar-novo-produto-100x59.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/precificar-novo-produto-600x353.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/precificar-novo-produto-450x265.png 450w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><figcaption>Tela para adicionar um pre\u00e7o ao novo produto.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Mais abaixo vamos encontrar o painel de descri\u00e7\u00e3o:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"587\" height=\"456\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/desccricao-novo-produto-wordpress.png\" alt=\"Tela para adicionar uma descri\u00e7\u00e3o ao seu produto\" class=\"wp-image-11895\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/desccricao-novo-produto-wordpress.png 587w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/desccricao-novo-produto-wordpress-150x117.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/desccricao-novo-produto-wordpress-100x78.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/desccricao-novo-produto-wordpress-450x350.png 450w\" sizes=\"(max-width: 587px) 100vw, 587px\" \/><figcaption>Adicione uma descri\u00e7\u00e3o detalhada do seu produto!<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-categorizando-seus-produtos\">Categorizando seus produtos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Agora, vamos criar uma categoria para o nosso produto no painel <strong>Categorias de Produto<\/strong>. Preencha com o nome da categoria e depois clique no bot\u00e3o abaixo no painel, <strong>Adicionar nova categoria<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"343\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/categoria-produto-tema-wordpress.png\" alt=\"Tela para adicionar nova categoria de produto.\" class=\"wp-image-11896\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/categoria-produto-tema-wordpress.png 297w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/categoria-produto-tema-wordpress-130x150.png 130w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/categoria-produto-tema-wordpress-87x100.png 87w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/categoria-produto-tema-wordpress-150x173.png 150w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><figcaption> Adicione uam categoriza\u00e7\u00e3o para seu produto ficar bem posicionado no site.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">No painel abaixo do de categorias encontraremos o de tags, vamos criar algumas, para isso basta digitar uma e clicar no bot\u00e3o \u201cAdicionar\u201d:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"284\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/tag-produto.png\" alt=\"Tela para adicionar tags aos seus produtos\" class=\"wp-image-11897\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/tag-produto.png 298w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/tag-produto-150x143.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/tag-produto-100x95.png 100w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><figcaption>Adicione quantas tags quiser para classificar seus produtos.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">E ai meus queridos Padawans, tudo tranquilo at\u00e9 agora, simples n\u00e3o?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-hora-de-adicionar-as-imagens\">Hora de adicionar as imagens!<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Seguindo, vamos definir uma imagem de destaque ao nosso produto, ela aparecer\u00e1 como a imagem prim\u00e1ria em locais de apresenta\u00e7\u00e3o deste produto. Para isso vamos ao painel &#8211; Imagem do Produto e vamos clicar em <strong>Definir imagem do produto<\/strong>. O painel deve ficar como essa da direita.<br><br>(Se necess\u00e1rio, fa\u00e7a upload usando a ferramenta do pr\u00f3prio WordPress).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"446\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/imagem-produto.png\" alt=\"Tela para sele\u00e7\u00e3o da imagem do produto.\" class=\"wp-image-11898\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/imagem-produto.png 969w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/imagem-produto-150x69.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/imagem-produto-100x46.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/imagem-produto-600x276.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/imagem-produto-450x207.png 450w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/imagem-produto-960x442.png 960w\" sizes=\"(max-width: 969px) 100vw, 969px\" \/><figcaption>\u00c9 aqui que voc\u00ea fazer upload e selecionar a imagem do seu produto.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">No painel abaixo, vamos encontrar a <strong>Galeria de Imagens do Produto<\/strong> e vamos clicar em <strong>Adicionar galeria de imagens do produto<\/strong>. Basta selecionar as outras imagens que representam seu produto para serem exibidas no momento da compra. Lembre-sede n\u00e3o incluir a imagem de destaque, afinal de contas j\u00e1 inclu\u00edmos no destaque do produto:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Feito esses passos, vamos acessar o painel <strong>Publicar<\/strong>, e vamos clicar no bot\u00e3o <strong>Publicar<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"303\" height=\"358\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/publicar-produto.png\" alt=\"Tela para publica\u00e7\u00e3o do produto\" class=\"wp-image-11899\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/publicar-produto.png 303w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/publicar-produto-127x150.png 127w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/publicar-produto-85x100.png 85w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/publicar-produto-150x177.png 150w\" sizes=\"(max-width: 303px) 100vw, 303px\" \/><figcaption>Agora \u00e9 hora de publicar o seu produto! <\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Agora o produto ser\u00e1 salvo no banco de dados e publicado em nosso site. Ser\u00e1 exibido o seguinte alerta e junto com ele, o <em>slug<\/em> ou link permanente (Links permanentes s\u00e3o as URLs de cada postagem, categoria e outras listagens do blog) do nosso produto cadastrado:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"793\" height=\"274\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/confirmacao-produto-adicionado.png\" alt=\"Tela de confirma\u00e7\u00e3o de produto publicado.\" class=\"wp-image-11900\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/confirmacao-produto-adicionado.png 793w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/confirmacao-produto-adicionado-150x52.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/confirmacao-produto-adicionado-100x35.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/confirmacao-produto-adicionado-600x207.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/confirmacao-produto-adicionado-450x155.png 450w\" sizes=\"(max-width: 793px) 100vw, 793px\" \/><figcaption>Aqui voc\u00ea ver\u00e1 a mensagem de confirma\u00e7\u00e3o da publica\u00e7\u00e3o do produto, junto com sua URL.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Acessando esse link, podemos ver o nosso produto cadastrado em nosso WordPress:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/pagina-venda-produto-1024x780.png\" alt=\"Produto \u00e0 venda em seu site wordpress.\" class=\"wp-image-11901\"\/><figcaption>Essa \u00e9 a p\u00e1gina de venda do seu produto publicado. Venda muito!<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Faremos mais uns 9 cadastros de produtos antes de continuar ok? Meus queridos Padawans, est\u00e1 ficando bom, n\u00e9? J\u00e1 temos nosso tema WordPress mas ainda estamos sem layout, cores e firulas. A paci\u00eancia \u00e9 uma virtude! Chegaremos l\u00e1, eu prometo! \ud83e\udd14\ud83d\ude4f<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Na parte 4 e final desta \u201cTetralogia WordPress\u201d, faremos a home page, p\u00e1gina de <em>loop<\/em>, de contatos, o blog e o nosso menu!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O que acharam? Deixe seu coment\u00e1rio, d\u00favidas, cr\u00edticas e sugest\u00f5es, eu sempre responderei a todos!<br><br>Um forte abra\u00e7o digital a todos e venham para o lado WordPress da for\u00e7a!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.geekhunter.com\/pt\/vagas?utm_source=blog&amp;utm_medium=banner&amp;utm_campaign=guia-para-iniciantes-tema-wordpress-woocommerce\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"200\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-vaga-wp.png\" alt=\"\" class=\"wp-image-11908\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-vaga-wp.png 720w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-vaga-wp-150x42.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-vaga-wp-100x28.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-vaga-wp-600x167.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/cta-tema-wordpress-vaga-wp-450x125.png 450w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Aleluia, saiu a parte III do nosso Guia de WordPress! Hoje voc\u00ea vai aprender a instalar um Tema WordPress em nosso site! Voc\u00ea pode acompanhar a parte I &#8211; &#8220;Desenvolvedor WordPress: O que voc\u00ea precisa saber para se aventurar?&#8221;&nbsp;e a parte II &#8211; &#8220;Guia de WordPress para Iniciantes: Instalando e configurando o WordPress&#8221;. Seguindo em [&hellip;]<\/p>\n","protected":false},"author":167,"featured_media":11912,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-11871","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimiento-de-software"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.6 (Yoast SEO v28.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Tema Wordpress: dando vida ao seu site e produtos!<\/title>\n<meta name=\"description\" content=\"Criou seu site mas n\u00e3o sabe como prosseguir? Vem comigo nesse texto que te mostro como instalar um tema Wordpress e cadastrar seus produtos!\" \/>\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.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guia de WordPress para Iniciantes: Aplicando um Tema e Instalando o WooCommerce\" \/>\n<meta property=\"og:description\" content=\"Aleluia, saiu a parte III do nosso Guia de Wordpress! Hoje voc\u00ea vai aprender a instalar um Tema Wordpress em nosso site! Voc\u00ea pode acompanhar a parte I -\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Geekhunter\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/geekhunterbr\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-22T18:55:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-24T21:27:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/tema-wordpress-woocommerce-e1616439271704.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Geekhunter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@geekhunterbr\" \/>\n<meta name=\"twitter:site\" content=\"@geekhunterbr\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Geekhunter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/guia-para-iniciantes-tema-wordpress-woocommerce\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/guia-para-iniciantes-tema-wordpress-woocommerce\\\/\"},\"author\":{\"name\":\"Geekhunter\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/person\\\/9f62b173345139f7bbdaf55312c3d400\"},\"headline\":\"Guia de WordPress para Iniciantes: Aplicando um Tema e Instalando o WooCommerce\",\"datePublished\":\"2021-03-22T18:55:12+00:00\",\"dateModified\":\"2024-09-24T21:27:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/guia-para-iniciantes-tema-wordpress-woocommerce\\\/\"},\"wordCount\":2679,\"publisher\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/guia-para-iniciantes-tema-wordpress-woocommerce\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/tema-wordpress-woocommerce-e1616439271704.jpg\",\"articleSection\":[\"Desenvolvimiento de software\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/guia-para-iniciantes-tema-wordpress-woocommerce\\\/\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/guia-para-iniciantes-tema-wordpress-woocommerce\\\/\",\"name\":\"Tema Wordpress: dando vida ao seu site e produtos!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/guia-para-iniciantes-tema-wordpress-woocommerce\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/guia-para-iniciantes-tema-wordpress-woocommerce\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/tema-wordpress-woocommerce-e1616439271704.jpg\",\"datePublished\":\"2021-03-22T18:55:12+00:00\",\"dateModified\":\"2024-09-24T21:27:49+00:00\",\"description\":\"Criou seu site mas n\u00e3o sabe como prosseguir? Vem comigo nesse texto que te mostro como instalar um tema Wordpress e cadastrar seus produtos!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/guia-para-iniciantes-tema-wordpress-woocommerce\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/guia-para-iniciantes-tema-wordpress-woocommerce\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/guia-para-iniciantes-tema-wordpress-woocommerce\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/tema-wordpress-woocommerce-e1616439271704.jpg\",\"contentUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/tema-wordpress-woocommerce-e1616439271704.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"Pessoa configurando um tema Wordpress em seu site.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/guia-para-iniciantes-tema-wordpress-woocommerce\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mundo TI\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/category\\\/mundo-ti\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Desenvolvimiento de software\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/category\\\/mundo-ti\\\/desenvolvimiento-de-software\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Guia de WordPress para Iniciantes: Aplicando um Tema e Instalando o WooCommerce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/\",\"name\":\"Blog de TI\",\"description\":\"Dicas para o RH e profissionais da \u00e1rea TI\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\",\"name\":\"GeekHunter\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/icon-1.png\",\"contentUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/icon-1.png\",\"width\":300,\"height\":300,\"caption\":\"GeekHunter\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/geekhunterbr\\\/\",\"https:\\\/\\\/x.com\\\/geekhunterbr\",\"https:\\\/\\\/www.instagram.com\\\/geekhunterbr\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/geekhunter-brasil\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@GeekHunterOfficial\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/person\\\/9f62b173345139f7bbdaf55312c3d400\",\"name\":\"Geekhunter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"caption\":\"Geekhunter\"},\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/author\\\/matias\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Tema Wordpress: dando vida ao seu site e produtos!","description":"Criou seu site mas n\u00e3o sabe como prosseguir? Vem comigo nesse texto que te mostro como instalar um tema Wordpress e cadastrar seus produtos!","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.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/","og_locale":"pt_BR","og_type":"article","og_title":"Guia de WordPress para Iniciantes: Aplicando um Tema e Instalando o WooCommerce","og_description":"Aleluia, saiu a parte III do nosso Guia de Wordpress! Hoje voc\u00ea vai aprender a instalar um Tema Wordpress em nosso site! Voc\u00ea pode acompanhar a parte I -","og_url":"https:\/\/www.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/","og_site_name":"Blog Geekhunter","article_publisher":"https:\/\/www.facebook.com\/geekhunterbr\/","article_published_time":"2021-03-22T18:55:12+00:00","article_modified_time":"2024-09-24T21:27:49+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/tema-wordpress-woocommerce-e1616439271704.jpg","type":"image\/jpeg"}],"author":"Geekhunter","twitter_card":"summary_large_image","twitter_creator":"@geekhunterbr","twitter_site":"@geekhunterbr","twitter_misc":{"Escrito por":"Geekhunter","Est. tempo de leitura":"16 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/#article","isPartOf":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/"},"author":{"name":"Geekhunter","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/person\/9f62b173345139f7bbdaf55312c3d400"},"headline":"Guia de WordPress para Iniciantes: Aplicando um Tema e Instalando o WooCommerce","datePublished":"2021-03-22T18:55:12+00:00","dateModified":"2024-09-24T21:27:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/"},"wordCount":2679,"publisher":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/tema-wordpress-woocommerce-e1616439271704.jpg","articleSection":["Desenvolvimiento de software"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/","url":"https:\/\/www.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/","name":"Tema Wordpress: dando vida ao seu site e produtos!","isPartOf":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/#primaryimage"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/tema-wordpress-woocommerce-e1616439271704.jpg","datePublished":"2021-03-22T18:55:12+00:00","dateModified":"2024-09-24T21:27:49+00:00","description":"Criou seu site mas n\u00e3o sabe como prosseguir? Vem comigo nesse texto que te mostro como instalar um tema Wordpress e cadastrar seus produtos!","breadcrumb":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.geekhunter.com/pt/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/#primaryimage","url":"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/03\/tema-wordpress-woocommerce-e1616439271704.jpg","contentUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/03\/tema-wordpress-woocommerce-e1616439271704.jpg","width":1920,"height":1080,"caption":"Pessoa configurando um tema Wordpress em seu site."},{"@type":"BreadcrumbList","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/guia-para-iniciantes-tema-wordpress-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.geekhunter.com/pt/blog\/"},{"@type":"ListItem","position":2,"name":"Mundo TI","item":"https:\/\/www.geekhunter.com/pt/blog\/category\/mundo-ti\/"},{"@type":"ListItem","position":3,"name":"Desenvolvimiento de software","item":"https:\/\/www.geekhunter.com/pt/blog\/category\/mundo-ti\/desenvolvimiento-de-software\/"},{"@type":"ListItem","position":4,"name":"Guia de WordPress para Iniciantes: Aplicando um Tema e Instalando o WooCommerce"}]},{"@type":"WebSite","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#website","url":"https:\/\/www.geekhunter.com\/pt\/blog\/","name":"Blog de TI","description":"Dicas para o RH e profissionais da \u00e1rea TI","publisher":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.geekhunter.com/pt/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization","name":"GeekHunter","url":"https:\/\/www.geekhunter.com\/pt\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2024\/10\/icon-1.png","contentUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2024\/10\/icon-1.png","width":300,"height":300,"caption":"GeekHunter"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/geekhunterbr\/","https:\/\/x.com\/geekhunterbr","https:\/\/www.instagram.com\/geekhunterbr\/","https:\/\/www.linkedin.com\/company\/geekhunter-brasil\/","https:\/\/www.youtube.com\/@GeekHunterOfficial"]},{"@type":"Person","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/person\/9f62b173345139f7bbdaf55312c3d400","name":"Geekhunter","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","caption":"Geekhunter"},"url":"https:\/\/www.geekhunter.com\/pt\/blog\/author\/matias\/"}]}},"_links":{"self":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts\/11871","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/comments?post=11871"}],"version-history":[{"count":0,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts\/11871\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/media\/11912"}],"wp:attachment":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/media?parent=11871"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/categories?post=11871"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/tags?post=11871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}