Cuando miras la pestaña del navegador de tu nuevo blog, es posible que notes un pequeño favicon que muestra el logotipo de WordPress junto al nombre de tu sitio.
Dado que esta es la configuración predeterminada para los sitios web nuevos de WordPress, es una vista común, pero también es una oportunidad perdida para reforzar la identidad de tu marca.
Hemos aprendido que muchas personas posponen la adición de un favicon porque piensan que requiere habilidades de diseño o conocimiento de codificación.
La verdad es que es mucho más simple que eso, especialmente con las funciones modernas de WordPress.
Hoy, te guiaremos a través de las formas más fáciles de agregar tu propio favicon a tu sitio de WordPress. Estos métodos son amigables para principiantes y funcionan en todos los temas principales.
💡Respuesta rápida: Cómo agregar un favicon en WordPress
Aquí están los métodos principales para agregar un favicon a tu sitio de WordPress:
- Método 1: Personalizador de WordPress – Lo mejor para principiantes que desean una solución rápida e integrada sin instalar ningún plugin.
- Método 2: Editor de Sitio Completo de WordPress – Ideal si tu tema admite la edición de sitio completo y deseas un mayor control sobre dónde aparece el favicon.
- Método 3: Plugin de Favicon de WordPress – Genial para usuarios que desean opciones de personalización adicionales o una forma más fácil de administrar favicons en varios sitios.
- Método 4: Carga manual a través de código – Lo mejor para usuarios avanzados que se sientan cómodos editando archivos de temas o temas hijos, lo que les da control total sobre la ubicación y el manejo de archivos.
¿Por qué deberías agregar un favicon a tu blog de WordPress?
Un favicon es esencial para tu blog de WordPress porque ayuda a los usuarios a identificar tu sitio web rápidamente y fortalece la identidad de tu marca. A partir de ese pequeño ícono, los visitantes del sitio pueden reconocer fácilmente tu blog.
Así es como se ve un favicon en un navegador web:
Otro propósito de un favicon de WordPress es mejorar la experiencia del usuario. Cuando hay varias pestañas abiertas, los usuarios pueden mirar los favicons para saber en qué sitio web se encuentran y cambiar al que desean.
Si los usuarios agregan un ícono de acceso directo o un marcador a tu blog en sus dispositivos móviles, el favicon aparecerá como un ícono de aplicación en su pantalla de inicio. Esto les facilita el acceso a tu sitio web con un simple toque.
Cómo crear un favicon para tu blog de WordPress
Primero, aprendamos cómo crear un buen favicon para tu blog.
El tamaño ideal de favicon de WordPress es una imagen cuadrada de hasta 512 píxeles de ancho y alto. El formato de imagen del favicon puede ser ICO, JPEG, PNG o GIF.
SVG también es un formato común para favicons, pero WordPress no los acepta por defecto. Dicho esto, puedes configurar WordPress para permitir agregar archivos SVG.
Si tienes un blog de negocios, puedes usar el logo de tu marca como tu icono favicon. Si aún no tienes uno, puedes consultar nuestra guía para principiantes sobre cómo crear un logo para tu sitio web.
Si tienes un logo listo pero quieres hacer el fondo transparente, puedes usar Photoshop o una herramienta de edición de imágenes gratuita con un removedor de fondo automático. Solo asegúrate de que el formato del archivo sea PNG para mantener la transparencia del favicon.
Otra opción que puedes usar es un generador de favicons gratuito como Favicon.io. Esta herramienta te permite personalizar un favicon desde cero y descargar los archivos en formato PNG e ICO.
Teniendo esto en cuenta, aquí te mostramos cómo agregar fácilmente un favicon a tu blog de WordPress. Cubriremos 4 métodos, y puedes hacer clic en los enlaces a continuación para saltar al método que deseas usar:
- Método 1: Agregar un Favicon usando el Personalizador de WordPress
- Método 2: Añadir un Favicon usando el Editor del Sitio de WordPress
- Método 3: Agregar un Favicon usando un Plugin de Favicon para WordPress
- Método 4: Agregar un Favicon manualmente a tu Blog de WordPress
- ¿Por qué no se muestra mi Favicon de WordPress?
- Preguntas Frecuentes sobre Cómo Añadir Favicons
¿Listo? Empecemos.
Método 1: Agregar un Favicon usando el Personalizador de WordPress
Este es el método más fácil para cambiar un favicon en WordPress, y se recomienda para usuarios con Temas Clásicos. Todo lo que necesitas hacer es subir tu imagen, y WordPress se encarga del resto.
Primero, navega a Apariencia » Personalizar en tu panel de WordPress.
Si estás usando un tema de bloques moderno y no encuentras el Personalizador, deberías saltar al Método 2 a continuación o ver nuestra guía sobre cómo solucionar la falta del Personalizador de Temas en el administrador de WordPress.
A continuación, haz clic en la pestaña 'Identidad del sitio' en la barra lateral izquierda.
Aquí verás opciones para personalizar tu 'Logo del sitio', 'Título del sitio', 'Lema' e 'Icono del sitio'.
Si quieres añadir un favicon a tu sitio, deberás desplazarte hacia abajo hasta la sección 'Icono del sitio' y hacer clic en 'Seleccionar icono del sitio'.
Ahora aparecerá la Biblioteca de Medios de WordPress. Puedes seleccionar una imagen existente o subir un nuevo favicon personalizado desde tu computadora.
En este ejemplo, usaremos el logo de WPBeginner como icono del sitio de WordPress.
Después de elegir una imagen, haz clic en el botón 'Seleccionar' en la esquina inferior derecha de la ventana.
Si el favicon es más grande que el tamaño recomendado, WordPress te permitirá recortarlo. Si coincide exactamente con el tamaño recomendado, entonces puedes dejarlo como está.
Una vez que la imagen se vea bien, simplemente haz clic en 'Recortar imagen'.
Después de eso, volverás al Personalizador de WordPress. Aquí, puedes finalizar la configuración de tu favicon haciendo clic en el botón 'Publicar' en la barra lateral izquierda.
¡Eso es todo! Ahora que has subido tu favicon, visita tu sitio web de WordPress para ver si ya está activo.
Método 2: Añadir un Favicon usando el Editor del Sitio de WordPress
Si estás usando un tema de bloques y quieres añadir el logo de tu marca tanto como parte del encabezado de tu sitio web como icono del sitio, entonces este método es para ti.
Para esto, necesitas ir a Apariencia » Editor desde el panel de administración de WordPress.
En esta página, encontrarás varios menús para personalizar tu sitio web, incluyendo 'Navegación' y 'Estilos'.
Para este tutorial, deberás hacer clic en 'Patrones' para acceder al patrón de bloque de encabezado de tu sitio web patrón de bloque.
Al desplazarte hacia abajo, verás varias partes de plantilla: 'Encabezado', 'Pie de página' y 'General'.
Simplemente haz clic en la plantilla 'Encabezado' para agregar tu favicon allí.
A continuación, simplemente haz clic en la entrada 'Encabezado' para empezar a editar la parte de la plantilla.
Ahora estás dentro del Editor del Sitio de WordPress.
Desde aquí, puedes hacer clic en el botón de añadir bloque '+' y buscar el bloque 'Logo del Sitio'.
Aquí es donde añadirás la imagen que se convertirá en tu favicon de WordPress.
Siéntete libre de arrastrar y soltar el bloque donde lo desees en tu encabezado. En este ejemplo, lo hemos colocado junto al título del sitio web.
Lo siguiente que harás es hacer clic en el icono de carga en el bloque 'Logo del sitio'.
Al igual que con el método anterior, puedes elegir una imagen existente o cargar una nueva desde la Biblioteca de medios de WordPress.
Después de eso, necesitas navegar a la barra lateral de configuración del bloque en el lado derecho de la página. Simplemente activa la configuración 'Usar como icono del sitio' para agregar el logo como favicon.
Finalmente, puedes presionar el botón 'Guardar' en la esquina superior derecha de la página para publicar tu favicon.
Verás una advertencia de que el cambio afectará a todo el sitio web. Solo asegúrate de que la casilla 'Icono' esté marcada y haz clic en 'Guardar' de nuevo.
Ahora que has completado todos los pasos, puedes abrir tu sitio web para confirmar que el cambio fue exitoso.
Método 3: Agregar un Favicon usando un Plugin de Favicon para WordPress
Si prefieres usar un plugin de favicon para WordPress, entonces puedes seguir este método para usar el plugin gratuito Favicon by RealFaviconGenerator.
Primero, necesitas instalar y activar el plugin. Para más detalles, puedes seguir nuestra guía sobre cómo instalar un plugin de WordPress.
Una vez activado, puedes dirigirte a Apariencia » Favicon en tu panel de WordPress.
Después de eso, simplemente haz clic en el botón ‘Seleccionar de la Biblioteca de Medios’ para subir una imagen nueva o usar una existente.
Ten en cuenta que necesitarás usar una imagen cuadrada. El plugin recomienda que el tamaño del ícono del sitio sea de al menos 260 píxeles tanto de ancho como de alto, pero no menor de 70 píxeles.
Una vez que hayas elegido una imagen, procede y haz clic en el botón ‘Generar favicon’.
Después de esto, el plugin te dirigirá al sitio web de RealFaviconGenerator para editar el favicon.
Puedes personalizar varias configuraciones, como el color de fondo y cómo se ve en las páginas de resultados de búsqueda de Google (SERPs), iOS, Android, macOS Safari, Chrome y Windows Metro.
En la sección ‘Opciones del Generador de Favicon’, puedes marcar la casilla para ver si tu sitio web ha estado usando un favicon antes. Si es así, simplemente ingresa un número en el segundo campo para indicar la versión del favicon que estás usando.
De esta manera, los usuarios que hayan visitado tu sitio antes verán el nuevo favicon en lugar del antiguo.
Una vez que todo se vea bien, todo lo que necesitas hacer es hacer clic en el botón ‘Generar tus Favicons y código HTML’ para agregar el favicon a tu sitio de WordPress.
Tu favicon debería estar activo ahora. Asegúrate de mantener el plugin de favicon de WordPress activo para que el favicon esté siempre habilitado.
Método 4: Agregar un Favicon manualmente a tu Blog de WordPress
Por último, pero no menos importante, puedes agregar un favicon de WordPress a tu blog editando manualmente los archivos de código de tu tema.
Esto es útil si tu Personalizador de Tema no tiene la sección ‘Identidad del Sitio’ o si usas un tema de bloques y deseas una imagen de favicon diferente a la de tu logo del sitio.
La forma más fácil y segura de editar los archivos de código de tu tema es con el plugin WPCode.
Es el mejor plugin de fragmentos de código para principiantes. Lo hemos usado nosotros mismos y hemos descubierto que te permite insertar código personalizado de forma segura, sin romper tu sitio web.
Para más detalles, consulta nuestra reseña completa de WPCode, donde analizamos a fondo sus funciones.
Otra gran ventaja de WPCode es que si actualizas tu tema, no perderás las modificaciones de código, incluido tu favicon.
Nota: Para esta guía, puedes usar la versión gratuita de WPCode. Sin embargo, con la suscripción Pro, obtienes acceso a funciones como lógica condicional inteligente e integraciones de terceros para administrar tu código de manera más eficiente.
Para empezar, necesitas instalar y activar WPCode. Para más información, puedes consultar nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Lo siguiente que necesitas hacer es preparar tus archivos de favicon. Para esto, puedes usar un generador de favicons gratuito como Favicon.io.
En el sitio web, puedes hacer clic en 'Image' para convertir un archivo de imagen en un archivo zip y código HTML. Alternativamente, puedes usar la opción 'Emoji' o 'Text' para crear un favicon usando los emojis y fuentes disponibles.
En la siguiente página, puedes subir tu imagen. Luego, haz clic en 'Download' para guardar el archivo zip del favicon, que contiene tus archivos favicon.png y favicon.ico.
Asegúrate de mantener esta página web abierta mientras sigues los siguientes pasos.
Ahora, necesitas subir el archivo zip del favicon al directorio raíz de tu sitio. Para hacer esto, puedes usar el administrador de archivos de tu hosting de WordPress.
Alternativamente, puedes hacer esto a través de un cliente FTP como FileZilla. Para más detalles, consulta nuestra guía para principiantes sobre cómo usar FTP para subir archivos a WordPress.
Una vez que hayas abierto los archivos de tu sitio web a través del administrador de archivos o FTP, navega al directorio raíz.
El directorio raíz de WordPress suele ser una carpeta llamada 'public' o 'public_html', y contiene carpetas esenciales de WordPress como wp-content y wp-admin.
En este punto, puedes extraer y subir todo el contenido del archivo favicon que descargaste previamente al directorio raíz.
Si estás usando el Administrador de Archivos, entonces puedes hacer clic en el botón 'Subir' cerca de la parte superior.
Luego, aparecerá una nueva pestaña, pidiéndote que subas los archivos.
En esta página, puedes hacer clic en el botón ‘Seleccionar Archivo’ y elegir todos los archivos del favicon.
Ahora, simplemente espera a que los archivos se suban correctamente.
Una vez hecho esto, puedes volver a la pestaña del administrador de archivos. Ahora deberías ver todos tus archivos de favicon en el directorio raíz, como en la captura de pantalla a continuación:
Ahora, volvamos al panel de administración de WordPress.
En la barra lateral izquierda, querrás navegar a Snippets de Código » Encabezado y Pie de Página.
Después de eso, regresa a la pestaña Favicon.io de antes.
Luego, necesitas copiar el código HTML de allí. Debería tener 4 etiquetas link rel en el código.
A continuación, tienes que volver a WordPress y pegar el código en la sección ‘Encabezado’ de la página WPCode. Esto agregará el código al archivo header.php de tu sitio web.
En el fragmento de código, busca los atributos href. Necesitas reemplazar el nombre de archivo simple con la URL completa de tu sitio web seguida del nombre de archivo (por ejemplo, https://tusitio.com/favicon.png).
Asegúrate de mantener las comillas intactas para evitar errores.
Finalmente, puedes hacer clic en el botón ‘Guardar Cambios’ en la esquina superior derecha.
¡Y eso es todo! No olvides visitar tu sitio web para ver si el cambio del favicon fue exitoso.
¿Por qué no se muestra mi Favicon de WordPress?
Si has subido un favicon pero no aparece en tu sitio, no te preocupes, no estás solo.
Este es un problema común que puede ocurrir por varias razones sencillas, y generalmente es fácil de solucionar.
Esto es lo que debes revisar:
- Borra la caché de tu navegador: Los navegadores a menudo almacenan datos antiguos del sitio. Borrar la caché suele solucionar el problema. Puedes seguir nuestra guía sobre cómo borrar la caché del navegador para obtener instrucciones paso a paso.
- Purga la caché de tu CDN: Si estás usando una CDN, es posible que esté sirviendo el favicon antiguo. Purgar la caché de la CDN asegura que se muestre el último icono de tu sitio.
- Verifica en modo incógnito: Abre tu sitio en una ventana privada para confirmar que el favicon se ha subido correctamente.
- Vuelve a subir con un nombre de archivo diferente: Si la instalación no funcionó, renombrar el archivo del favicon y volver a subirlo puede solucionar el problema.
- Corrige errores de contenido mixto: Si tu sitio tiene contenido mixto HTTP y HTTPS, es posible que el favicon no aparezca. Consulta nuestra guía sobre cómo corregir errores de contenido mixto en WordPress.
- Verifica los iconos del proveedor de hosting: A veces, en lugar del icono de tu sitio, se muestra el favicon predeterminado del proveedor de hosting. Contacta a su soporte si esto sucede.
- Verifica las herramientas de favicon específicas del tema: Algunos temas tienen una opción dedicada para subir un favicon. Asegúrate de que la configuración de tu tema no anule el icono del sitio predeterminado de WordPress.
💡Consejo profesional: Usar un proveedor de hosting de WordPress confiable con un soporte sólido puede ahorrarte tiempo y frustración al solucionar problemas como un favicon faltante u otros problemas de visualización del sitio.
Un buen host puede identificar rápidamente la caché del lado del servidor, errores de contenido mixto u otros conflictos que podrían impedir que los cambios aparezcan, para que no tengas que resolverlo tú mismo.
Echa un vistazo a nuestra lista de los mejores proveedores de hosting para WordPress para encontrar una opción adecuada.
Preguntas Frecuentes sobre Cómo Añadir Favicons
Aquí tienes algunas preguntas que nuestros lectores han hecho con frecuencia sobre cómo agregar favicons en sus sitios de WordPress:
¿Los favicons mejoran el SEO?
Los favicons no mejoran directamente el SEO, pero sí la experiencia del usuario al hacer que tu sitio sea fácilmente reconocible en las pestañas del navegador y en los marcadores. Esto puede apoyar indirectamente la participación y las tasas de clics.
¿Los favicons deben ser de 16x16 o 32x32?
Los favicons suelen ser de 16x16 píxeles para las pestañas del navegador, pero se recomienda 32x32 o más para pantallas de alta resolución y para su uso en marcadores o accesos directos. Usar varios tamaños asegura que tu favicon se vea nítido en todas partes.
¿Cómo agrego un ícono a un sitio web de WordPress?
Puedes agregar un ícono de sitio (favicon) a través del Personalizador de WordPress, el Editor de Sitio Completo, un plugin de favicon o subiéndolo manualmente a los archivos de tu tema.
¿Cuáles son los errores comunes de los favicons?
Los errores comunes incluyen usar el tamaño de archivo incorrecto, no subir un PNG transparente, ignorar las versiones de alta resolución y no borrar la caché. Esto puede impedir que el favicon aparezca correctamente.
Esperamos que este artículo te haya ayudado a agregar un favicon a tu sitio de WordPress. También te puede interesar ver nuestras selecciones expertas de los mejores creadores de logotipos gratuitos para ayudarte a lucir como un profesional y nuestra guía sobre cómo agregar fácilmente fuentes de iconos a tu tema de WordPress.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Jason
¿Por qué necesita ser de 512 píxeles para un icono? Espero que se convierta en algún lugar dentro de WordPress, una vez y listo, y no en cada carga. ¿512x512 es una locura para algo que rara vez sería más grande que 32x32, a menos que me esté perdiendo algo?
John Krawczyk
Artículo no útil. Todos te dicen que hagas una ruta a tu favicon y eso es todo.
Sin embargo, ¿incluyes http: www http? ¿Especificas .ico .png?
Nadie dice nada en detalle.
Soporte de WPBeginner
Hola John,
Sí, necesitas incluir la URL completa así:
https://014.leahstevensyj.workers.dev/favicon.pngAdministrador
Joe
Usando WP4.7 y la funcionalidad de icono del sitio funciona, pero simplemente me parece incorrecto. El resultado son 4 enlaces en la sección:
Pero crea 10 versiones diferentes de la imagen del icono del sitio además de la original en tamaños de 32×32, 100×100, 150×150, 180×180, 192×192, 250×250, 270×270, 300×300, 360×360, 500×310.
¿Por qué tantas imágenes recortadas si solo 4 están enlazadas?
Además, envío una imagen de icono de 512×512 como se recomienda, pero la versión de 500×310 siempre se recorta de modo que la parte superior e inferior del icono se cortan. ¿Hay alguna manera de evitar esto y/o es un gran problema?
¿Qué soporte de navegador cubre este icono del sitio de WP (principalmente con respecto a qué tan atrás en IE)?
¡Gracias!
Marieke
En Whatsapp, la imagen que aparece a la izquierda de la dirección de un enlace si envías un enlace: ¿es el mismo icono? Porque no lo veo ahí.
Sunil
Marieke, es la imagen destacada, la subes a una publicación en particular.
Cos
El plugin ICO Format para Adobe Photoshop no permite imágenes de más de 256 píxeles de alto o ancho. Entonces, ¿cómo creas una que sea de 512px???
Marieke
No necesita ser un .ico. Simplemente un .png o .lpg normal servirá cuando trabajes en Wordpress.
Salim Ahmed
Instrucción informativa. Ahora sigo tus consejos y trucos. Gracias por compartirlo.
Taimoor Ahmed
¿Podrías decirme algún sitio web o software desde donde pueda crear un favicon efectivo para mi sitio en poco tiempo????
Kirstie
Gracias por otro tutorial fácil de seguir. Soy un principiante total y ustedes hacen un gran trabajo explicando las cosas de una manera que puedo entender.
Soporte de WPBeginner
Thanks, glad you find our tutorials helpful.
Administrador
Nelson
gracias buen tutorial fácil y funciona
c
el logo de agregar en algunos temas no es para el favicon, es para el logo del encabezado
ccstacyline
¿Por qué mi menú de identidad del sitio no tiene el servicio para el ícono del sitio? Estoy muy frustrado... ¿puedes ayudar?
John Davis Frain
¿Las instrucciones que das aquí son específicas del tema? Estoy usando el tema Delicacy, y no me da la opción de alterar la Identidad del Sitio e insertar un Favicon.
Soporte de WPBeginner
No, no es específico del tema. Asegúrate de que estás usando la última versión de tu tema.
Administrador
Mad Dog Malcs
Hola, tampoco veo la pestaña de identidad del sitio, estoy usando el tema sketch, ¿cómo actualizo un tema?
Gracias de antemano, Malcs
shashi
puede que vaya a personalización del tema... ahí ves la opción de subir el ícono del favicon fácilmente...
Antonios
Probablemente no veas la palabra "favicon", sino "ícono del sitio". Si ves una barra de desplazamiento, es posible que tengas que desplazarte hasta el final para ver el cuadro de selección de imagen.
a
Puedes agregar el favicon a través del editor "Personalizar" de WordPress, que se encuentra en todos los sitios de WordPress.
Alan
Subo un archivo PNG que tiene exactamente 512x512 píxeles, WordPress lo guarda, y luego termino con una imagen recortada en mi biblioteca de medios. ¡Súper molesto! WordPress 4.4.
Alan
Debo añadir que la nueva imagen recortada tiene exactamente las mismas dimensiones que la original que subí, pero ahora tengo dos en mi biblioteca (aunque una ha sido procesada dos veces, ¡y de hecho ha aumentado dos kilobytes en tamaño de archivo!).
Katherine Johnston
He revisado el directorio, exactamente como lo describiste, pero mi pestaña de Identidad del Sitio solo tiene "Título del sitio", "Lema" y una casilla de verificación para mostrar el texto del encabezado. ¿Cómo puedo arreglar eso? ¿O tengo que ir por la ruta FTP?
¡Gracias por la ayuda!
Rahul Thakur
¡Muchas gracias, forma muy simple, me encanta.
Liz
¡Excelentes instrucciones, me tomó unos 32 segundos hacerlo. ¡Fabuloso! Gracias
Erin
¡Gracias! Esto fue muy útil.
Marie Bock
¡Wow! Fue muy fácil con la versión más reciente de WordPress.
Matt
Super-easy! Thanks for that – I just need to go away and design a better logo now
Viscoun
No funciona. Cuando llego a Personalizar > Identidad del sitio, la opción de icono del sitio no aparece; solo dice "Título del sitio" y "Lema".
david
¿qué versión de WordPress estás usando?
Harshpreet
Hola, tengo el mismo problema y estoy usando el sitio web de WordPress en mi laptop para construir mi blog.
Gina
Tengo el mismo problema. Estoy usando WordPress directamente en línea, no he descargado nada. No hay opción de "icono del sitio" en absoluto.
Soporte de WPBeginner
Por favor, consulte nuestra guía sobre la diferencia entre WordPress.org autoalojado vs blog gratuito de WordPress.com.
Administrador
Lourika
¡Me tomó una eternidad entenderlo!!!!
En la esquina superior izquierda, haz clic en MIS SITIOS
Ve a WP Admin
Luego haz clic en CONFIGURACIÓN
y podrás cambiar el ícono (imagen) en el lado derecho……
Megan
¡Yay! Funcionó perfectamente y las instrucciones fueron súper fáciles de seguir. ¡Muchas gracias!
Malcolm Ruthven
Agregué una imagen de 512x512 píxeles a través de Identidad del sitio / Icono del sitio. La imagen aparece bien allí. Pero la imagen no aparece como favicon en ningún navegador (Firefox, IE o Chrome).
Shawna Marie
He completado todos los pasos. La imagen se muestra en el personalizador pero no en el sitio en ninguna plataforma… iPhone o en mi iMac en cualquiera de los navegadores. ¿Hay algún tipo de archivo específico?
Soporte de WPBeginner
La función de icono del sitio admite archivos de imagen PNG, JPEG y GIF.
Administrador
Mike Crutcher
Esto no funciona en mi sitio. Tengo el icono del tamaño correcto, pero no aparece. ¿Quizás se deba a mi URL personalizada?
Maria
¿Es esta opción para modificar la Identidad del Sitio y agregar el Favicon específica del tema? No tengo eso en mi sitio autoalojado.
Dave
¡Gracias! Funcionó muy bien.
Arsh
¡Gracias!
Nikki
Me alegra mucho haber encontrado tu artículo. Había dejado de intentar averiguar cómo subir mi favicon en el pasado porque parecía imposible. Pero recientemente, sentí la necesidad de intentarlo de nuevo. ¡Lo hiciste muy fácil! No recuerdo que subirlo fuera tan fácil antes.
¡Gracias!
Nikki
Ruby Dawnbrooke
¡Hola!
Tengo una pregunta, recientemente, he usado el plugin All in One Favicon. Subí mi imagen pero no se muestra si no he iniciado sesión en WordPress, solo sigue mostrando el favicon de HostGator (el normal), ¿alguien puede ayudar?
bg
Aquí va una pregunta tonta: ¿Por qué lo hacen tan complicado? Esto debería ser algo que se pueda hacer en un par de clics, como agregar una imagen a una publicación de blog.
Soporte de WPBeginner
De hecho, hay una función actualmente en pruebas que permitirá a los usuarios agregar un favicon desde el personalizador del tema.
Administrador
dzaken
thankyou so much, easer way to make it. love it
Bert Rinkel
Tengo un logo que quiero usar. ¿Es posible? No está en formato cuadrado en este momento, pero puede estarlo. ¿Cómo lo hago? ¿Puedo "crear" uno en iPhoto (en una Mac)? ¿Dónde lo haría en iPhoto y cómo? Tengo uno en mi panel ahora. ¿Puedo arrastrarlo a algún lado? ¿Cómo lo guardo como archivo PNG? ¿Dónde lo hago?
Este es un buen sitio general para entender qué es un favicon, pero no cómo hacerlo.
Mike
Hola Bert, yo también estoy aprendiendo este proceso, pero estoy bien hasta el punto al que intentas llegar. Crear tu propio logo o editar uno existente para que encaje se puede hacer en un programa como Photoshop. Recuerda ir a Archivo nuevo y establecer el tamaño a 16x16 píxeles. Importa tu imagen aquí y redúcela para que encaje. Si no tienes Photoshop ni ningún otro software de edición de imágenes, puedes ir a donde las instrucciones son fáciles de seguir. Estoy seguro de que no tiene que ser necesariamente un archivo PNG. Pero sí tiene que ser un .icon, que el sitio Favicon convertirá por ti a partir del .jpeg original que subiste. Como tengo Photoshop, cuando hice clic en el botón Editar en iPhoto, se abrió automáticamente Photoshop. Mira qué sucede cuando lo haces en tu sistema. Puede que se abra un método de edición alternativo. Espero que eso ayude. Sé cómo es ser principiante.
chukwubueze
Gracias, hombre... tu sitio me ha sido útil, y también tus videos en YouTube. Todavía estoy trabajando en mi sitio... puedes echarle un vistazo.
vinayak
¿Puedo agregar la Meta descripción y la meta palabra clave para mi sitio usando este plugin?
4ryan
¿qué es este icono de apple touch???
4ryan
Gracias, esto es lo que estaba buscando, pero ¿cómo puedo agregar el logo del sitio? WordPress.com tiene la opción de agregar el logo del sitio, pero no la encuentro en el CMS de WordPress autoalojado.
ConnieKirkpatrick
Thank you, this kept it simple and gives me a way to use this. Now, question: This will show a favicon for every page correct? What if I want a different one for each page?
Apoorva
Logré agregar el favicon sin la imagen de fondo. Pero cuando me muevo a otra pestaña en el navegador, aparece la imagen de fondo. Por ejemplo, si miras, el favicon es perfecto. Pero, cuando estás en otra pestaña, verás que aparece el fondo blanco. ¡Cualquier consejo sería muy apreciado! ¡Gracias!
mohammad raheem
Simplemente agrega esta línea en tu header.php en cualquier lugar antes de la etiqueta.
y sube favicon.ico a la carpeta raíz de tu sitio web. Carpeta raíz donde está instalado tu wp, no subas favicon.ico a subcarpetas. Refresca tu navegador una o dos veces y tu icono aparecerá en la pestaña.
Daniel Lobo
Esto definitivamente arregló el problema y cambió el favicon en todas las páginas, ¡EXCEPTO la página de inicio! ¿Por qué podría ser? ¡Ayuda por favor! ¡Y gracias!
Manuel Echeverry
¡genial! Lo haré
joe
este novato no usó la transparencia
Emma Lock
¡Muchas gracias por hacer que esto sea tan fácil de seguir!
Monu Saifi
Gracias por darme los tops para agregar el icono favicon a mi blog.
Gracias de nuevo
Richard
¿Hay alguna forma de instalar el plugin de favicon 'todo en uno' a través de mi página /wp-admin/ desde mi navegador? He construido todo directamente a través del navegador, sin FTP.
shashi
puede que vaya a personalización del tema... ahí ves la opción de subir el ícono del favicon fácilmente...
Lluisrd
¡¡¡Genial!!!, Simplemente editando una sola línea de (header.php) tengo un favicon.
Pero prefiero favicons de 128x128... como Google
GRACIAS
Kayode
Muchas gracias... Intenté insertar encabezado y pie de página pero no funcionó, pero cuando probé 'All in one Favicon', funcionó.. Muchas gracias..
Joel Mwakasege
Vaya, gracias, este fue un salvavidas. Mi blog solo tenía el icono predeterminado de WordPress.
Rahul
¿Cuál es la diferencia?
Me refiero a por qué meterse con FTP, si hay un plugin simple disponible y cumple el mismo propósito?
Personal editorial
Debido a que la tarea es tan simple, se puede hacer evitando un plugin. Pero de nuevo, preferencia personal.
Administrador
Kelvin Hanratty
¿Hay alguna razón por la que DEBA ser de 16x16, porque las pantallas de alta resolución o, me atrevo a decir, las pantallas "Retina" tienen una mayor densidad de píxeles?
La razón por la que lo menciono es que usé un sitio para convertir una imagen en un favicon y me dio varios tamaños como opciones: 16, 32, 64 píxeles. ¿WordPress no se adapta a esto?
Excuse my ignorance, I’m pretty new to WordPress!
Kelvin.
Kelvin Hanratty
Lo siento, leí mal la publicación de abajo sobre Bluehost. ¡Ups!
Praveen Prasad
Sin subir plugins, uno puede simplemente aplicar un Favicon a un sitio.
Pasos sencillos :-
1) Hosting CPanel —> Administrador de archivos –>
2) Busca la imagen predeterminada en la carpeta del tema.
Ex- genesis/images/ favicon.ico
Sube tu archivo .ico a la misma carpeta y recuerda el nombre del archivo predeterminado.
(aquí favicon.ico)
I don’t think that remembering a simple filename is annoying.
Luego, elimina este archivo y renombra el nuevo archivo de imagen con el nombre del archivo anterior.
It Works
David
Sí, así lo hice en Bluehost. Simplemente sobrescribí el favicon.ico que estaba allí con mi imagen subida. Lo único es que el original estaba configurado en 16x16 y tuve que agregar uno similar de 16x16. No aceptó uno de 32x32, pero está bien, funcionó fácilmente.