Cómo rotar aleatoriamente imágenes de Favicon en WordPress










  • El humilde favicon tiene un propósito importante. Hace que su sitio sea identificable en marcadores o en una lista de favoritos. Pero, ¿qué sucede si desea cambiar la identificación de su sitio y rotar su favicon?

    No me refiero a rotar como en girar , sino rotar como en varios favicons diferentes que cambian aleatoriamente . ¿Suena lo suficientemente raro como para ser interesante? ¡Bueno! Solo tengo el complemento de favicon de WordPress para hacer el trabajo. Se llama Favicon Rotator y lo pondremos a trabajar en un minuto.

    Pero primero, una pregunta

    ¿Por qué usamos favicons de todos modos? ¿De quién fue la gran idea?

    Puede que le sorprenda saber que el innovador favicon fue creado por Microsoft Corporation, agresivamente no innovadora. Está bien, concedido, Microsoft bien puede ser innovador en algunos aspectos. Pero cuando se trata de internet y la web, siempre fueron mejores seguidores que líderes.

    Pero identificaron un problema con las listas de favoritos del navegador y encontraron una forma sencilla de solucionarlo. Si la lista de favoritos en su navegador es larga, podría ser difícil encontrar un sitio web en particular. El favicon hizo que las listas de favoritos fueran más útiles. Y les dio a los propietarios de sitios web una forma de identificarse o marcarse en esas listas.

    Después de todo, las personas a menudo asocian imágenes sobre texto cuando se trata de identificación de marca. Esto incluye sitios web.

    Pronto, Internet Explorer comenzó a mostrar el favicon al lado de la barra de direcciones en el navegador. Estos días, estos gráficos aparecen principalmente en la pestaña del navegador y en los marcadores de su navegador. Los damos por sentados, pero como propietario de un sitio, aún debe pensar en ellos.

    Antes de poder rotar un Favicon, debe crear el archivo

    Eso parece una tarea sencilla, ¿no? Después de todo, un favicon es solo una imagen de 16 x 16 píxeles. Pero el formato de archivo de favicon, .ico, es un formato de Windows. Por lo tanto, crear su propia imagen de favicon no siempre ha sido fácil. La mayoría de los programas de gráficos requerían una extensión o complemento para guardar una imagen en formato .ico.

    Hay sitios web que convertirán imágenes de 16 x 16 píxeles a .ico desde la mayoría de los demás formatos de imagen. Son útiles para la generación única de favicon. Pero el complemento que estamos a punto de cubrir no solo rotará su favicon, sino que también puede crearlos. Simplemente cargue una imagen y deje que el complemento haga el resto.

    Basta de charla, pongámonos manos a la obra.

    Instalación del complemento Favicon Rotator

    Inicie sesión en su panel de administración de WordPress.

    En la navegación de la columna izquierda, pase el mouse sobre el enlace «Complementos» y haga clic en el enlace «Agregar nuevo».

    pase el mouse sobre el enlace "Complementos" y haga clic en el enlace "Agregar nuevo"

    En el cuadro «Buscar complementos…», ingrese «Favicon Rotator».

    busque el complemento WordPress Favicon Rotator

    Cuando encuentre el complemento, haga clic en el botón «Instalar ahora».

    haga clic para instalar el complemento WordPress Favicon Rotator

    Ahora el complemento está instalado, pero debe activarse antes de poder usarlo.

    Haga clic en el botón «Activar».

    haga clic para activar el complemento WordPress Favicon Rotator

    Eso es todo al respecto. Ahora pongamos el plugin a trabajar.

    Usando el rotador de Favicon

    En la navegación de la columna izquierda, pase el mouse sobre el enlace «Apariencia» y haga clic en el enlace «Favicon».

    haga clic en el enlace "Favicon"

    Como puede ver, no hay nada que configurar. El administrador rotar favicon es solo unos pocos botones. La mayor parte de lo que hace el complemento sucede detrás de escena.

    rotar favicon admin, tal como es

    Puede cargar dos tipos de íconos, favicons e íconos táctiles. Conoces el favicon de 16 x 16 píxeles. El ícono táctil es una imagen más grande que un favicon que se usa en ciertos casos en las pantallas táctiles. Teléfonos, tabletas, algunos monitores, etc.

    Subiendo iconos favoritos

    El complemento cambiará el tamaño de cualquier imagen que cargue al tamaño adecuado para un favicon o un ícono táctil. Pero a pesar de que el complemento convertirá imágenes grandes, probablemente no quiera usarlas. Cuanto más grande sea la imagen, es menos probable que sea legible como un favicon de 16 x 16 píxeles.

    Las imágenes audaces y simples son los mejores íconos.

    Haga clic en el botón «Agregar icono».

    haga clic en el botón "Agregar icono"

    Aparecerá una ventana emergente de carga. Puede elegir una imagen de su computadora o de su biblioteca multimedia de WordPress.

    elegir una imagen de la computadora o biblioteca de medios

    Cuando eliges un archivo, se carga y se muestra.

    • Si necesita hacer cambios, haga clic en el botón «Editar imagen» para escalar (hacerla cuadrada), recortar o rotar la imagen.
    • Si la imagen está lista, haga clic en el botón «Agregar icono del navegador» para crear un favicon.

    haga clic en el botón "Agregar icono del navegador"

    Finalmente, haga clic en el botón «Guardar cambios».

    haga clic en el botón "Guardar cambios"

    Ahora puede ver la imagen que seleccionó como favicon.

    favicon en la pestaña del navegador

    Por qué se llama Favicon Rotator

    Si un favicon es bueno, dos deben ser mejores, ¿verdad? O tres, o 10. La belleza del Favicon Rotator es su capacidad para mostrar un favicon aleatorio de un grupo de archivos.

    Así que agreguemos algunas imágenes más. Lo hacemos de la misma manera que agregamos el primero.

    1. Haga clic en el botón «Agregar icono».
    2. Elija una imagen de su computadora o de la biblioteca multimedia de WordPress.
    3. Si necesita hacer cambios, haga clic en el botón «Editar imagen».
    4. Si la imagen está lista para usar, haga clic en el botón «Agregar icono del navegador».
    5. Haga clic en el botón «Guardar cambios».

    He agregado tres imágenes aquí como favicons, y cualquiera que aparezca en el navegador de un visitante será una selección aleatoria.

    iconos de favoritos subidos

    Las imágenes son pequeñas, pero ampliemos la página para que puedas ver lo que he hecho.

    página de favicons ampliada

    Note que son tres imágenes diferentes, pero usé el mismo ícono en las tres. Uno está invertido, usan diferentes colores, pero todos comparten la misma ilustración.

    De esa manera, hay una variedad y una selección aleatoria, pero la marca es reconocible sin importar qué favicon se muestre.

    Eso es algo importante a tener en cuenta si rotas tu favicon. Quieres que sea diferente pero consistentemente reconocible. Ese es el punto de un favicon, para identificar su sitio web.

    Cuando alguien se acostumbra a ver uno de tus favicons, lo relaciona con tu sitio. Si cambia en una visita de regreso, es posible que no relacionen el nuevo icono. Si mantiene el elemento principal reconocible y cambia el color o la rotación, evitará confundir a los visitantes que regresan.

    Caché del navegador y Favicons

    Puede notar que su favicon no parece cambiar cuando vuelve a cargar su sitio, aunque haya cargado más de uno. Esto se debe a que cada navegador almacena favicons de una manera diferente, pero todos los almacenan en caché. Entonces, para ver un nuevo favicon, es posible que deba borrar el caché de su navegador.

    Borrar la memoria caché del navegador puede ser perjudicial y llevar mucho tiempo. Entonces, la mejor manera de intentar obtener un ícono diferente es abrir un navegador diferente y visitar su sitio.

    Subir iconos táctiles

    Agrega un ícono táctil de la misma manera que agregamos favicons.

    1. Haga clic en el botón «Establecer icono».
    2. Elija una imagen de su computadora o de la biblioteca multimedia de WordPress.
    3. Si necesita hacer cambios, haga clic en el botón «Editar imagen».
    4. Si la imagen está lista para funcionar, haga clic en el botón «Establecer icono táctil».
    5. Haga clic en el botón «Guardar cambios».

    Los iconos táctiles no giran . Solo puede configurar una sola imagen como icono táctil. Cuando carga una imagen de icono táctil, sobrescribe la que estaba allí antes.

    Puede usar imágenes más grandes para los íconos táctiles, pero no las diferencie demasiado de su(s) favicon(s). Trate de mantener imágenes consistentes entre los íconos.

    Qué sucede si desinstala el complemento Favicon Rotator

    Si desinstala el complemento, su favicon volverá a su favicon anterior o al ícono predeterminado de WordPress.

    El complemento no creó un archivo de 16 x 16 píxeles y no lo instaló en su directorio raíz. Usó un método alternativo de favicon, agregando la siguiente línea a la etiqueta <head> de su sitio:

    [ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]<link rel=”icon” href=”[URL a la imagen]” type=”image/[ tipo de archivo]”/>[/ht_message]

    Cuando se desinstala el complemento, la línea ya no se inserta, por lo que su favicon se revertirá.

    Ahora ya sabes cómo convertir y rotar imágenes de Favicon en WordPress

    Pero no tienes que rotar favicons para usarlo. También es útil como generador de favicon si no tiene un programa de gráficos que pueda guardar archivos .ico.

    Puede parecer una exageración instalar un complemento solo para favicons. Pero el complemento no usa ningún recurso a menos que esté convirtiendo archivos, por lo que es una adición inofensiva a WordPress.

    ¿Alguna vez has usado otro método para rotar favicons? Si usa varios favicons, ¿todos tienen un aspecto uniforme? Házmelo saber en los comentarios.