Written by David Kim — Frontend Developer & WordPress consultant. More about me →
Mantengo alrededor de 40 sitios de clientes distribuidos entre WordPress, Shopify y Squarespace. Cada plataforma cuenta con su propio proceso de subida de favicon, y todas lo ocultan en un menú distinto. Aquí tienes los clics exactos, con las rutas pantalla por pantalla para que no pierdas 10 minutos buscándolo.
Apariencia → Personalizar → Identidad del sitio → Icono del sitio. Sube un PNG de 512×512. WordPress generará automáticamente todos los tamaños menores. Este ha sido el flujo más fiable en los más de 30 sitios que gestiono. Usa primero GenFavicon para crear un PNG de 512×512.
Error común: Subir un archivo .ico a WordPress. La función Icono del sitio requiere un PNG. Si subes un ICO, lo rechazará o lo recortará de forma extraña. Lo descubrí después de que el favicon 16×16 de un cliente se estirara hasta 512×512 y parecía arte pixelado de 8 bits.
Tienda en línea → Temas → Personalizar → Configuración del tema → Favicon. Sube un PNG de 32×32. Shopify es exigente con el tamaño: no lo redimensiona por ti. Genera uno exactamente de 32×32 con GenFavicon y súbelo.
Error común: Olvidar pulsar Guardar en la configuración del tema. El personalizador de temas de Shopify tiene un botón Guardar independiente en la esquina superior derecha que es fácil pasar por alto tras la subida. Tuve tres clientes que subieron un favicon, cerraron la pestaña y se preguntaron por qué no aparecía.
Configuración → Sitio web → Icono del navegador. Requiere un archivo entre 100×100 y 300×300. Squarespace lo escala automáticamente, así que cualquier tamaño dentro de ese rango vale. A diferencia de Shopify, redimensiona correctamente.
Error común: Squarespace tiene dos campos
Written by David Kim — Frontend Developer & WordPress consultant. More about me →