{"id":244441,"date":"2022-03-30T09:27:00","date_gmt":"2022-03-30T06:27:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=244441"},"modified":"2022-05-16T14:21:33","modified_gmt":"2022-05-16T11:21:33","slug":"como-adicionar-um-favicon-ao-wordpress-em-5-minutos","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-um-favicon-ao-wordpress-em-5-minutos\/","title":{"rendered":"Como adicionar um favicon ao WordPress em 5 minutos"},"content":{"rendered":"<p>Olhe para a guia do navegador agora.<\/p>\n<p>Veja a imagem \u00e0 esquerda do t\u00edtulo da p\u00e1gina?<\/p>\n<p>Isso \u00e9 chamado de &quot; <a href=\"https:\/\/en.wikipedia.org\/wiki\/Favicon\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">favicon<\/a> &quot;.<\/p>\n<p>Seu favicon aparece em:<\/p>\n<ul>\n<li>Guias do navegador<\/li>\n<li>Barras de favoritos<\/li>\n<li>Aplicativos m\u00f3veis<\/li>\n<\/ul>\n<p>E recentemente, ele at\u00e9 come\u00e7ou a aparecer nos resultados de pesquisa do Google!<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c5ebb2b6.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c5ebb2b6.png\" alt=\"Como adicionar um favicon ao WordPress em 5 minutos\"><\/a><\/p>\n<p>Nem \u00e9 preciso dizer que o favicon \u00e9 uma parte muito importante do seu site. \u00c9 por isso que neste tutorial, voc\u00ea aprender\u00e1 as tr\u00eas etapas f\u00e1ceis para adicionar seu pr\u00f3prio favicon ao WordPress<\/p>\n<p><strong>Assista o v\u00eddeo<\/strong><\/p>\n<p>Voc\u00ea pode assistir ao tutorial em v\u00eddeo se preferir em vez da postagem escrita no blog abaixo:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/D-g_HdmWeHs\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Inscreva-se no canal do Youtube Compete Themes<\/a><\/p>\n<h2>Como adicionar um favicon com WordPress<\/h2>\n<p>O primeiro passo \u00e9 visitar o Live Customizer (Appearance&gt; Customize).<\/p>\n<p>Dentro do personalizador, clique na se\u00e7\u00e3o Identidade do site na parte superior.<\/p>\n<p>Na se\u00e7\u00e3o Identidade do site, voc\u00ea ver\u00e1 uma op\u00e7\u00e3o na parte inferior chamada &#8220;\u00cdcone do site&quot;.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c609544c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c609544c.png\" alt=\"Como adicionar um favicon ao WordPress em 5 minutos\"><\/a><\/p>\n<p>\u00c9 aqui que voc\u00ea adicionar\u00e1 seu favicon, mas antes de prosseguir, voc\u00ea precisar\u00e1 de uma imagem para fazer o upload.<\/p>\n<h3>Crie sua imagem de favicon<\/h3>\n<p>O WordPress recomenda uma imagem quadrada de 512px x 512px. Se voc\u00ea sabe como usar um editor gr\u00e1fico como GIMP, Photoshop ou Sketch, pode criar essa imagem sozinho.<\/p>\n<p>Se voc\u00ea n\u00e3o tiver certeza de como criar a imagem sozinho, verifique <a href=\"https:\/\/favicon.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">favicon.io<\/a>. \u00c9 um site gratuito que permitir\u00e1 que voc\u00ea crie rapidamente uma imagem de favicon personalizada.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c625aa64.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c625aa64.png\" alt=\"Como adicionar um favicon ao WordPress em 5 minutos\"><\/a><\/p>\n<p>Clique no bot\u00e3o &#8220;Gerar a partir do texto&#8221; e voc\u00ea ser\u00e1 levado a uma tela de editor simples.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c64a74f1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c64a74f1.png\" alt=\"Como adicionar um favicon ao WordPress em 5 minutos\"><\/a><\/p>\n<p>Voc\u00ea pode alterar o texto, as cores, a fonte e os tamanhos das fontes em apenas um minuto para criar sua pr\u00f3pria imagem.<\/p>\n<p>N\u00e3o ser\u00e1 a imagem mais profissional, mas ficar\u00e1 bem. Sem mencionar que ter uma imagem de favicon simples \u00e9 muito melhor do que n\u00e3o ter nenhum favicon.<\/p>\n<p>Ao baixar seu favicon, voc\u00ea obter\u00e1 um arquivo zip. H\u00e1 uma imagem interna de 512 px &#8211; certifique-se de usar essa imagem em seu site.<\/p>\n<p>Assim que tiver sua imagem, voc\u00ea estar\u00e1 pronto para carreg\u00e1-la em seu site.<\/p>\n<h3>Fa\u00e7a upload do seu favicon<\/h3>\n<p>Agora que voc\u00ea tem sua imagem, volte para a se\u00e7\u00e3o Identidade do Site no Customizador e clique no bot\u00e3o Selecionar \u00edcone do site.<\/p>\n<p>Pressione a guia Carregar arquivos no canto superior esquerdo e arraste e solte sua imagem de favicon no pop-up. Assim que a imagem carregar, pressione o bot\u00e3o Selecionar no canto inferior direito.<\/p>\n<p>Se voc\u00ea carregar uma imagem que n\u00e3o seja perfeitamente quadrada, ser\u00e1 solicitado que voc\u00ea recorte a imagem antes de selecion\u00e1-la.\u00a0<\/p>\n<p>Depois de clicar no bot\u00e3o Publicar, seu favicon ser\u00e1 adicionado.<\/p>\n<h2>Admire seu lindo novo favicon<\/h2>\n<p>O \u00edcone do seu site aparecer\u00e1 imediatamente nas guias do navegador em laptops, tablets e dispositivos m\u00f3veis depois de publicado.<\/p>\n<p>Embora tenha havido alguns plug-ins \u00fateis para adicionar favicons ao longo dos anos, a equipe do WP fez um trabalho fant\u00e1stico ao integrar esse recurso ao Customizador. N\u00e3o poderia ser mais f\u00e1cil hoje em dia.<\/p>\n<p>Se voc\u00ea quiser continuar melhorando o design do seu site, confira meu artigo sobre dicas de design para deixar seu site mais bonito:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/pt-pt\/9-regras-de-design-simples-para-tornar-seu-site-mais-bonito\/\" title=\"9 regras de design simples para tornar seu site mais bonito\">9 regras de design simples para tornar seu site mais bonito<\/a><\/p>\n<p>Gostou deste post? Use os bot\u00f5es abaixo para compartilhar com outra pessoa.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Todos os outros sites t\u00eam aquela imagem legal na guia do navegador, ent\u00e3o por que n\u00e3o a sua? Aprenda como adicionar este \u00edcone ao seu site em quest\u00e3o de minutos com o WordPress.<\/p>\n","protected":false},"author":1,"featured_media":257388,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[553],"tags":[848],"class_list":["post-244441","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizar-wordpress-2","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/244441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=244441"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/244441\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/257388"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=244441"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=244441"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=244441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}