widget Categorías: Medios de comunicación
El widget Forma es una herramienta de diseño que se puede utilizar para destacar mensajes importantes. Cree botones y banners, convoque a premios y destaque precios de venta. Puede añadir una imagen, cambiar color de fondo y texto, controlar el tamaño y añadir sombras. El widget puede colocarse en cualquier ubicación para una total flexibilidad.
-
Seleccione una forma.
-
Para agregar un enlace a la forma, haga clic en agregar Enlace (para obtener más información sobre los vínculos, consulte Selector de vínculos.
-
Escriba un título y una descripción para la forma. Para ocultar el título y la descripción, haga clic en el icono del ojo (
).
-
Escriba el Texto alternativo y una Información sobre herramientas para la forma.
Nota
Escriba su propio texto alternativo o haga clic en el icono Sparkle (
) para usar el Asistente de IA para generar texto alternativo.
El 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 Asistente de IA, consulte Información general y características del Asistente de IA.
-
Para cambiar de un color a un fondo de imagen, haga clic en Diseño .
-
Para cambiar la imagen predeterminada, vaya a la pestaña Estilo y seleccione la pestaña Imagen .
Nota
Si la opción Mantener proporciones está desactivada, las proporciones de la imagen se ajustarán a las del widget (solo en el editor tradicional).
-
-
Ajuste la anchura, la altura y el efecto hover (por desktop) en la pestaña Estilo .
Nota
En las secciones Flex y el Editor 2.0, las proporciones de la figura 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, haga clic en la pestaña Espaciado y configure los márgenes para que sean un número negativo (por ejemplo, -50 px).
-
Para convertir el icono en un widget flotante, habilite la opción Flotante y seleccione una posición para el widget. Para mostrar el widget flotante solo en la página actual, habilite la opción Mostrar solo en esta página .
Cerciorar de que la configuración de diseño que defina sea correcta para cada dispositivo. Ajustes como el espaciado (de todo el widget y de los elementos individuales), la anchura y otros 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:
-
Cree una fila con dos columnas.
-
Escoja una forma amorfa y agréguela a la columna del lado derecho.
-
Haga que la forma sea tan grande como la columna.
-
En el Editor de diseño, seleccione la disposición con la imagen de fondo y reemplace la imagen por la que desee.
Para usar una forma como un botón agregando un enlace y efecto de superposición:
-
Seleccione la forma de círculo y agregue un título y una descripción.
-
Seleccione los colores para la forma y los textos.
-
Para colocar la forma en la esquina de una imagen, use un margen negativo en la lado izquierdo de la forma (espaciado > margen > margen izquierdo y superior en - 50 píxeles).
Para utilizar formas para destacar un plan o servicio específico:
-
Elija la forma de bandera y agregue un título o una descripción breve.
-
Desactiva Mantener proporción para que puedas ajustar solo el ancho.
Nota
En las secciones Flex y el Editor 2.0, las proporciones de la figura se mantienen de forma predeterminada, incluso si la opción Mantener proporciones está desactivada.
-
Seleccione los colores para la forma y los textos.
-
Para colocar la forma de modo que esta se superponga a la parte superior de la columna, use un margen superior negativo (espaciado > margen > margen superior en - 30 píxeles).
Para utilizar una forma para crear un botón de desplazamiento:
-
Escoja la forma de diamante y agregue un título.
-
Desactiva Mantener proporción para que puedas ajustar solo el ancho.
Nota
En las secciones Flex y el Editor 2.0, las proporciones de la figura se mantienen de forma predeterminada, incluso si la opción Mantener proporciones está desactivada.
-
Seleccione los colores para la forma y los textos.
-
Para colocar la forma en la parte superior de la imagen, use un margen superior negativo (espaciado > margen > margen superior en - 50 píxeles).