Editor de texto en línea

Acerca del editor de texto en línea

El Editor de texto en línea Es una función que te permite editar el texto en el área de diseño de GemPages. instantáneamente.

Con el editor en línea, puede formatear rápidamente su texto, como aplicar negrita, cursiva, alineación, enlaces o estilo básico justo donde aparece el contenido en la página. 

Al utilizar el editor en línea:

• Puede ajustar el formato directamente en el lienzo.
• Es ideal para ediciones rápidas de contenido y mejoras visuales.
• No es necesario abrir la configuración de la barra lateral para realizar cambios simples.

Nota importante sobre el tamaño de fuente:

Puede utilizar la opción de tamaño de fuente en el editor en línea para resaltar palabras específicas o frases cortas dentro de una oración.

Sin embargo, para garantizar un tamaño de fuente uniforme en diferentes dispositivos (computadora, tableta y móvil), recomendamos ajustar el tamaño de fuente en la configuración de la barra lateral del elemento. Esto garantiza que su diseño se mantenga adaptable y se visualice correctamente en todos los tamaños de pantalla.

Para más información, consulte este artículo: Cambiar estilos de texto

¿Cómo acceder al editor de texto en línea en GemPages?

Para acceder a la Editor de texto en líneaResalte el texto que desea editar. Verá la barra del editor en la parte superior del texto.

Esta función admite todos los elementos que incluyen texto editable (el texto que puede editar dentro del editor de GemPages), como:

• Elemento de Encabezado
• Elemento de Bloque de Texto
• Elemento de lista de artículos
• Elementos de pestaña
• Elemento Botón

Para el texto al que necesita acceder desde Shopify para editar el contenido (por ejemplo, Título del producto, Descripción del producto, etc.), el Editor de texto en línea la función está deshabilitada.

Configuración en línea del editor de texto

A continuación se muestra un resumen rápido de todas las configuraciones disponibles en el Editor de texto en línea:

1. Tamaño de fuente

 Ajuste el tamaño de la fuente para hacer que el texto sea más grande o más pequeño.

Nota: Esta configuración no responde, lo que significa que los cambios en el tamaño de fuente se aplicarán uniformemente en todas las pantallas del dispositivo.

2. Negrita

Ponga el texto en negrita para enfatizar información importante.

3. Cursiva

Ponga su texto en cursiva para darle más énfasis o estilo.

4. Subrayar

Subrayar el texto para resaltar los puntos clave.

5. Tachado

Aplicar un efecto de tachado para indicar contenido obsoleto o eliminado.

6. Color del texto

Cambie el color del texto para que coincida con el tema de su marca. Simplemente haga clic en el ícono Color del texto y elija uno de la paleta de colores.

7. Color de fondo del texto

Resalte el texto con un color de fondo para que se destaque.

Resultado:

8. Lista numerada

Organice el contenido en una lista numerada para lograr una apariencia estructurada. Ideal para guías o listas paso a paso.

9. Lista con viñetas

Utilice viñetas para crear listas que sean fáciles de leer.

10. Subíndice

Agregue texto de subíndice, útil para fórmulas químicas o notas al pie (por ejemplo, vitamina A1, B2)

11. Superíndice

Agregue texto superíndice, perfecto para exponentes o números ordinales (por ejemplo, 1º, 2º).

12. Enlace

Inserte un hipervínculo resaltando el texto, haciendo clic en el ícono de vínculo e ingresando la URL. Esto es ideal para dirigir a los usuarios a otras páginas o recursos.

13. Quitar el botón Formato

Borra todo el formato del texto seleccionado y lo devuelve al estilo predeterminado.

Configuración del tamaño del texto adaptable

Cuando cambia el tamaño del texto directamente desde el Editor de texto en líneaEl editor generará un código CSS personalizado para ese texto. Como resultado, se aplicará el tamaño del texto. uniformemente en todos los dispositivos (computadora de escritorio, tableta y dispositivo móvil).

Si desea configurar diferentes tamaños de texto para cada pantalla, le recomendamos ajustar el tamaño desde la configuración de la barra lateral izquierda .

Ejemplo:

• Uso del editor de texto en línea: tamaño del texto = 20 px en todos los dispositivos, incluidos computadoras de escritorio, tabletas y dispositivos móviles.
• Usando la configuración de la barra lateral izquierda: puedes configurar 20 px para escritorio, 18 px para tableta y 16 px para dispositivos móviles de forma independiente.

De esta manera, tendrás control total y responsivo de tu tipografía en diferentes dispositivos.

Consulte este artículo para aprender más sobre Diseño web adaptable de GemPages.