¿Cómo agregar un ícono en la barra de dirección?

¿Cómo agregar un ícono en la barra de dirección? 1

Siguiendo con nuestros trucos de programación web, les escribo sobre cómo agregar esos íconos ó «favicon» a nuestra web, en la barra de dirección del navegador.

Para ello deberemos crear un archivo *.ico de 16×16 al que guardaremos en el servidor donde tenemos alojada la página web.

Este archivo puede crearse instalando  un plugin del Photoshop, ó también podemos utilizar un programa gratuito llamada Imagicon que pueden bajar desde acá y que transforma cualquier imagen en un archivo *.ico.

Luego debemos agregar esta porción de código entre las etiquetas <head></head> de nuestra web. Debes tener en cuenta que lo que escribo entre corchetes  lo deberás  adecuar a la ruta al nombre de la carpeta que tengas en tu servidor.

<link href=»[nombre_carpeta_en_server]/archivito.ico» type=»image/x-icon» rel=»shortcut icon»>

En el caso que estemos programando en WordPress, deberemos editar el archivo header.php que se encuentra en la carpeta wp-content/themes/[nombre_del_tema]

Y dentro de las etiquetas <head></head> deberás agregar esto:

<link rel=»shortcut icon» href=»<?php bloginfo(‘url’); ?>/wp-content/themes/[nombre_del_tema]/archivito.ico» />

En este caso, agregué todo el path pues había subido el archivito.ico esa carpeta. Uds. hagan referencia a la carpeta que hayan subido el archivo

Síguenos en las redes sociales para estar al día con todas las noticias, cursos gratuitos y demás artículos interesantes. Aquí te dejamos varias opciones:

* En Twitter, nos encuentras como @Geeksroom.
* Para vídeos, suscríbete a nuestro canal de Youtube.
* En Instagram, disfruta de nuestras imágenes.
* También podrás disfrutar de Geek's Room a través de Pinterest.