Categorías de widgets: Básico
Selecciona de una biblioteca de más de 1000 iconos listos para usar o sube tu propio archivo SVG. Puedes cambiar el color del icono, el cursor del ratón, el fondo, el borde y mucho más. Usa íconos para enfatizar tu texto y equilibrar el diseño de tu sitio
Nota
-
Los archivos SVG se pueden redimensionar sin perder resolución.
-
SVG son archivos de imagen que contienen código HTML, lo que significa que cuando agregas un ícono SVG a tu sitio también agregas líneas de código. Varios archivos SVG complejos pueden añadir miles de líneas de código y hacer que tu sitio se cargue lentamente. Si necesitas usar varios iconos SVG en la misma página, te recomendamos convertir algunos de ellos en imágenes normales (.png, .jpeg, etc.) para evitar problemas de carga
-
Para obtener directrices sobre los medios de comunicación, consulte Pautas y especificaciones para los medios.
El panel multimedia le permite añadir un icono y un widget de iconos al lienzo al mismo tiempo. O bien, puede reemplazar los iconos existentes. Para obtener más información sobre el Panel multimedia, consultePanel multimedia.
Para añadir un widget de iconos desde el Panel multimedia:
-
(Opcional) Utilice los filtros para localizar el icono deseado. O bien, haga clicSubir contenido multimediapara añadir un icono nuevo.
-
Haga clic y arrastre el icono deseado al lienzo.
-
Haga clic Elija el icono para seleccionar un icono ya hecho, o haga clic Cargue un archivo SVG.
-
Para vincular el icono, haga clic Icono de enlacey selecciona la página a la que quieres vincular el icono.
-
Escriba el texto alternativo para el icono. El texto alternativo permite a los motores de búsqueda reconocer el contenido de la imagen. Usa texto que describa claramente la imagen. O bien, haga clic en Brilla icono (
) para usar el Asistente de IA para generar texto alternativo.
Nota
-
El texto alternativo generado por el Asistente de IA está en el mismo idioma que el idioma actual de la página.
-
El icono Sparkle para la IA se desactivará si no se selecciona ningún icono.
-
-
Escriba a Información sobre herramientas para el icono. El texto de la información sobre herramientas aparece cuando un usuario pasa el ratón por encima de la imagen
En el Editor de diseño, puedes hacer cambios en el diseño de tu icono, ajustar el tamaño y el color del icono y hacer cambios en el espaciado del widget.
Para convertir el icono en un widget flotante, habilite la Flotante alterna y selecciona una posición para el widget. Para mostrar el botón flotante únicamente en la página actual, habilite Mostrar solo en esta página alternar.
Nota
Los iconos flotantes se pueden configurar para que se muestren en páginas específicas, pero aparecerán en todas las páginas de forma predeterminada (actualmente no hay forma de desactivarlos solo para páginas concretas).
Este problema suele estar relacionado con la forma en que se creó originalmente el archivo. El color del icono debe ser negro verdadero (por ejemplo, el código hexadecimal #000000).
Además, el SVG debe exportarse con un estilo en línea.
Dado que los archivos SVG pueden estar compuestos de código complejo, se recomienda consultar a alguien con experiencia con SVG para cualquier ajuste.