widget: Texto y Títulos (Encabezados)

Los widget texto y título ofrecen una amplia gama de opciones de personalización, la mayoría de las cuales son accesibles a través de la barra de herramientas de texto. Con esta sencilla interfaz de edición, puede cambiar fácilmente la fuente, el color, la alineación y el estilo de su texto. La barra de herramientas de texto le permite realizar ajustes rápidamente para resaltar puntos clave y organizar eficazmente la información en su sitio.

Hay tres widget de texto que se pueden encontrar en la biblioteca de widget :

  • Texto

  • H1 (Título grande)

  • H3 (Título pequeño)

Una vez que se agrega un widget de texto a un sitio, puede cambiar fácilmente entre diferentes opciones de texto. Por ejemplo, si agregas un widget de texto pero luego decides que quieres que sea un H2, puedes hacer ese cambio directamente en la barra de herramientas de texto.

Los tipos de texto disponibles son: Párrafo, H1, H2, H3, H4, H5 y H6.

Editar texto (párrafos y títulos)

Para editar texto en su sitio:

  1. Haga clic en el texto que desea editar para abrir el modo de edición.

  2. Seleccione el texto que desea editar haciendo clic y arrastrando el cursor sobre el texto.

    Texto de ejemplo resaltado.
  3. Use las opciones de edición en línea en la barra que se encuentra arriba del texto para editar los estilos de texto, tamaños, fuentes, alineación, añadir enlaces y más.

Listas de viñetas y números

Puede crear una lista de viñetas o números utilizando las herramientas de texto dentro del widget Texto. Las listas son una manera adecuada de agrupar contenido, características o productos, de forma que los visitantes puedan entender y comparar la información rápidamente.

Para agregar una lista de viñetas o números:

  1. Haga clic en el texto que desea agregar a una lista.

  2. Resalte el texto y haga clic en el icono lista de viñetas o lista numerada en la barra de herramientas de texto.

    • (Opcional) Para seleccionar un estilo de viñeta diferente, haga clic en la flecha hacia abajo que está junto al icono de Lista de viñetas.

  3. Para crear viñetas y listas anidadas, presione la tecla Tab en su teclado. La viñeta o el número se muestran sangrados a la derecha.

    Puede tener múltiples listas de viñetas o números anidados.

Editor de diseño

Las opciones de diseño del editor de diseño se aplican al propio widget , como agregar un fondo.

Para dar estilo al texto dentro del widget, utilice la barra de herramientas de texto. Sin embargo, si el widget está conectado a datos, la configuración de texto estará disponible en el editor de diseño. Tenga en cuenta que cuando personalice la configuración de texto en el editor de diseño para widgets conectados a datos, estos cambios anularán la configuración del tema de la página web y romperán la conexión con el tema. Como resultado, los cambios futuros en el tema no afectarán el texto de este widget. Para obtener más información, consulte Texto de tema.

Características y limitaciones

  • Los tamaños de texto pueden ser de hasta 500 px.

  • Se pueden incluir varios tipos de texto en un solo elemento de texto. Por ejemplo, los Encabezados 2, párrafos y Encabezados 3 se pueden usar todos en el mismo elemento. El texto debe estar en su propia línea, separado presionando la tecla Enter.

  • Si una fuente ofrece otros pesos, se puede seleccionar dentro de la lista de fuentes. Para seleccionar el grosor de una fuente, hover sobre la fuente para ver las opciones de grosor disponibles de la fuente (normal, negrilla).

    Lista de fuentes con una seleccionada y que muestra todos los grosores disponibles de la fuente.
  • Copiar y pegar funciona externa e internamente. Al pegar desde ubicaciones externas y dentro del editor (interno), se aplican los estilos de texto del tema y cualquier estilo en línea que se aplicó al texto en el editor. Se conservan los caracteres en negrilla, subrayado y cursiva del texto copiado.

  • Altura de línea personalizada. Además de las alturas de línea predeterminadas existentes, ahora puedes elegir una altura de línea personalizada.

  • Especifique el espaciado entre letras. Para seleccionar el espaciado entre letras, haga clic en el ícono de tres puntos en el editor de texto en línea y seleccione una de las siguientes opciones:

    • Auto

    • Estrecho (-0.05)

    • Amplio (0.2)

    • Personalizado (entre -2 y 0.5 en incrementos de intervalos de 0.01)

  • Todo en mayúsculas. Para cambiar la fuente a mayúsculas, haga clic en el ícono de tres puntos en el editor de texto en línea y haga clic en el botón Cambiar a mayúsculas .

  • Sombra. Seleccione el color y la posición.

  • Texto tachado.

  • Conectar texto a datos. Haga clic en el icono de datos conectados en el editor de texto en línea.

  • No existe una opción para agregar una lista con texto de encabezado.

  • Las viñetas de elementos en una lista que tienen más de un tamaño de fuente utilizarán el tamaño del tema del sitio.

Etiquetas HTML

Debido a las mejores prácticas de HTML5, no permitimos actualizaciones al HTML del texto con un tag no compatible.

Para añadir un estilo específico al texto, recomendamos añadirlo al CSS.

Se admiten los siguientes tags a través del modo de desarrollador: img, sub, sup, blockquote, code