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 pautas sobre los medios, consulte Medios: pautas y especificaciones.
-
Haga clic en Elegir ícono para seleccionar un ícono listo para usar o haga clic en Cargar archivo SVG.
-
Para vincular el icono, haga clic en Vincular icono y seleccione la página a la que desea vincular el icono.
-
Escriba el texto alternativo para el icono. El texto alternativo permite que los motores de búsqueda reconozcan el contenido de las imágenes. Emplee texto que describa claramente la imagen.
-
Escriba una información sobre herramientas 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 del icono, ajustar el tamaño y el color del icono y realizar cambios en el espaciado del widget.
Para convertir el icono en un widget flotante, habilite el botón de alternancia 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 íconos 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 desactivarlo solo para páginas particulares).
Este problema generalmente está relacionado con la forma en que se creó originalmente el archivo. El color del ícono debe ser negro puro (por ejemplo, código hexadecimal #000000).
Además, el SVG debe exportar con 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 realizar cualquier ajuste.