{"id":6059,"date":"2022-02-23T10:37:49","date_gmt":"2022-02-23T13:37:49","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt-tutoriais\/?p=6059"},"modified":"2024-07-19T16:01:10","modified_gmt":"2024-07-19T19:01:10","slug":"tutorial-wordpress","status":"publish","type":"post","link":"\/pt\/tutoriais\/tutorial-wordpress","title":{"rendered":"Tutorial WordPress: tudo que voc\u00ea precisa saber"},"content":{"rendered":"<p>Lan&ccedil;ado em 27 de maio de 2003 por Matt Mullenweg e Mike Little, o <strong>WordPress<\/strong> &eacute; hoje a maior e mais popular plataforma de cria&ccedil;&atilde;o de sites do mundo. Utilizado por mais de 75 milh&otilde;es de websites, incluindo mais de 26% dos 10 milh&otilde;es de sites mais bem ranqueados no Google, o WordPress &eacute; uma ferramenta poderosa de c&oacute;digo aberto baseada em PHP e MySQL.<\/p><p>Neste tutorial WordPress, voc&ecirc; vai descobrir <span style=\"font-weight: 400\">tudo o que precisa para criar um site<\/span> com o CMS mais popular do mundo, desde a instala&ccedil;&atilde;o at&eacute; os backups. Vamos cobrir todos os aspectos essenciais para voc&ecirc; dominar a cria&ccedil;&atilde;o de sites com WordPress.<\/p><p>Vamos l&aacute;?<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/WordPress-Security-Checklist(pt-br).pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR-1024x283.png\" alt=\"\" class=\"wp-image-30402\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR-300x83.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR-150x41.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR-768x212.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR-1536x425.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-tudo-sobre-wordpress-tutorial-em-video\">Tudo Sobre WordPress: Tutorial em V&iacute;deo<\/h2><p>Prefere um guia mais visual? Ent&atilde;o n&atilde;o deixe de conferir nosso tutorial em v&iacute;deo completo sobre o WordPress, publicado no canal da Hostinger Brasil no YouTube:<\/p><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"&#10004; WordPress Tutorial 2024 (COMO COME&Ccedil;AR DO ZERO)\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/tu06JoRPyQI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure><h2 class=\"wp-block-heading\" id=\"h-por-que-o-wordpress-e-tao-popular\">Por Que o WordPress &eacute; T&atilde;o Popular?<\/h2><p><span style=\"font-weight: 400\">Depois de descobrir a quantidade gigantesca de usu&aacute;rios que o WordPress possui, voc&ecirc; deve estar se perguntando: porque ele &eacute; t&atilde;o popular?<\/span> Abaixo, vamos conferir alguns dos motivos para isso.<\/p><ul class=\"wp-block-list\">\n<li><strong>Projeto de c&oacute;digo aberto<\/strong>. O WordPress &eacute; um projeto de c&oacute;digo aberto, permitindo que qualquer pessoa melhore e edite seu c&oacute;digo conforme suas necessidades. Isso garante flexibilidade e inova&ccedil;&atilde;o cont&iacute;nua na plataforma.<\/li>\n\n\n\n<li><strong>Variedade de plugins e temas. <\/strong>A plataforma oferece uma vasta gama de plugins gratuitos, temas, widgets e outras ferramentas. Isso permite aos usu&aacute;rios personalizar e expandir as funcionalidades de seus sites sem dificuldades.<\/li>\n\n\n\n<li><strong>Versatilidade<\/strong>. Com o WordPress, &eacute; poss&iacute;vel criar qualquer tipo de website, desde blogs simples e portf&oacute;lios pessoais at&eacute; e-shops, bases de conhecimento e classificados. Sua flexibilidade &eacute; um dos grandes atrativos.<\/li>\n\n\n\n<li><strong>Gratuito e amplamente compat&iacute;vel<\/strong>. O WordPress &eacute; completamente gratuito e compat&iacute;vel com todas as plataformas de hospedagem que suportam PHP e MySQL. Isso o torna acess&iacute;vel para qualquer pessoa, independentemente de seu or&ccedil;amento.<\/li>\n\n\n\n<li><strong>Atualiza&ccedil;&otilde;es constantes<\/strong>. O WordPress &eacute; regularmente atualizado com novas vers&otilde;es que melhoram a seguran&ccedil;a e o desempenho geral. Essas atualiza&ccedil;&otilde;es garantem que a plataforma permane&ccedil;a segura e eficiente.<\/li>\n\n\n\n<li><strong>Comunidade dedicada.<\/strong> O WordPress conta com uma enorme comunidade dedicada, com f&oacute;runs de discuss&atilde;o espalhados por toda a internet. A abund&acirc;ncia de conte&uacute;do dispon&iacute;vel e milhares de tutoriais facilitam a cria&ccedil;&atilde;o de conte&uacute;do para qualquer usu&aacute;rio.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-wordpress-org-x-wordpress-com\">WordPress.org x <b>WordPress.com<\/b><\/h2><p><span style=\"font-weight: 400\">WordPress.com e WordPress.org s&atilde;o duas maneiras diferentes de criar um site WordPress.<\/span><\/p><p><span style=\"font-weight: 400\">O que muda entre esses dois m&eacute;todos &eacute; a pr&oacute;pria <strong>hospedagem<\/strong>. Ao usar o WordPress.org, voc&ecirc; dever&aacute; fazer o download gr&aacute;tis do software e hospedar o site por conta pr&oacute;pria num computador local ou atrav&eacute;s de uma provedora de hospedagem&nbsp;&mdash; como por exemplo a Hostinger, que oferece diversos planos de <a href=\"\/pt\/alojamento-wordpress\">host otimizado<\/a> para o melhor desempenho poss&iacute;vel do WordPress<\/span>.<\/p><p><span style=\"font-weight: 400\">Por outro lado, o WordPress.com cuida de toda a hospedagem do site por voc&ecirc;. Voc&ecirc; n&atilde;o vai precisar manter um servidor da web, pagar por <a href=\"\/pt\/hospedagem-barata\">sites de hospedagem<\/a> ou baixar um software, no entanto, ads de propaganda v&atilde;o aparecer no seu site. <\/span><\/p><p><span style=\"font-weight: 400\">Se voc&ecirc; n&atilde;o est&aacute; interessado em hospedar ou manter o seu pr&oacute;prio servidor, ent&atilde;o o WordPress.com pode ser sua melhor op&ccedil;&atilde;o.<\/span> Isso porque<span style=\"font-weight: 400\"> ele tem op&ccedil;&otilde;es gratuitas e pode ser rapidamente configurado, com diversas ferramentas e op&ccedil;&otilde;es para customizar o seu site.<\/span><\/p><p><span style=\"font-weight: 400\">No entanto, isso traz suas desvantagens: o seu website obrigatoriamente ter&aacute; o WordPress.com no endere&ccedil;o URL e voc&ecirc; n&atilde;o poder&aacute; fazer o upload de temas ou plugins customizados.<\/span> <span style=\"font-weight: 400\">Voc&ecirc; tamb&eacute;m n&atilde;o poder&aacute; editar ou modificar o c&oacute;digo PHP por tr&aacute;s do seu site.<\/span><\/p><p><span style=\"font-weight: 400\">Usar o WordPress.org oferece mais flexibilidade e controle sobre seu site. Ser&aacute; poss&iacute;vel ter o seu pr&oacute;prio <a href=\"\/pt\/verificar-dominio\"><strong>dom&iacute;nio do site<\/strong><\/a>, postar temas, plugins e instal&aacute;-los.<\/span><\/p><p><span style=\"font-weight: 400\">Voc&ecirc; tamb&eacute;m ter&aacute; acesso aos seus arquivos, pastas, bancos de dados e c&oacute;digos, o que significa que voc&ecirc; poder&aacute; modificar isso tudo como desejar. <\/span><span style=\"font-weight: 400\">Os sites mais populares e poderosos do WordPress est&atilde;o nesse perfil de hospedagem pr&oacute;pria, que fornece maior flexibilidade e habilidade de implementar funcionalidades, c&oacute;digos e design customizados.<\/span><\/p><p><span style=\"font-weight: 400\">Por fim, caso o WordPress n&atilde;o seja o CMS para voc&ecirc;, ter a sua pr&oacute;pria conta de hospedagem vai permitir testar outros sistemas de gest&atilde;o de conte&uacute;do, como o <a href=\"\/pt\/alojamento-drupal\">CMS Drupal<\/a> ou Joomla.<\/span><\/p><p><span style=\"font-weight: 400\">Este tutorial WordPress, vale notar, ir&aacute; focar na vers&atilde;o auto-hospedada do WordPress.<\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-instalando-o-wordpress\">Instalando o WordPress<\/h2><p><span style=\"font-weight: 400\">Um motivo para o WordPress ser t&atilde;o popular s&atilde;o os requisitos de sistema leves necess&aacute;rios para rodar este CMS num servidor da web:<\/span><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Vers&atilde;o 7.4 do PHP ou posterior.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Vers&atilde;o 8.0 do MySQL ou superior, ou MariaDB 10.5 ou posterior<\/span><\/li>\n\n\n\n<li>Suporte a <a href=\"\/tutoriais\/https\">HTTPS<\/a><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Aqui, a melhor ideia &eacute; optar por uma provedora de hospedagem que ofere&ccedil;a suporte completo o WordPress. Muitos desses hosts disp&otilde;em de instaladores autom&aacute;ticos para tornar a instala&ccedil;&atilde;o do WordPress um processo ainda mais simples<\/span>:<span style=\"font-weight: 400\"> usando esses instaladores, o usu&aacute;rio n&atilde;o ter&aacute; mais de lidar com cria&ccedil;&atilde;o de um banco de dados ou com o&nbsp;upload de arquivos.<\/span><\/p><p><span style=\"font-weight: 400\">Antes de continuar sua instala&ccedil;&atilde;o, voc&ecirc; vai precisar decidir como voc&ecirc; pretende acessar seu website. Voc&ecirc; deseja ter o WordPress como o seu dom&iacute;nio raiz (<em>exemplo.com<\/em>), subdiret&oacute;rio (<em>exemplo.com\/blog<\/em>) ou subdom&iacute;nio (<em>blog.exemplo.com<\/em>)? Voc&ecirc; s&oacute; ir&aacute; precisar de um passo extra se quiser configurar o WordPress como subdom&iacute;nio. Na Hostinger isso pode ser facilmente feito na sess&atilde;o <strong>Subdom&iacute;nios<\/strong>. <\/span><\/p><p>Para obter um tutorial detalhado com 4 diferentes m&eacute;todos de instala&ccedil;&atilde;o, do mais simples ao mais aplicado, confira nosso artigo completo sobre <a href=\"\/tutoriais\/como-instalar-o-wordpress\">como instalar o WordPress<\/a>. <span style=\"font-weight: 400\">Veja tamb&eacute;m nosso tutorial sobre <strong><a href=\"\/tutoriais\/como-migrar-wordpress\">como migrar um site WordPress<\/a><\/strong>, caso este seja seu intuito.<\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-navegando-no-painel-do-wordpress\">Navegando no Painel do WordPress<\/h2><p><span style=\"font-weight: 400\">Ap&oacute;s completar a instala&ccedil;&atilde;o, a primeira coisa que voc&ecirc; vai querer fazer &eacute; logar no painel do administrador do WordPress.<\/span><\/p><p><span style=\"font-weight: 400\">Normalmente existe um link para a p&aacute;gina de login no <em>front-end<\/em> de um <a href=\"\/tutoriais\/como-criar-um-blog\">blog<\/a> no WordPress. Entretanto, alguns temas n&atilde;o v&ecirc;m com isso. Nesse caso, o jeito mais f&aacute;cil de logar no WordPress &eacute; adicionando \/<strong>wp-admin<\/strong> ao final do seu endere&ccedil;o, dessa forma:<\/span><\/p><pre class=\"wp-block-preformatted\"><span style=\"font-weight: 400\">http:\/\/www.seudominio.com\/wp-admin<\/span><\/pre><p><span style=\"font-weight: 400\">Esta URL vai te redirecionar para a tela de login, onde voc&ecirc; precisar&aacute; entrar com o seu nome de usu&aacute;rio e senha. Lembre-se, voc&ecirc; criou essas informa&ccedil;&otilde;es durante a instala&ccedil;&atilde;o do WordPress. Caso voc&ecirc; tenha esquecido a senha, clique no link <\/span><b>Esqueceu sua senha?<\/b><span style=\"font-weight: 400\">.<\/span><\/p><p><span style=\"font-weight: 400\">Voc&ecirc; pode <a href=\"\/tutoriais\/wordpress-login-guia-rapido-acessar-site\"><strong>encontrar aqui<\/strong><\/a> informa&ccedil;&otilde;es mais detalhadas cobre como fazer login no WordPress.<\/span><\/p><figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/04\/hostinger-login-to-wordpress-admin-area.png\" alt=\"tela inicial de login do wordpress\"><\/figure><p><span style=\"font-weight: 400\">Depois de fazer o login, voc&ecirc; ver&aacute; o painel do administrador. Ele foi pensado para oferecer uma vis&atilde;o geral do site inteiro, e cont&eacute;m 3 se&ccedil;&otilde;es principais:<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"521\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2022\/02\/painel-wordpress-1024x521.png\" alt=\"painel de administrador do wordpress\" class=\"wp-image-45120\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/02\/painel-wordpress.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/02\/painel-wordpress-300x153.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/02\/painel-wordpress-150x76.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/02\/painel-wordpress-768x390.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Uma <strong>barra de ferramentas<\/strong> no topo da p&aacute;gina. Nela, h&aacute; links para as fun&ccedil;&otilde;es e recursos mais usados na &aacute;rea do administrador. Por exemplo, caso voc&ecirc; passe o mouse por cima do nome do seu site, vai obter um link para a visualiza&ccedil;&atilde;o p&uacute;blica dele. Ele tamb&eacute;m mostra algumas simples notifica&ccedil;&otilde;es, como updates e novos coment&aacute;rios.<\/span><\/li>\n\n\n\n<li>O <strong>menu principal de navega&ccedil;&atilde;o<\/strong>, localizado no lado esquerdo. Nele, est&atilde;o os links para toda as telas da parte administrativa do WordPress. Caso voc&ecirc; passe o mouse por algum item do menu, vai aparecer um submenu com itens adicionais.<\/li>\n\n\n\n<li>A <strong>&aacute;rea de trabalho principal<\/strong>, localizada na &aacute;rea cinza.<\/li>\n<\/ol><p><span style=\"font-weight: 400\">A primeira vez em que voc&ecirc; fizer o login no painel do admin do WordPress, voc&ecirc; entrar&aacute; um m&oacute;dulo de boas vindas que cont&eacute;m alguns links &uacute;teis para te ajudar nesse come&ccedil;o.<\/span> <span style=\"font-weight: 400\">Assim que estiver confort&aacute;vel com o painel, aperte o bot&atilde;o de <\/span><b>Cancelar<\/b><span style=\"font-weight: 400\"> para sair do m&oacute;dulo.<\/span><\/p><p><strong>Outros M&oacute;dulos<\/strong><\/p><ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">A caixa <strong>Agora <\/strong>vai te dizer quantas postagens, p&aacute;ginas e coment&aacute;rios voc&ecirc; possui. L&aacute; tamb&eacute;m mostra a vers&atilde;o e o tema do WordPress que voc&ecirc; est&aacute; utilizando.<\/span><\/li>\n\n\n\n<li>O campo <b>Atividade <\/b>te d&aacute; um pouco mais de informa&ccedil;&atilde;o sobre os seus &uacute;ltimos posts e coment&aacute;rios. Ele tamb&eacute;m mostra o status de todos coment&aacute;rios, assim como uma pequena lista com as postagens mais recentes dos usu&aacute;rios.<\/li>\n\n\n\n<li><b>Rascunho R&aacute;pido<\/b>. Ali, voc&ecirc; pode escrever algo para criar uma nova postagem no blog. Contudo, voc&ecirc; n&atilde;o poder&aacute; public&aacute;-la a partir dali, pois este campo &eacute; um lugar apenas para fazer um rascunho de ideias para as quais voc&ecirc; poder&aacute; voltar mais tarde.<\/li>\n\n\n\n<li><b>Novidades e eventos do WordPress<\/b>. Esse m&oacute;dulo mostra as &uacute;ltimas atualiza&ccedil;&otilde;es e not&iacute;cias do WordPress.<\/li>\n<\/ol><p><span style=\"font-weight: 400\">Cada uma dessas janelas possui uma pequena seta que pode ser usada para escond&ecirc;-la rapidamente. Voc&ecirc; tamb&eacute;m pode arrast&aacute;-las e solt&aacute;-las nas posi&ccedil;&otilde;es que preferir. <\/span>Conforme voc&ecirc; v&aacute; instalando novos plugins, eles tamb&eacute;m poder&atilde;o adicionar suas pr&oacute;prias janelas &agrave; &aacute;rea de trabalho principal do painel do WordPress.<\/p><h2 class=\"wp-block-heading\" id=\"h-publicando-conteudo\">Publicando Conte&uacute;do<\/h2><p><span style=\"font-weight: 400\">A cria&ccedil;&atilde;o de um site no WordPress come&ccedil;a quando voc&ecirc; publica uma nova <strong>postagem<\/strong> ou <strong>p&aacute;gina<\/strong>. Voc&ecirc; pode se perguntar: qual a diferen&ccedil;a entre p&aacute;ginas e postagens?<\/span><\/p><p><span style=\"font-weight: 400\">A resposta &eacute; simples: no WordPress, as postagens podem ser arquivadas e ter categorias e tags. As postagens do WordPress s&atilde;o usadas para publicar conte&uacute;do que &eacute; relevante naquele momento espec&iacute;fico, mas n&atilde;o necessariamente no futuro.<\/span> Pense nelas como not&iacute;cias ou artigos de blog, por exemplo.<\/p><p><span style=\"font-weight: 400\">Em contraste a isso, as p&aacute;ginas geralmente s&atilde;o est&aacute;ticas e trazem um conte&uacute;do que n&atilde;o costuma ficar datado e\/ou n&atilde;o precisa ser atualizado com frequ&ecirc;ncia. Elas n&atilde;o possuem categorias ou tags. <\/span><b>Sobre N&oacute;s<\/b><span style=\"font-weight: 400\"> ou <\/span><b>Contato<\/b><span style=\"font-weight: 400\"> s&atilde;o bons exemplos de p&aacute;ginas.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-criando-uma-nova-postagem\">Criando Uma nova Postagem<\/h3><p><span style=\"font-weight: 400\">Para criar uma nova postagem no WordPress, v&aacute; at&eacute; a barra lateral no seu painel de administrador e clique em <strong>Posts<\/strong> -&gt; <\/span><strong>Adicionar Novo Post<\/strong>.<\/p><p>Voc&ecirc; se deparar&aacute; com o editor Gutenberg, que &eacute; o editor padr&atilde;o de postagens e p&aacute;ginas do WordPress. Ele &eacute; um editor de blocos, o que significa que voc&ecirc; pode personalizar sua postagem com todos os tipos de elementos &mdash; desde os mais b&aacute;sicos, como t&iacute;tulos, par&aacute;grafos e imagens, at&eacute; outros mais espec&iacute;ficos, como cita&ccedil;&otilde;es, calend&aacute;rios, galerias, &aacute;udios e bot&otilde;es. Voc&ecirc; tamb&eacute;m tem &agrave; disposi&ccedil;&atilde;o milhares de plugins para adicionar ainda mais tipos de blocos ao editor.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"739\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/04\/gutenberg-1024x739.png\" alt=\"p&aacute;gina do Gutenberg na web\" class=\"wp-image-34048\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2023\/04\/gutenberg.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2023\/04\/gutenberg-300x217.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2023\/04\/gutenberg-150x108.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2023\/04\/gutenberg-768x554.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">No lado direito da tela, voc&ecirc; encontra as chamadas meta-caixas. Cada um desses campos tem uma fun&ccedil;&atilde;oem&nbsp; particular. <\/span><\/p><ul class=\"wp-block-list\">\n<li><b>Publicar.<\/b><span style=\"font-weight: 400\"> Aqui, voc&ecirc; pode alterar o status e a visibilidade do seu post, agendar sua publica&ccedil;&atilde;o, etc. Ao clicar no bot&atilde;o <strong>Publicar<\/strong>, sua postagem ficar&aacute; online. Caso voc&ecirc; decida deletar o post, clique em <strong>Mover Para Lixeira<\/strong>.<\/span><\/li>\n\n\n\n<li><b>Categorias.<\/b><span style=\"font-weight: 400\"> Nesse campo, voc&ecirc; pode mover a sua postagem para uma categoria espec&iacute;fica, e at&eacute; criar uma nova categoria clicando em <strong>+Adicionar Nova Categoria<\/strong>.<\/span><\/li>\n\n\n\n<li>A caixa <b>Tags<\/b><span style=\"font-weight: 400\"> permite que voc&ecirc; adicione novas tags rapidamente. <\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\"><strong>Imagem Destacada<\/strong>. Aqui, voc&ecirc; pode inserir uma imagem de destaque na sua postagem. Ela estar&aacute; vis&iacute;vel bem no topo do post (a localiza&ccedil;&atilde;o das imagens pode ser diferente dependendo com o tema)<\/span>.<\/li>\n<\/ul><p>Leia nosso <a href=\"\/tutoriais\/gutenberg-pros-e-contras\">tutorial completo sobre o Editor Gutenberg<\/a> se quiser explor&aacute;-lo mais a fundo.<\/p><h3 class=\"wp-block-heading\" id=\"h-criando-uma-nova-pagina\"><b>Criando uma Nova P&aacute;gina<\/b><\/h3><p><span style=\"font-weight: 400\">Para criar uma nova p&aacute;gina no WordPress, <\/span>v&aacute; &agrave; barra lateral e clique em <strong>P&aacute;ginas<\/strong> -&gt; <strong>Adicionar Nova P&aacute;gina<\/strong>.<\/p><p>A se&ccedil;&atilde;o <b>Adicionar Nova P&aacute;gina<\/b><span style=\"font-weight: 400\"> tamb&eacute;m incorpora o Editor Gutenberg, assim como na sess&atilde;o <\/span><b>Posts<\/b><span style=\"font-weight: 400\">. Por isso, o processo de inserir e formatar sua p&aacute;gina &eacute; o mesmo.<\/span><\/p><p><span style=\"font-weight: 400\">Voc&ecirc; tamb&eacute;m pode notar que a sess&atilde;o P&aacute;ginas n&atilde;o possui as meta-caixas <\/span><b>Tags<\/b><span style=\"font-weight: 400\"> e <\/span><b>Categorias<\/b><span style=\"font-weight: 400\">. Ao inv&eacute;s disso ela possui o campo chamado <\/span><b>Atributos da P&aacute;gina<\/b><span style=\"font-weight: 400\">.<\/span><\/p><p><span style=\"font-weight: 400\">Nesta sess&atilde;o, voc&ecirc; tem o poder de modificar a ordem de suas p&aacute;ginas e definir uma p&aacute;gina-m&atilde;e. Isso vai ser &uacute;til caso voc&ecirc; deseje ter diferentes p&aacute;ginas por dentro de uma p&aacute;gina-m&atilde;e. <\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"730\" height=\"237\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/exemplo-pagina-contato.jpg\" alt=\"exemplo de p&aacute;gina de contato\" class=\"wp-image-26546\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/exemplo-pagina-contato.jpg 730w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/exemplo-pagina-contato-300x97.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/exemplo-pagina-contato-150x49.jpg 150w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-instalando-plugins-no-wordpress\">Instalando Plugins no WordPress<\/h2><p><span style=\"font-weight: 400\">A principal fun&ccedil;&atilde;o dos plugins &eacute; expandir as funcionalidades do WordPress. Ao instalar e ativar um plugi,n voc&ecirc; pode adicionar novas funcionalidades ao seu site sem precisar mexer em nenhum c&oacute;digo.<\/span><\/p><p><span style=\"font-weight: 400\">Existem milhares de plugins pagos e gratuitos constru&iacute;dos para diferentes prop&oacute;sitos: desde compartilhamento em m&iacute;dias sociais at&eacute; seguran&ccedil;a. Portanto, voc&ecirc; com certeza vai encontrar um plugin que se encaixa nas suas necessidades. <\/span><\/p><p><span style=\"font-weight: 400\">Instalar plugins no WordPress &eacute; uma tarefa f&aacute;cil at&eacute; para iniciantes. Plugins gr&aacute;tis e premium est&atilde;o dispon&iacute;veis no diret&oacute;rio de plugins do WordPress.<\/span><\/p><p><span style=\"font-weight: 400\">Assim como os temas, eles podem ser instalados usando o instalador do WordPress. Para adicionar um plugin pressione o bot&atilde;o <\/span><b>Adicionar Novo<\/b><span style=\"font-weight: 400\"> em <\/span><b>Plugins<\/b><span style=\"font-weight: 400\"> e entre com o nome do plugin que voc&ecirc; deseja instalar no campo de busca. Clique em <\/span><b>Instalar<\/b><span style=\"font-weight: 400\"> e depois em <\/span><b>Ativar<\/b><span style=\"font-weight: 400\">.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"730\" height=\"528\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/adicionar-novo-plugin-wordpress.jpg\" alt=\"como adicionar novo plugin no wordpress\" class=\"wp-image-26594\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/adicionar-novo-plugin-wordpress.jpg 730w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/adicionar-novo-plugin-wordpress-300x217.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/adicionar-novo-plugin-wordpress-150x108.jpg 150w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/figure><\/div><p class=\"has-text-align-center\"><\/p><p><span style=\"font-weight: 400\">Existem milhares de plugins premium (pagos) que n&atilde;o podem ser instalados atrav&eacute;s do diret&oacute;rio oficial do WordPress. Caso voc&ecirc; adquira um plugin premium, dever&aacute; fazer o upload manualmente para a plataforma.<\/span><\/p><p><span style=\"font-weight: 400\">O processo &eacute; bastante similar ao de instala&ccedil;&atilde;o de temas. Para prosseguir, clique em <\/span><b>Adicionar Novo<\/b><span style=\"font-weight: 400\"> em <\/span><b>Plugins<\/b><span style=\"font-weight: 400\"> e depois em <strong>E<\/strong><\/span><b>nviar Plugin<\/b><span style=\"font-weight: 400\">. Agora selecione um plugin e fa&ccedil;a o upload. Finalmente, instale e ative o plugin. Caso precise de um guia mais detalhado sobre este t&oacute;pico, veja <a href=\"\/tutoriais\/como-instalar-plugins-wordpress\"><strong>este tutorial<\/strong><\/a>.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"730\" height=\"302\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/upload-plugin-wordpress.jpg\" alt=\"tela de upload de plugin para o wordpress\" class=\"wp-image-26595\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/upload-plugin-wordpress.jpg 730w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/upload-plugin-wordpress-300x124.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/upload-plugin-wordpress-150x62.jpg 150w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-plugins-essenciais-do-wordpress\"><b>Plugins Essenciais do WordPress<\/b><\/h3><p><span style=\"font-weight: 400\">Existem tantos plugins do WordPress que pode ser dif&iacute;cil de encontrar a melhor op&ccedil;&atilde;o para cada situa&ccedil;&atilde;o. <\/span><span style=\"font-weight: 400\">&nbsp;Na vedade, existem muitos plugins que servem o mesmo prop&oacute;sito. Por exemplo, tem dezenas de plugins de cache para o WordPress.<\/span><\/p><p><span style=\"font-weight: 400\">Por isso n&oacute;s decidimos listar os melhores e mais essenciais plugins para qualquer blog do WordPress.<\/span><\/p><ul class=\"wp-block-list\">\n<li><b><a href=\"https:\/\/br.wordpress.org\/plugins\/google-sitemap-generator\/\" target=\"_blank\" rel=\"noopener\">Google XML Sitemaps<\/a>.<\/b><span style=\"font-weight: 400\"> Este plugin vai gerar mapas de site XML de maneira automaticamente, melhorando seu SEO. &Eacute; f&aacute;cil de usar e &eacute; atualizado com frequ&ecirc;ncia.<\/span><\/li>\n\n\n\n<li><b><a href=\"https:\/\/br.wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener\">Yoast SEO<\/a>.<\/b><span style=\"font-weight: 400\"> Provavelmente o plugin de SEO mais popular para WordPress. Ele vai te ajudar a melhorar a otimiza&ccedil;&atilde;o para sites de busca. De meta tags a sugest&otilde;es transcritas, o Yoast SEO possui tudo.<\/span><\/li>\n\n\n\n<li><b><a href=\"https:\/\/br.wordpress.org\/plugins\/wordfence\/\" target=\"_blank\" rel=\"noopener\">Wordfence Security<\/a>.<\/b><span style=\"font-weight: 400\"> Este plugin vai manter o seu WordPress seguro de hackers e malware. Ele possui m&oacute;dulos de escaneamento de farewall e malware que s&atilde;o super f&aacute;ceis de usar.<\/span><\/li>\n\n\n\n<li><b><a href=\"https:\/\/br.wordpress.org\/plugins\/contact-form-7\/\" target=\"_blank\" rel=\"noopener\">Contact Form 7<\/a>.<\/b><span style=\"font-weight: 400\"> Um criador de formul&aacute;rios de contato simples, mas extremamente poderoso. Crie qualquer contato ou at&eacute; formul&aacute;rios de gera&ccedil;&atilde;o de leads com este plugin.<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Tenha em mente, entretanto, que n&atilde;o &eacute; recomendado inundar o WordPress com centenas de plugins, pois eles tendem a prejudicar a performance do site. Mantenha seu WordPress limpo instalando apenas os plugins essenciais e exclua aqueles que n&atilde;o est&atilde;o em uso. <\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-instalando-temas-do-wordpress\">Instalando Temas do WordPress<\/h2><p><span style=\"font-weight: 400\">O estilo do seu site pode ser modificado atrav&eacute;s dos temas. Existem temas gratuitos e premium, alguns deles s&atilde;o universais e podem ser usados em qualquer site. Outros s&atilde;o constru&iacute;dos para prop&oacute;sitos bem espec&iacute;ficos &mdash; como, por exemplo, temas para e-commerce. <\/span><\/p><p><span style=\"font-weight: 400\">O WordPress tornou a instala&ccedil;&atilde;o de temas extremamente f&aacute;cil. Literalmente leva apenas alguns minutos para instalar um tema gratuito. Para dar inicio, acesse a sess&atilde;o <strong>Apar&ecirc;ncia<\/strong> e busque por um tema legal que lhe agrade. Voc&ecirc; tamb&eacute;m pode filtr&aacute;-los em categorias como atributos e cores.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"730\" height=\"399\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/instalar-temasworpdress.jpg\" alt=\"instalar temas no wordpress\" class=\"wp-image-26596\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/instalar-temasworpdress.jpg 730w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/instalar-temasworpdress-300x164.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/instalar-temasworpdress-150x82.jpg 150w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/figure><\/div><p class=\"has-text-align-center\"><\/p><p><span style=\"font-weight: 400\">A pr&eacute;via do tema permite que voc&ecirc; veja como seu website vai ficar com o tema selecionado. Essa &uacute;til fun&ccedil;&atilde;o vai poupar seu tempo. Afinal, voc&ecirc; n&atilde;o vai precisar instalar m&uacute;ltiplos temas para saber como eles ficar&atilde;o no seu site.<\/span><\/p><p><span style=\"font-weight: 400\">O m&eacute;todo abaixo &eacute; aplic&aacute;vel apenas para temas gratuitos e freemium. E se voc&ecirc; adquirir um tema premium com um belo deisgn? Nesse caso, voc&ecirc; ter&aacute; que fazer o upload manualmente.<\/span><\/p><p><span style=\"font-weight: 400\">Acesse a mesma sess&atilde;o <\/span><b>Apar&ecirc;ncia<\/b><span style=\"font-weight: 400\">, aperte <\/span><b>Enviar<\/b><span style=\"font-weight: 400\"> e selecione o arquivo .zip do seu tema. Pode levar alguns minutos para que o processo seja conclu&iacute;do. Assim que acabar, apenas clique em <\/span><b>Ativar<\/b><span style=\"font-weight: 400\"> o tema. Precisa de mais passos detalhados? Veja aqui um tutorial sobre <strong><a href=\"\/tutoriais\/como-instalar-temas-do-wordpress\">como instalar temas<\/a><\/strong> no WordPress. <\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"730\" height=\"275\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/enviar-temas-wordpress.jpg\" alt=\"enviar tema no wordpress\" class=\"wp-image-26598\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/enviar-temas-wordpress.jpg 730w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/enviar-temas-wordpress-300x113.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/enviar-temas-wordpress-150x57.jpg 150w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-otimizando-o-wordpress\"><b>Otimizando o WordPress<\/b><\/h2><p>Neste guia, voc&ecirc; aprendeu a instalar e usar o WordPress para criar e manter seu site. &Agrave; medida que seu site cresce, aumenta a quantidade de textos, imagens, c&oacute;digos e outros arquivos de m&iacute;dia, o que pode deix&aacute;-lo mais lento.<\/p><p>Para evitar um site WordPress lento, &eacute; essencial otimiz&aacute;-lo continuamente. Isso garante que suas p&aacute;ginas carreguem rapidamente, mantendo seus visitantes satisfeitos e propensos a voltar.<\/p><p>Felizmente, o WordPress &eacute; f&aacute;cil de otimizar gra&ccedil;as &agrave; quantidade de plugins e ferramentas dispon&iacute;veis. Voc&ecirc; pode tornar seu site extremamente r&aacute;pido sem precisar de conhecimento em programa&ccedil;&atilde;o. Vamos abordar algumas t&eacute;cnicas de otimiza&ccedil;&atilde;o do WordPress para melhorar significativamente a velocidade do seu site.<\/p><h3 class=\"wp-block-heading\" id=\"h-use-plugins-de-cache\">Use Plugins de Cache<\/h3><p>O primeiro passo para deixar seu site mais r&aacute;pido &eacute; usar um plugin de cache. Em resumo, o cache &eacute; como um armazenamento tempor&aacute;rio de dados, que guarda informa&ccedil;&otilde;es para que o site carregue mais r&aacute;pido da pr&oacute;xima vez que algu&eacute;m o visita.<\/p><p>Por exemplo: quando voc&ecirc; visita um site frequentemente, seu navegador guarda algumas partes do site no cache. Assim, ele precisa carregar menos coisas do servidor, o que torna o carregamento mais veloz.<\/p><p>Os plugins de cache do WordPress criam uma vers&atilde;o est&aacute;tica do seu site e a enviam aos visitantes. Dessa forma, o site n&atilde;o precisa carregar todos os scripts de PHP cada vez que algu&eacute;m entra ou atualiza a p&aacute;gina.<\/p><p><span style=\"font-weight: 400\">Alguns dos plugins de cache mais populares<\/span> incluem o <strong><a href=\"https:\/\/br.wordpress.org\/plugins\/wp-super-cache\/\" target=\"_blank\" rel=\"noopener\">WP Super Cache<\/a><\/strong>, o <a style=\"font-weight: bold\" href=\"https:\/\/br.wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener\">W3 Total Cach<\/a> e o <strong><a href=\"https:\/\/br.wordpress.org\/plugins\/wp-fastest-cache\/\" target=\"_blank\" rel=\"noopener\">WP Fastest Cache<\/a><\/strong>. Para saber mais, leia nosso tutorial completo com os <a href=\"\/tutoriais\/plugin-cache-wordpress\">melhores plugins de cache para WordPress<\/a>.<\/p><h3 class=\"wp-block-heading\" id=\"h-otimize-as-imagens-do-wordpress\">Otimize as Imagens do WordPress<\/h3><p><span style=\"font-weight: 400\">Otimiza&ccedil;&atilde;o de imagens &eacute; uma outra tarefa crucial que deve ser feita em vista de deixar seu site mais r&aacute;pido. Geralmente, existem duas quest&otilde;es centrais que causam o carregamento lento das imagens:<\/span><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\"><strong>Usar imagens muito grandes<\/strong>. Por exemplo, caso voc&ecirc; fa&ccedil;a o upload de uma imagem com 500 x 500 de dimens&atilde;o, mas o seu site o redimensiona para 100 x 100. Como resultado, o navegador do visitante ter&aacute; de fazer um download do arquivo maior primeiro, reconfigur&aacute;-lo e s&oacute; depois mostr&aacute;-lo na p&aacute;gina. O jeito mais correto seria simplesmente fazer o upload de uma imagem 100 x 100, pois a tarefa excessiva de redimensionar a imagem seria evitada. A imagem tamb&eacute;m tomaria menos espa&ccedil;o dessa forma, resultando num carregamento mais r&aacute;pido. Um guia detalhado de <a href=\"\/tutoriais\/otimizar-imagens-wordpress\"><strong>como localizar tais imagens e redimension&aacute;-las<\/strong><\/a> pode ser encontrado aqui.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\"><strong>Imagens que n&atilde;o est&atilde;o totalmente comprimidas<\/strong>. Voc&ecirc; pode economizar muito espa&ccedil;o e largura de banda se comprimir suas imagens apropriadamente. Felizmente, o WordP<\/span><span style=\"font-weight: 400\">ress possui um &oacute;timo plugin que pode te ajudar com isso, o WP Smush. Voc&ecirc; pode <a href=\"\/tutoriais\/otimizar-imagens-wordpress\"><strong>encontrar aqui<\/strong><\/a> um guia mais detalhado de como implementar um plugin especializado e otimizar suas imagens no WordPress.<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Quanto mais imagens o seu site tiver, mais benef&iacute;cios voc&ecirc; ter&aacute; ao otimiz&aacute;-las.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-habilite-a-compressao-gzip\">Habilite a Compress&atilde;o Gzip<\/h3><p><span style=\"font-weight: 400\">Habilitar uma compress&atilde;o gzip no seu website &eacute; uma &oacute;tima maneira de fornecer velocidade e uma boa performance no WordPress. Em suma, o gzip opera encontrando strings similares num artigo de texto e substituindo-as temporariamente, resultando em arquivos menores.<\/span><\/p><p><span style=\"font-weight: 400\">Arquivos HTML e CSS possuem uma quantidade grande de textos e espa&ccedil;os repetidos, fazendo com que a compress&atilde;o gzip seja bastante efetiva nesses casos. Ao todo, ele pode reduzir de tamanho uma p&aacute;gina do WordPress entre 50-70%.<\/span><\/p><p><span style=\"font-weight: 400\">Existem algumas formas de habilitar a compress&atilde;o gzip:<\/span><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Habilitar compress&atilde;o gzip via .htaccess (recomendado). Voc&ecirc; encontra <a href=\"\/tutoriais\/melhorando-o-desempenho-do-site-compressao-gzip\"><strong>aqui<\/strong><\/a> um tutorial mais detalhado de como fazer isso.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\"><strong>Habilitar compress&atilde;o gzip via plugins do WordPress<\/strong>. Um exemplo plugin com tal capacidade &eacute; o pr&oacute;prio <a href=\"https:\/\/br.wordpress.org\/plugins\/wp-super-cache\/\" target=\"_blank\" rel=\"noopener\"><strong>WP Super Cache<\/strong><\/a>.<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Algo que voc&ecirc; deve manter em mente &eacute; que a compress&atilde;o gzip pode aumentar um pouco o uso da CPU. Se a CPU n&atilde;o &eacute; um problema, ent&atilde;o a compress&atilde;o gzip pode ser realmente uma grande escolha para otimizar seu site WordPress. <\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-adie-a-analise-de-javascript-no-wordpress\">Adie a An&aacute;lise de JavaScript no WordPress<\/h3><p><span style=\"font-weight: 400\">A maioria dos plugins e add-ons de redes sociais usam JavaScript em abund&acirc;ncia. Por padr&atilde;o, esses elementos s&atilde;o carregados primeiro quando se acessa um site. Esse comportamento faz com que o HTML e outros componentes visuais aparec&ccedil;am somente depois que o JavaScript tiver carregado.<\/span><\/p><p><span style=\"font-weight: 400\">Voc&ecirc; pode <\/span><span style=\"font-weight: 400\">adiar a an&aacute;lise<\/span><span style=\"font-weight: 400\"> do JavaScript para que os elementos visuais apare&ccedil;am mais r&aacute;pido. J&aacute; os bot&otilde;es de m&iacute;dias sociais e outros conte&uacute;dos que utilizam JavaScript carregar&atilde;o em seguida.<\/span><\/p><p><span style=\"font-weight: 400\">Um tutorial mais detalhado sobre como usar essas ferramentas em seu WP pode ser <a href=\"\/tutoriais\/cdn-cloudflare\"><strong>encontrado aqui<\/strong><\/a>.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-utilize-uma-rede-de-distribuicao-de-conteudo-cdn\">Utilize uma Rede de Distribui&ccedil;&atilde;o de Conte&uacute;do (CDN)<\/h3><p><span style=\"font-weight: 400\">Implementar uma rede de distribui&ccedil;&atilde;o de conte&uacute;do (CDN, do ingl&ecirc;s Content Delivery Network) ir&aacute; aumentar a velocidade do seu WordPress ao utilizar m&uacute;ltiplos datacenters dispon&iacute;veis pelo mundo para salvar seu conte&uacute;do em cache.<\/span><\/p><p><span style=\"font-weight: 400\">Depois que um visitante acessar seu site, o conte&uacute;do vai ser entregue pelo datacenter mais pr&oacute;ximo dispon&iacute;vel, resultando em uma melhor experi&ecirc;ncia de <em>front-end<\/em>.<\/span><\/p><p>A Hostinger oferece uma solu&ccedil;&atilde;o de CDN gratuita para todos os planos Business, Cloud e superiores. Para ativar este recurso, basta ir at&eacute; a barra lateral do hPanel, em&nbsp;<strong>Desempenho<\/strong>&rarr;&nbsp;<strong>CDN&nbsp;<\/strong>e clicar em <strong>Habilitar<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"515\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2022\/08\/ativando-cdn-hostinger-1024x515.png\" alt=\"ativando cdn pr&oacute;pria da hostinger no hpanel\" class=\"wp-image-42188\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/08\/ativando-cdn-hostinger.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/08\/ativando-cdn-hostinger-300x151.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/08\/ativando-cdn-hostinger-150x75.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/08\/ativando-cdn-hostinger-768x386.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-remova-query-strings-de-recursos-estaticos\"><b>Remova Query Strings de Recursos Est&aacute;ticos<\/b><\/h3><p><span style=\"font-weight: 400\">O <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener\"><strong>GTMetrix<\/strong><\/a> e outras ferramentas de otimiza&ccedil;&atilde;o sugerem a remo&ccedil;&atilde;o de query strings do CSS e JS com o intuito de melhorar o cache desses elementos.<\/span> <span style=\"font-weight: 400\">Confira nosso <a href=\"\/tutoriais\/como-remover-query-strings-no-wordpress\"><strong>guia detalhado<\/strong><\/a> para aprender mais sobre o assunto.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-habilite-o-lazy-loading\"><b>Habilite o Lazy Loading <\/b><\/h3><p><span style=\"font-weight: 400\">Geralmente quando se abre uma p&aacute;gina da web, todo o seu conte&uacute;do &eacute; carregado instantaneamente. Isso &eacute; chamado de <\/span><strong>eager loading<\/strong><span style=\"font-weight: 400\">. De outra forma, &eacute; poss&iacute;vel atrasar a inicializa&ccedil;&atilde;o de alguns objetos (tipo imagens) at&eacute; que eles sejam necess&aacute;rios, o que &eacute; chamado de <\/span><strong>lazy loading<\/strong><span style=\"font-weight: 400\">.<\/span><\/p><p><span style=\"font-weight: 400\">A pr&aacute;tica mais comum &eacute; mostrar imagens apenas quando elas est&atilde;o vis&iacute;veis na tela do ponto de vista do visitante.<\/span><\/p><p><span style=\"font-weight: 400\">Tudo o que voc&ecirc; precisa fazer para aproveitar as vantagens dessa t&eacute;cnica &eacute; instalar e habilitar plugins como <a href=\"https:\/\/br.wordpress.org\/plugins\/rocket-lazy-load\/\" target=\"_blank\" rel=\"noopener\"><strong>Rocket Lazy Load<\/strong><\/a>.<\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-mantendo-o-wordpress-seguro\"><b>Mantendo o WordPress Seguro<\/b><\/h2><p><span style=\"font-weight: 400\">Por &uacute;ltimo e n&atilde;o menos importante, para se ter um site de sucesso no WordPress, voc&ecirc; deve fortalecer seguran&ccedil;a &mdash; afinal de contas, por ser o CMS mais popular do mundo, o WordPress acaba tamb&eacute;m sendo o mais visado por invasores.<\/span> <span style=\"font-weight: 400\">No entanto, existem v&aacute;rias medidas que voc&ecirc; tomar fazer para proteger o seu site contra hackers e outras atividades maliciosas. <\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-mantenha-seu-site-wordpress-atualizado\"><b>Mantenha seu Site WordPress Atualizado<\/b><\/h3><p><span style=\"font-weight: 400\">Um dos fatores mais importantes para manter um ambiente seguro &eacute; sempre baixar e usar a &uacute;ltima vers&atilde;o do WordPress, assim como dos temas e plugins.<\/span> <span style=\"font-weight: 400\">A maioria dos updates inclui ajustes na seguran&ccedil;a e corre&ccedil;&atilde;o de vulnerabilidades, que previnem que elas sejam exploradas em vers&otilde;es futuras.<\/span><\/p><p><span style=\"font-weight: 400\">Uma pr&aacute;tica comum dentre os hackers &eacute; tirar vantagem de p&aacute;ginas da web que est&atilde;o rodando uma vers&atilde;o antiga do WordPress, que tenha vulnerabilidades expostas.<\/span><\/p><p><span style=\"font-weight: 400\">Por padr&atilde;o, o WordPress &eacute; atualizado automaticamente sempre que uma nova vers&atilde;o &eacute; lan&ccedil;ada. No entanto, isso pode n&atilde;o funcionar sempre, ou o recurso pode estar desabilitado em algumas hospedagens.<\/span><\/p><p class=\"has-text-align-left\"><span style=\"font-weight: 400\">Geralmente, quando uma nova vers&atilde;o chega, uma notifica&ccedil;&atilde;o ser&aacute; mostrada no topo do seu painel de administrador. Voc&ecirc; tamb&eacute;m pode atualizar os seus temas e plugins na se&ccedil;&atilde;o <strong>Painel -&gt; Atualiza&ccedil;&otilde;es<\/strong>.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"730\" height=\"111\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/painel-atualizacoes.jpg\" alt=\"atualizar wordpress\" class=\"wp-image-26600\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/painel-atualizacoes.jpg 730w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/painel-atualizacoes-300x46.jpg 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2017\/05\/painel-atualizacoes-150x23.jpg 150w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-use-nomes-de-usuario-e-senhas-unicos\">Use Nomes de Usu&aacute;rio e Senhas &Uacute;nicos<\/h3><p><b>Admin<\/b><span style=\"font-weight: 400\"> &eacute; o nome de usu&aacute;rio definido como padr&atilde;o em todas as instala&ccedil;&otilde;es do WordPress. N&oacute;s recomendamos fortemente que voc&ecirc; o altere, pois isso j&aacute; adiciona uma camada extra de seguran&ccedil;a para suas credenciais de login.<\/span><\/p><p><span style=\"font-weight: 400\">Imagine uma situa&ccedil;&atilde;o em que algu&eacute;m descubra sua senha, mas n&atilde;o saiba qual &eacute; o seu nome de usu&aacute;rio.<\/span> <span style=\"font-weight: 400\">No fim das contas, a pessoa n&atilde;o ter&aacute; acesso ao seu painel por conta disso. Deixar o username simplesmente como <strong>admin<\/strong> pode deixar o trabalho dos hackers ainda mais f&aacute;cil. Portanto, essa informa&ccedil;&atilde;o deve ser alterada. <\/span><\/p><p><span style=\"font-weight: 400\">Quando definir uma senha, tenha certeza de incluir n&uacute;meros, letras mai&uacute;sculas e s&iacute;mbolos especiais. Caso tenha dificuldades de lembrar de todas as suas senhas, voc&ecirc; pode guard&aacute;-las utilizando ferramentas como o <a href=\"https:\/\/www.lastpass.com\/pt\" target=\"_blank\" rel=\"noopener\"><strong>LastPass<\/strong><\/a>.<\/span><\/p><p><span style=\"font-weight: 400\">Isso vai evitar o problema de ter que lembrar de todas as senhas diferentes, al&eacute;m de permitir que voc&ecirc; aumente a dificuldade das suas senhas.<\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-faca-backups-regulares\">Fa&ccedil;a Backups Regulares<\/h3><p><span style=\"font-weight: 400\">Gerar backups &eacute; uma tarefa crucial para qualquer website. N&atilde;o apenas para melhorar a seguran&ccedil;a, mas tamb&eacute;m para fornecer uma maneira confi&aacute;vel de restaurar o seu site em caso de problemas e erros inesperados.<\/span><\/p><p><span style=\"font-weight: 400\">Voc&ecirc; pode criar um backup <strong>manualmente<\/strong> ou usar um m&eacute;todo <strong>automatizado<\/strong>. O processo manual envolve o download de arquivos e do banco de dados MySQL de um site WordPress.<\/span><\/p><p><span style=\"font-weight: 400\">No entanto, caso voc&ecirc; fa&ccedil;a muitas novas postagens, mudan&ccedil;as ou administre muitos websites diferentes,&nbsp; ficar sempre fazendo o download manual de todo conte&uacute;do ser&aacute; uma grande trabalheira. Por conta disso, a maioria dos provedores hoje em dia possui backups autom&aacute;ticos.<\/span><\/p><p><span style=\"font-weight: 400\">Como uma medida extra de seguran&ccedil;a, voc&ecirc; pode utilizar os plugins de <strong>backup autom&aacute;tico<\/strong> para configur&aacute;-los mensalmente, por semana ou at&eacute; diariamente.<\/span><\/p><p><span style=\"font-weight: 400\">Isso vai economizar muito do seu tempo e tamb&eacute;m lhe dar&aacute; a op&ccedil;&atilde;o de armazenar os arquivos e o banco de dados do WordPress num local remoto com o <a href=\"\/tutoriais\/configurar-wordpress-backup-to-dropbox\"><strong>DropBox<\/strong><\/a>. Voc&ecirc; pode usar plugins como:<\/span><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\"><a href=\"https:\/\/br.wordpress.org\/plugins\/updraftplus\/\" target=\"_blank\" rel=\"noopener\"><strong>UpdraftPlus<\/strong><\/a> &eacute; um plugin que possui a habilidade de fazer o backup do WordPress em uma localiza&ccedil;&atilde;o remota. Ele tamb&eacute;m permite fazer a restaura&ccedil;&atilde;o dos dados.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\"><a href=\"https:\/\/br.wordpress.org\/plugins\/backupwordpress\/\" target=\"_blank\" rel=\"noopener\"><strong>BackupUpWordPress<\/strong><\/a> &eacute; um plugin leve de backup autom&aacute;tico. Ele permite que voc&ecirc; exclua certas pastas, defina o tempo para a execu&ccedil;&atilde;o do backup e est&aacute; dispon&iacute;vel em dezenas de idiomas diferentes. <\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Esses s&atilde;o apenas os truques b&aacute;sicos para fortalecer a seguran&ccedil;a do WordPress. Para mais dicas de seguran&ccedil;a, <a href=\"\/tutoriais\/como-aumentar-seguranca-no-wordpress\"><strong>confira nosso guia sobre o assunto<\/strong><\/a>.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/pt\/alojamento-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><b>Conclus&atilde;o<\/b><\/h2><p>Neste tutorial WordPress, cobrimos todos os aspectos essenciais para criar e manter seu site WordPress. A seguir, um resumo dos principais pontos abordados:<\/p><ol class=\"wp-block-list\">\n<li><strong>Instala&ccedil;&atilde;o simples<\/strong>: Demonstramos como instalar o WordPress, tanto de forma autom&aacute;tica quanto manual, garantindo que qualquer usu&aacute;rio possa iniciar rapidamente.<\/li>\n\n\n\n<li><strong>Navega&ccedil;&atilde;o no painel<\/strong>: Exploramos a interface de administra&ccedil;&atilde;o do WordPress, explicando suas funcionalidades b&aacute;sicas para facilitar a gest&atilde;o do seu site.<\/li>\n\n\n\n<li><strong>Publica&ccedil;&atilde;o de conte&uacute;do<\/strong>: Diferenciamos entre postagens e p&aacute;ginas, mostrando como criar e organizar conte&uacute;do de maneira eficiente.<\/li>\n\n\n\n<li><strong>Personaliza&ccedil;&atilde;o com plugins e temas<\/strong>: Aprendemos a instalar e configurar plugins e temas para adicionar funcionalidades e personalizar o visual do seu site, tornando-o &uacute;nico e adaptado &agrave;s suas necessidades.<\/li>\n\n\n\n<li><strong>Otimiza&ccedil;&atilde;o do site<\/strong>: Discutimos a import&acirc;ncia de otimizar seu site usando plugins de cache e t&eacute;cnicas de compress&atilde;o de imagens, garantindo um desempenho r&aacute;pido e uma boa experi&ecirc;ncia para os visitantes.<\/li>\n\n\n\n<li><strong>Seguran&ccedil;a<\/strong>: Enfatizamos a necessidade de manter seu site seguro com atualiza&ccedil;&otilde;es regulares e o uso de plugins de seguran&ccedil;a..<\/li>\n<\/ol><p>Seguindo essas etapas, voc&ecirc; estar&aacute; bem preparado para criar, personalizar e gerenciar um site WordPress de sucesso. Continue explorando nossos tutoriais para aprofundar ainda mais seus conhecimentos e manter seu site sempre atualizado e otimizado. Boa sorte!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lan&ccedil;ado em 27 de maio de 2003 por Matt Mullenweg e Mike Little, o WordPress &eacute; hoje a maior e mais popular plataforma de cria&ccedil;&atilde;o de sites do mundo. Utilizado por mais de 75 milh&otilde;es de websites, incluindo mais de 26% dos 10 milh&otilde;es de sites mais bem ranqueados no Google, o WordPress &eacute; uma [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/pt\/tutoriais\/tutorial-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":74,"featured_media":44233,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"%title%","rank_math_description":"Neste tutorial WordPress voc\u00ea vai descobrir tudo o que precisa para criar um website com o WordPress passo a passo, de instala\u00e7\u00f5es \u00e0 backups.","rank_math_focus_keyword":"tutorial WordPress","footnotes":""},"categories":[4911],"tags":[5065,5066,5067,4798],"class_list":["post-6059","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-cms","tag-instalando-o-wordpress","tag-tutorial-wordpress","tag-wordpress"],"hreflangs":[{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/tutorial-wordpress","default":1},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/tutorial-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/6059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/users\/74"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/comments?post=6059"}],"version-history":[{"count":52,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/6059\/revisions"}],"predecessor-version":[{"id":45128,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/6059\/revisions\/45128"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media\/44233"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media?parent=6059"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/categories?post=6059"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/tags?post=6059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}