Advertisement
  1. Code
  2. WordPress

Cómo cambiar el Favicon en WordPress

by
Read Time:3 minsLanguages:

Spanish (Español) translation by María Andrea Hernández Balmori (you can also view the original English article)

Nosotros

En este rápido consejo, aprenderás cómo cambiar el favicon en WordPress. Comenzaremos el tutorial con una breve introducción de favicons respondiendo a preguntas como qué son y por qué son importantes.

¡Comencemos! 

¿Qué son los Favicons y por qué debería usarlos?

Los favicons son esas pequeñas imágenes que aparecen en una pestaña del navegador junto al título de cualquier página web.

No todos los sitios web escriben sus nombres en el título de cada página que tienen. Es posible que el título completo junto con el nombre del sitio web no siempre estén visibles, incluso si lo anexan al final. Esto puede hacer que sea difícil reconocer qué sitio web se carga en qué pestaña. Favicons hacen esta tarea muy fácil si el sitio web es muy popular o eres visitante frecuente.

Favicon ExamplesFavicon ExamplesFavicon Examples

En la imagen de arriba puedes ver que la primera pestaña ha cargado una página de Wikipedia mientras que la tercera pestaña ha cargado CodeCanyon.

Los Favicons aparecen en muchos lugares como las pestañas del navegador que acabamos de discutir, así como en los resultados de búsqueda de Google en dispositivos móviles. También se muestran en los marcadores de usuario y el historial del navegador.

Esto significa que tener tu propio marcador personalizado y reconocible en lugar de algo genérico puede ayudar a tu visitantes a identificar rápidamente tu sitio web y tal vez aumentar el CTR en los resultados de búsqueda, entre otros beneficios.

¿Cómo cambiar el Favicon en WordPress?

Los elementos de menú exactos que tienes que hacer clic para llegar a la pantalla final pueden ser diferentes dependiendo del tema que hayas instalado. Basta con mirar a su alrededor un poco en Apariencia > Personalizar y lo más probable es que encuentre la configuración de favicon.

Cambiar Favicon en el tema predeterminado de WordPress

Los temas predeterminados de WordPress vienen con funcionalidad incorporada para cambiar el favicon de su sitio web. Puedes hacerlo en unos pocos pasos desde el panel de administración.

Ve a Apariencia > Personalizar en el menú lateral.

Default Theme WordPress Appearance CustomizeDefault Theme WordPress Appearance CustomizeDefault Theme WordPress Appearance Customize

Esto debería llevarte a la siguiente pantalla donde puede hacer clic en Identidad del sitio.

Default WordPress Theme Site IdentityDefault WordPress Theme Site IdentityDefault WordPress Theme Site Identity

Puedes establecer una serie de cosas aquí como el título del sitio, el lema, el logotipo y el favicon. Haga clic en el botón Seleccionar icono de sitio y elige una imagen de la biblioteca multimedia.

Default WordPress Theme Select Site Icon Default WordPress Theme Select Site Icon Default WordPress Theme Select Site Icon

Esto debería actualizar el favicon para tu sitio web como la imagen de abajo.

WordPress Default Theme Changed FaviconWordPress Default Theme Changed FaviconWordPress Default Theme Changed Favicon

Cambiar Favicon en temas premium de WordPress

Algunos temas premium pueden anular la configuración de personalización predeterminada de WordPress. Esto básicamente significa que no podrás tomar la ruta predeterminada para agregar tu propio favicon. Tu mejor opción en este caso sería simplemente echar un vistazo a algunos elementos del menú. Aquí hay un ejemplo del tema Eduma.

Ve a Apariencia > Personalizar en el menú lateral. Esto te mostrará un montón de elementos. Con base a sus nombres, General parece ser la más plausible para contener la configuración de favicon por lo que hacemos clic en él.

WordPress Premium Theme CustomizerWordPress Premium Theme CustomizerWordPress Premium Theme Customizer

En la siguiente pantalla, hacemos clic en Logotipo para cambiar el favicon del sitio.

WordPress Custom Theme General SettingsWordPress Custom Theme General SettingsWordPress Custom Theme General Settings

Aquí puedes ver algunas opciones sobre el título del sitio, el lema y el logotipo. Desplázate hacia abajo un poco para encontrar la configuración que cambia el favicon.

WordPress Custom Theme Changed LogoWordPress Custom Theme Changed LogoWordPress Custom Theme Changed Logo

Reflexiones finales

Espero que este post rápido te ayudó a darte cuenta de la importancia de los favicons y cómo puedes cambiar el favicon en tu propio sitio web de WordPress.

Una última cosa que me gustaría mencionar es que los favicons generalmente se reducirán para su visualización en diferentes dispositivos y en diferentes contextos. Por lo tanto, debes considerar el uso de diseños que sean simples y memorables.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.