{"id":369351,"date":"2023-03-29T12:25:00","date_gmt":"2023-03-29T09:25:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369351"},"modified":"2023-04-22T13:27:39","modified_gmt":"2023-04-22T10:27:39","slug":"como-adicionar-um-favicon-do-wordpress-ao-seu-site","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-um-favicon-do-wordpress-ao-seu-site\/","title":{"rendered":"Como adicionar um favicon do WordPress ao seu site"},"content":{"rendered":"\n<p>Voc\u00ea provavelmente notou que todos os principais sites que voc\u00ea visitou tinham um pequeno \u00edcone de site no canto superior esquerdo da barra de t\u00edtulo do navegador. Esse \u00edcone do site, ou um favicon, ajuda todas as empresas a criar reconhecimento de marca. Os visitantes do site conectam facilmente essa pequena imagem com a marca. Todo mundo sabe que o favicon do Facebook tem um f branco dentro de um quadrado azul, certo? Neste guia, ensinaremos como adicionar um favicon ao seu site WordPress, esteja voc\u00ea usando o Classic Editor ou o Gutenberg. Se voc\u00ea n\u00e3o tem ideia de como deve ser o seu favicon, sugerimos que voc\u00ea <a href=\"https:\/\/themewp.inform.click\/pt-pt\/mais-de-10-geradores-de-favicon-para-destacar-sua-marca\/\" title=\"confira alguns dos geradores de favicon populares\">confira alguns dos geradores de favicon populares<\/a> e encontre inspira\u00e7\u00e3o.<\/p>\n<h2>Por que os favicons s\u00e3o importantes<\/h2>\n<p>Como mencionamos anteriormente, um <strong>favicon \u00e9 importante para marcas<\/strong> que est\u00e3o tentando construir sua presen\u00e7a online. Afinal, os visitantes do seu site devem ser capazes de lembrar algo sobre a marca que voc\u00ea est\u00e1 construindo. Ter um <strong>favicon interessante e \u00fanico ajuda as pessoas a se lembrarem da marca<\/strong>. Al\u00e9m disso, se voc\u00ea tiver um favicon gen\u00e9rico ou nenhum favicon, seu site n\u00e3o ser\u00e1 distinguido e visto como um site exclusivo e de qualidade. Embora importantes, os favicons n\u00e3o s\u00e3o o \u00fanico elemento da sua marca. N\u00e3o se esque\u00e7a de <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-facilmente-o-logotipo-em-seu-site-wordpress\/\" title=\"adicionar o logotipo ao seu site\">adicionar o logotipo ao seu site<\/a> e de <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-alterar-o-titulo-e-o-slogan-no-wordpress\/\" title=\"alterar o t\u00edtulo e o slogan\">alterar o t\u00edtulo e o slogan<\/a>.<\/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\/nARjLWQGaY8\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Como adicionar um favicon ao seu site WordPress passo a passo<\/h2>\n<h3>Como criar um favicon<\/h3>\n<p>Se voc\u00ea n\u00e3o quiser usar um dos geradores de favicon da lista acima, voc\u00ea mesmo pode criar um favicon.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316877-633e550bd277f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316877-633e550bd277f.jpg\" alt=\"Como adicionar um favicon do WordPress ao seu site\"><\/a><\/p>\n<p>Como voc\u00ea pode ver na imagem acima, as dimens\u00f5es do seu favicon n\u00e3o devem ser inferiores a 512\u00d7512 pixels. Voc\u00ea pode <strong>usar o Gimp para dimensionar facilmente a imagem<\/strong> para as dimens\u00f5es necess\u00e1rias. Al\u00e9m disso, voc\u00ea deve usar um arquivo GIF ou PNG, se quiser ter transpar\u00eancia alfa. Dessa forma, quando seu favicon aparecer na guia do navegador, ele n\u00e3o ter\u00e1 o fundo quadrado atr\u00e1s dele. Se voc\u00ea usar um formato de imagem JPG, o quadrado aparecer\u00e1.<\/p>\n<p>Ambas as vers\u00f5es s\u00e3o boas, mas a decis\u00e3o sobre qual parece melhor para o seu caso particular depende de voc\u00ea.<\/p>\n<h3>Como adicionar Favicon no administrador do WordPress<\/h3>\n<p>Se voc\u00ea tiver seu favicon pronto, poder\u00e1 envi\u00e1-lo para o seu site WordPress. Novamente, n\u00e3o importa se voc\u00ea est\u00e1 usando o editor Classic ou Gutenberg. V\u00e1 para o seu administrador do WordPress e, no menu do lado esquerdo da tela, escolha Apar\u00eancia. No menu suspenso, clique em Personalizar, conforme mostrado na imagem abaixo:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316877-633e5510da82a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316877-633e5510da82a.jpg\" alt=\"Como adicionar um favicon do WordPress ao seu site\"><\/a><\/p>\n<p>Ap\u00f3s isso, voc\u00ea ver\u00e1 um novo menu, onde dever\u00e1 clicar na Identidade do Site, conforme mostra a imagem abaixo:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316877-633e5514bedb9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316877-633e5514bedb9.jpg\" alt=\"Como adicionar um favicon do WordPress ao seu site\"><\/a><\/p>\n<p>Logo em seguida, escolha o favicon criado anteriormente com o bot\u00e3o Selecionar Imagem:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316877-633e55196d454.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316877-633e55196d454.jpg\" alt=\"Como adicionar um favicon do WordPress ao seu site\"><\/a><\/p>\n<p>Quando terminar, basta clicar no bot\u00e3o Publicar e voc\u00ea poder\u00e1 ver seu favicon no canto esquerdo da barra de t\u00edtulo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316877-633e551e1e5ee.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316877-633e551e1e5ee.jpg\" alt=\"Como adicionar um favicon do WordPress ao seu site\"><\/a><\/p>\n<h2>Como escolher o melhor Favicon para o seu site WordPress<\/h2>\n<p>Agora que voc\u00ea sabe que o favicon \u00e9 uma parte importante da sua marca, voc\u00ea tamb\u00e9m sabe que n\u00e3o \u00e9 a melhor ideia baixar um favicon gen\u00e9rico e gratuito de algum site aleat\u00f3rio. Antes de escolher uma dire\u00e7\u00e3o de design, o primeiro passo que voc\u00ea deve dar \u00e9 pensar no seu setor. Voc\u00ea deve seguir o livro, ou voc\u00ea pode ser criativo e deixar sua imagina\u00e7\u00e3o solta? H\u00e1 algum pr\u00e9-requisito que seu favicon deve cumprir antes que voc\u00ea possa concluir o design?<\/p>\n<p>Ao responder a essas perguntas, voc\u00ea deve dar uma olhada nos favicons de seus concorrentes. Quanto mais favicons voc\u00ea memorizar, melhor e mais exclusivo seu favicon deve ser.<\/p>\n<p>Criar um favicon perfeito para o seu neg\u00f3cio n\u00e3o encerra o processo criativo. Antes de decidir sobre um design, voc\u00ea deve verificar como ele fica em diferentes plataformas e navegadores da web. Se voc\u00ea n\u00e3o tiver acesso a todos os dispositivos e navegadores, use um <strong><a href=\"https:\/\/realfavicongenerator.net\/favicon_checker\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">verificador de favicon<\/a><\/strong> gratuito e deixe-o decidir por voc\u00ea.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Favicon ou Site Icon \u00e9 um pequeno logotipo que aparece ao lado do t\u00edtulo do seu site. Descubra como adicionar um favicon no WordPress e por que \u00e9 importante para uma identidade de marca.<\/p>\n","protected":false},"author":1,"featured_media":364185,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[573],"tags":[848],"class_list":["post-369351","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocoes-basicas-do-wordpress","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/369351","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=369351"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/369351\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/364185"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=369351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=369351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=369351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}