O ícone ou favicon do site é essa pequena imagem que aparece ao lado do título no navegador, veja na Figura 1. Faz parte da marca ou identidade visual do site, auxiliando a identificar o site de outros que estão abertos em seu navegador, além de ser usado como ícone quando o mesmo for salvo na tela inicial ou área de trabalho de um dispositivo.
Para adicionar o ícone, em primeiro lugar, você deve elaborar/criar um ícone. Existem várias ferramentas para auxiliar nessa etapa, mas o importante é criar uma imagem quadrada, de tamanho 16×16, 32×32 ou, como é geralmente indicado, 512×512 pixels, ver Figura 2.
Após elaborar a imagem que será utilizada como ícone, você pode inserir no cabeçalho do seu site, dentro da tag <head>, uma outra tag chamada <link> com o atributo rel e o valor icon, veja o trecho do código:
<link rel="icon" href="/favicon.ico" type="image/x-icon">Você pode ver mais detalhes sobre a tag <link> e suas características aqui.
Mas como o intuito desta postagem é falar sobre como inserir o ícone no WordPress, seguem os detalhes. Primeiro, acesse o seu painel administrativo do WordPress, depois vá em aparência e personalizar, observe a Figura 3. Em personalizar, acesse identidade do site e então adicione o ícone.
Não tem muito o que fazer, não precisa nem saber de HTML, CSS, JavaScript ou PHP, é simples assim. 🙂
Veja mais aqui:
– https://www.wpbeginner.com/wp-tutorials/how-to-add-a-favicon-to-your-wordpress-blog/