widget Categorías: Basic
Elija de una biblioteca de más de 1,000 iconos prediseñados o cargue su propio archivo SVG. Puede cambiar el color, el efecto hover, el fondo, los bordes y más elementos del icono. Use iconos para enfatizar su texto y equilibrar la disposición del sitio.
Nota
-
Se puede cambiar el tamaño de los archivos SVG sin pérdida de resolución.
-
Los SVG son archivos de imágenes que contienen código HTML, lo que significa que cuando usted agrega un icono de SVG a su sitio, también está agregando líneas de código. Los múltiples SVG complejos pueden agregar miles de líneas de código y hacer que su sitio se cargue lentamente. Si necesita usar varios iconos de SVG en la misma página, recomendamos convertir algunos de ellos en imágenes comunes (.png, .jpeg, etc.) para evitar problemas de carga o de funcionalidad.
-
Para obtener instrucciones sobre los medios, consulte Medios: Directrices y especificaciones.
-
Haga clic en Elegir icono para seleccionar un icono listo para usar, o haga clic en Cargar archivo SVG.
-
Para vincular el icono, haga clic en Icono de enlace y seleccione la página a la que desea vincular el icono.
-
Escriba Texto Alt para el icono. El texto alternativo permite a los motores de búsqueda reconocer el contenido de la imagen. Emplee un texto que describa claramente la imagen. O bien, haz clic en el icono de Sparkle (
) 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 de Sparkle para IA se desactivará si no se selecciona un icono.
-
-
Escriba una descripción emergente para el icono. El texto de la información sobre herramientas se muestra cuando un usuario hover sobre la imagen.
En el Editor de diseño, puede realizar cambios en el diseño de su ícono, ajustar el tamaño y el color del ícono y realizar cambios en el espaciado del widget.
Para convertir el icono en un widget flotante, habilite la opción Flotante y seleccione una posición para el widget. Para mostrar el botón flotante solo en la página actual, habilite la opción Mostrar solo en esta página .
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 una forma de desactivarlos solo para páginas particulares).
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, código hexadecimal #000000).
Además, el SVG debe exportar con estilo en línea.
Dado que los archivos SVG pueden estar formados por un código intrincado, se recomienda consultar a alguien con experiencia con SVG para cualquier ajuste.