Categorías: Tutoriales

Personalizar el favicon en un blog WordPress

Un favicon (del inglés favorites icon, icono de favoritos) es una imagen que asociada a nuestro sitio web se muestra junto al título que se ve en la pestaña o en el menú de marcadores. Sin lugar a dudas, es uno de los elementos que más identifican a nuestra web y por lo tanto, hay que cuidarlo.

Si usáis un blog en WordPress y suponiendo que tenéis ya vuestro favicon (si no lo tenéis probad con esta herramienta) lo primero es subirlo a vuestro blog. Para ello con un cliente FTP (FileZilla por ejemplo) lo subís a la carpeta de vuestro tema activo (no es obligatorio  hacerlo ahí, pero sí es lo lógico) y os quedáis con la ruta. Será del tipo: http://tudominio.com/wp-content/themes/vuestro_tema/favicon.ico.

El siguiente paso será editar el fichero header.php de vuestro tema activo, podéis hacerlo desde el FTP o desde el escritorio en “Apariencia”, “Editor”. Dentro de dicho fichero, buscáis la línea de código que empieza por:

<link rel="shortcut icon"

Y termina por:

/favicon.ico" />

Esta línea la sobrescribís con la siguiente:

<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico" />

En caso de que no encontréis esta línea, dentro de la etiqueta <head>, la incluimos. Tenéis más información en la referencia de WordPress.

F. Javier Carazo Gil

Cofundador de CODECTION, empresa especializada en WordPress, autor de un libro sobre WordPress (el primero en español) y multitud de artículos (en medios físicos y virtuales) sobre el tema. Participa en la comunidad WordPress de forma activa siendo parte del equipo organizador de la WordPress Meetup de Córdoba, dando charlas en diferentes WordCamp y siendo autor y coautor de multitud de plugins libres y premium para WordPress de gran éxito.

Entradas recientes

432 CVEs

5 días hace

Anti-IA

2 semanas hace

Memoria

3 semanas hace

Mal uso

4 semanas hace

Precio de la RAM

1 mes hace

AUR

1 mes hace