Categorías de widgets: Medios
El widget Shape es una herramienta de diseño que se puede usar para resaltar mensajes importantes. Crea botones y banners, destaca los premios y destaca los precios de venta. Puedes añadir una imagen, colorear el fondo y el texto, controlar el tamaño y añadir sombras. El widget se puede colocar en cualquier lugar para una flexibilidad total.
-
Selecciona una forma.
-
Para agregar un enlace a la forma, haga clic Agregar enlace (para obtener más información sobre los enlaces, consulte Selector de enlaces.
-
Escriba un título y una descripción para la forma. Para ocultar el título y la descripción, haga clic en ojo (
) icono.
-
Escriba texto alternativo y una descripción emergente para la forma.
Nota
Escriba su propio texto alternativo o haga clic en Sparkle (
) icono para usar el Asistente de IA para generar texto alternativo.
texto alternativo generado por el Asistente de IA está en el mismo idioma que el idioma actual de la página. Para obtener más información sobre el AI Assistant, consulta Descripción general de las herramientas de IA.
-
Para cambiar de un color a un fondo de imagen, haga clic Diseño .
-
Para cambiar la imagen predeterminada, navegue hasta Estilo pestaña y selecciona Imagen pestaña.
Nota
Si el Mantenga las proporciones está desactivada, las proporciones de la imagen se ajustarán a las de los widgets (Solo en el editor clásico).
-
-
Ajusta el ancho, la altura y el efecto de desplazamiento (para escritorio) en Estilo pestaña.
Nota
En las secciones de Flex y el Editor 2.0, las proporciones de la forma se mantienen de forma predeterminada, incluso si la opción Mantener proporciones está desactivada.
-
Para colocar el widget encima de una imagen u otro widget o superponerlo, haz clic en Espaciado tabulador y configura los márgenes para que sean un número negativo (por ejemplo, -50 px).
-
Para convertir el icono en un widget flotante, habilite la Flotante alterna y selecciona una posición para el widget. Para mostrar el widget flotante solo en la página actual, habilite Mostrar solo en esta página alternar.
Asegúrese de que la configuración de diseño que defina sea correcta para cada dispositivo. Los ajustes como el espaciado (de todo el widget y de los elementos individuales), el ancho y más se definen por dispositivo. Para obtener más información, consulte Tamaños de pantalla y dispositivos.
Para crear un diseño interesante con una forma amorfa:
-
Crea una fila con dos columnas.
-
Elige una forma amorfa y agrégala a la columna de la derecha.
-
Haz que la forma sea tan grande como la columna.
-
En el Editor de diseño, seleccione el diseño con la imagen de fondo y sustituya la imagen por la que desee.
Para usar una forma como botón añadiendo un efecto de enlace y desplazamiento:
-
Selecciona la forma del círculo y agrega un título y una descripción.
-
Selecciona colores para la forma y los textos.
-
Para colocar la forma en la esquina de una imagen, usa un margen negativo en el lado izquierdo de la forma (espaciado > margen > -50 px margen izquierdo y superior).
Para usar formas para resaltar un plan o servicio específico:
-
Elige la forma de la bandera y añade un título y una breve descripción.
-
Desactivar Mantenga la proporción para que puedas ajustar solo el ancho.
Nota
En las secciones de Flex y el Editor 2.0, las proporciones de la forma se mantienen de forma predeterminada, incluso si la opción Mantener proporciones está desactivada.
-
Selecciona colores para la forma y los textos.
-
Para colocar la forma de manera que se superponga a la parte superior de una columna, usa un margen superior negativo (espaciado > margen > margen superior de -30 px).
Para usar una forma para crear un botón de desplazamiento:
-
Elige la forma del diamante y añade un título.
-
Desactivar Mantenga la proporción para que puedas ajustar solo el ancho.
Nota
En las secciones de Flex y el Editor 2.0, las proporciones de la forma se mantienen de forma predeterminada, incluso si la opción Mantener proporciones está desactivada.
-
Selecciona colores para la forma y los textos.
-
Para colocar la forma encima de una imagen, usa un margen superior negativo (espaciado > margen > margen superior de -50 px).