Agregar un icono favorito

Artículo
03/08/2023

En este artículo se explica cómo agregar un icono de favoritos al sitio.

Un icono de favoritos es un pequeño archivo gráfico que se muestra en una pestaña del explorador web, en la barra de direcciones, en el historial de exploración, y en marcadores o favoritos, entre otros lugares. Recomendamos que agregue un icono de favoritos al sitio, ya que representa y refuerza su marca, y ayuda a diferenciar el sitio de otros que los clientes visitan.

Aunque puede agregar varios iconos favoritos de diversos tamaños y tipos de archivos al sitio, este artículo muestra cómo agregar un icono favorito único. Sin embargo, se utilizan el mismo proceso y ubicación para agregar más iconos favoritos.

Cargue un icono favorito en la colección de activos del sitio

Para cargar un icono favorito en la colección de activos del sitio, siga estos pasos.

En el panel de navegación izquierdo, seleccione Biblioteca multimedia.
En la barra de comandos, seleccione Subir > Subir elementos multimedia.
En la ventana del Explorador de archivos, busque el archivo de imagen de icono favorito que desea cargar, selecciónelo y luego seleccione Abrir.
En el cuadro de diálogo Subir elemento multimedia, introduzca el título requerido y el texto alternativo.
Si quiere publicar la imagen inmediatamente después de la carga, seleccione la casilla de verificación Publicar elementos multimedia después de subir.

Nota

Si no selecciona la casilla Publicar elementos multimedia tras la carga, debe volver a la página Elementos multimedia y publicar manualmente el icono favorito posteriormente.
Seleccione Aceptar.
En el panel de propiedades de la derecha, copie la dirección URL pública del icono favorito. Usará esta URL más tarde.

Crear el HTML para el icono favorito

Para crear el HTML para el icono favorito, use el siguiente código HTML. Para el atributo href, reemplace Public_URL_for_your_favicon por la dirección URL pública que ha copiado antes.

<link rel="shortcut icon" href="Public_URL_for_your_favicon">

Crear un fragmento que contenga una metaetiqueta para el favicon

Para crear un fragmento que contenga una metaetiqueta para el icono favorito, siga estos pasos.

Vaya a Fragmentos y después Nuevo.
En el cuadro de diálogo Nuevo fragmento, seleccione Metaetiquetas como módulo en el que se basa el fragmento.
Especifique un nombre para el fragmento y después seleccione Aceptar.
En el árbol de jerarquía de fragmentos, seleccione el elemento secundario Metaetiquetas predeterminadas.
En el panel derecho, en Metaetiquetas, seleccione Añadir y luego introduzca la cadena HTML que creó anteriormente para el icono favorito.
Seleccione Finalizar edición y luego seleccione Publicar para publicar el fragmento.

Agregar el fragmento de metaetiqueta a la sección de encabezado HTML de las páginas

Para agregar el fragmento de metaetiqueta a la sección encabezado de las páginas, siga estos pasos.

Vaya a Plantillas, abra la plantilla para las páginas en las que desea agregar el icono favorito y luego seleccione Editar.
En el árbol de jerarquía de plantilla, seleccione el botón de puntos suspensivos (...) a la derecha del contenedor Cabeza HTML y luego seleccione Añadir fragmento.
En el cuadro de diálogo Seleccionar fragmento, seleccione el fragmento de metaetiqueta creado anteriormente y, a continuación, seleccione Aceptar.
Seleccione Finalizar edición y luego seleccione Publicar para publicar la plantilla.

Nota

Si su sitio utiliza más de una plantilla, debe agregar el fragmento de metaetiquetas a todas ellas.

Cuando obtenga una vista previa de las páginas que se basan en la plantilla a la que agregó el fragmento de metaetiquetas, ahora debería ver el icono favorito en la pestaña del navegador.