Sitio web avanzado: Editor de texto

Usa las herramientas de texto para cambiar la apariencia de un widget de Texto o Título. Cambia la fuente, el color, la alineación y el estilo del texto con una sencilla interfaz de edición. Esto te permite cambiar rápidamente el estilo de textos específicos de tu sitio para resaltar puntos clave y organizar la información.

Para agregar texto a tu sitio, en el panel izquierdo, haz clic en Widgets y luego haz clic y arrastra el widget Texto a tu sitio y comienza a escribir.

Editor de texto antiguo

Para editar texto en tu sitio:

1. Haz clic en el texto que deseas editar para abrir el modo de edición.
   
   
   
2. Selecciona el texto que deseas editar haciendo clic y arrastrando sobre el texto.
3. Utiliza las opciones de edición en línea en la barra sobre el texto para editar estilos de texto, tamaños, fuentes, alineación o agregar enlaces.

Crea una lista con viñetas o números usando las herramientas de texto del widget Texto. Las listas son una buena manera de agrupar contenido, funciones o productos para que los visitantes puedan comprender y comparar la información rápidamente.

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

1. Haz clic en el texto que deseas convertir en una lista.
2. Resalta el texto y haz clic en la lista de viñetas ( ) o lista de números ( ) en la barra de herramientas de texto.
   1. (Opcional) Para seleccionar un estilo de viñeta diferente, haz clic en la flecha hacia abajo junto al Lista de viñetas ( ) icono.
3. Para crear viñetas y listas anidadas, presiona la tecla Tabulador. La viñeta o el número se muestra con sangría a la derecha.
   Puedes tener varias listas de viñetas y números anidadas.

Para acceder al editor de diseño, haz clic con el botón derecho en el widget de texto y selecciona "Editar diseño". El diseño de texto predeterminado se basa en los Ajustes de diseño global. Cualquier cambio en un texto específico anula los Ajustes de diseño global. Para obtener más información, consulta "Texto del tema".

Para obtener información sobre las opciones de diseño que no son específicas de este widget (por ejemplo, diseño, estilo o espaciado), consulta Diseño de widgets. Para más información sobre las fuentes que ofrecemos, consulta Fuentes.

Nuevo editor de texto

Se ha añadido una nueva versión del editor de texto para todos los widgets de texto (Título grande H1, Título pequeño H3 y párrafo). Este editor incluye todas las opciones en línea del editor de texto anterior, además de una tecnología mejorada para mayor estabilidad, más opciones de personalización y mucho más.

Actualización al nuevo editor de texto

El nuevo editor de texto incluye tecnología mejorada para una mayor estabilidad, una gama más amplia de tamaños de texto disponibles (hasta 500 px), te permite usar diferentes estilos de texto dentro del mismo elemento y más.

Para actualizar y utilizar el nuevo editor de texto:

1. Haz clic en el texto que deseas editar para abrir el modo de edición.
2. En el editor de texto, haz clic en Actualizar el editor de texto.
3. En el mensaje de confirmación, tienes las siguientes opciones:
   • Actualizar este texto. Haz clic para actualizar solo el texto widget que has seleccionado
   • Actualizar automáticamente todos los textos. Haz clic para actualizar automáticamente todos los textos Widgets en tu sitio. Ten en cuenta que solo el texto en el que hagas clic se moverá al nuevo editor de texto sin necesidad de aprobación.

Enviar comentarios

Para enviar comentarios sobre el editor de texto:

1. Haz clic en el Enviar comentarios icono en el editor.
2. Selecciona el tipo de comentario de la lista y escribe una descripción. Tienes las siguientes opciones:
   • Error
   • Sugerencia
   • Pregunta
   • Otro
3. Haz clic en Enviar comentarios.

Estilos de texto y mejoras de tamaño

Se han realizado las siguientes mejoras:

• Más tamaños de texto disponibles. Hasta 500 px.
• Varios tipos de texto en un solo elemento. Por ejemplo, se pueden usar títulos 2, párrafos y títulos 3 en el mismo elemento.
• Seleccione el grosor de fuente en la lista. Selecciona una fuente de la lista para seleccionar un grosor (normal, negrita).
• Copiar y pegar funciona tanto externa como internamente. Al pegar desde ubicaciones externas y dentro del editor (interno), se aplican los estilos de texto globales y cualquier estilo en línea aplicado al texto en el editor. La negrita, el subrayado y la cursiva se conservan del texto copiado.
• Altura de línea personalizada. Además de las alturas de línea predeterminadas, ahora puedes elegir una altura de línea personalizada.
• Especifica el espaciado entre letras. Para seleccionar el espaciado entre letras, haz clic en el icono de tres puntos en el editor de texto en línea y selecciona una de las siguientes opciones:
  • Auto
  • Estrecho (-0,05)
  • Ancho (0,2)
  • Personalizado (entre -2 y 0,5 en incrementos de 0,01)
• Todo en mayúsculas. Para cambiar la fuente a mayúsculas, haz clic en el ícono de tres puntos en el editor de texto en línea y luego en el botón "Todo en mayúsculas".
• Sombra. Selecciona el color y la posición.
• Más opciones de estilo de lista con viñetas. Haz clic en la flecha hacia abajo junto a Lista de viñetas ( ) icono.
• Texto tachado.
• Conectar texto a datos. Haz clic en el icono de datos conectados en el editor de texto en línea.

Etiquetas HTML

Debido a las mejores prácticas de HTML5, no permitimos actualizaciones del HTML del texto con una etiqueta no compatible.

Para agregar un estilo específico al texto, recomendamos agregarlo al CSS.

Las siguientes etiquetas son compatibles con el modo de desarrollador: img, sub, sup, blockquote, code

Solución de problemas

Lo siguiente puede provocar que la actualización al nuevo editor de texto falle:

• Código personalizado donde el HTML no es válido.
• Se ha alcanzado la capacidad máxima de almacenamiento de CSS del sitio.

Si tu texto contiene etiquetas no compatibles, es posible que no veas la opción para actualizar el editor. Las siguientes etiquetas no son compatibles: form, svg, iframe, audio, canvas, dialog, embed, hr, input, map, picture, select, textarea, range, table, progress, script, ins, style.

• No hay ninguna opción para agregar una lista con texto de encabezado.
• Las viñetas de los elementos de una lista que tengan más de un tamaño de fuente utilizarán el tamaño del tema del sitio.