Elemento de Bloque de Texto

Agregar el Elemento Bloque de Texto en su Página

La función Bloque de Texto es un elemento esencial proporcionado por GemPages. Le permite mostrar texto en forma de párrafos extensos o frases concisas en su página.  

Para agregar el elemento a su página, siga las instrucciones a continuación:

Paso 1En el Panel de Control de GemPages, haga clic en la página de su preferencia para ingresar al Editor.

Paso 2Dentro del Editor, simplemente arrastre y suelte el Bloque de Texto elemento (etiquetado como párrafo) en su ubicación preferida en la página. 

Paso 3Ingrese el texto deseado en el elemento Bloque de Texto.

Paso 4Para personalizar el formato del texto en GemPages, utilice la Barra de herramientas del editor de texto que aparece cada vez que resalta su texto. Proporciona varias opciones de formato para mejorar el atractivo visual de su contenido.

Haga clic en el elemento bloque de texto elemento, y las opciones de configuración se revelan en la barra lateral izquierda, incluida la Configuración y Avanzado .

Configurar las Pestañas de Configuración

Estilo de Texto

En este punto, puede ajustar finamente la tipografía del texto. Estas son las opciones disponibles:

• Estilos: Seleccione su estilo deseado de las opciones predefinidas, que incluyen 6 estilos de encabezado y 3 estilos de párrafo.
• Fuente: Elija la fuente que desea utilizar para el texto dentro de este bloque de texto. Si desea utilizar una fuente que no está en la lista, puede consultar la guía proporcionada en Cómo agregar una fuente personalizada en Editor v7.
• TamañoAjuste el tamaño de la fuente especificando un valor en píxeles. GemPages admite diseño responsivo, lo que significa que puede ajustar el tamaño de la fuente por separado para escritorio, tableta y móvil. Para hacer esto, simplemente cambie a la vista del dispositivo que desea editar usando los iconos en la parte superior del Editor de GemPages. Cualquier cambio de tamaño de fuente que realice en esa vista específica se aplicará solo a ese dispositivo.
• Color: Modifique el color del texto según su preferencia.

Haga clic en el elemento Mostrar más para revelar más opciones de personalización. 

• Peso de fuente: Elija el peso de fuente que desee en el menú desplegable proporcionado, desde Fino hasta Negro.
• Altura de la línea: Ajuste la altura del texto especificando un valor porcentual (100%, 120%, 130%, 150% o 180%) o ingresando un número exacto.
• Espaciado entre letras: Modifique el espacio entre letras ingresando un valor en píxeles.
• Transformar: Transforme el texto de una de las siguientes maneras:
  • No se aplica transformación.
  • Mayúsculas (AA): Convierte todo el texto a mayúsculas
  • Capitalizar (Aa): Capitaliza la primera letra de cada palabra
  • Minúsculas (aa): Convierte todo el texto a minúsculas
• Sombra: Puede ajustar la sombra del elemento de bloque de texto para brindar una mejor apariencia visual a su página.

Tamaño

En la sección Tamaño , puede configurar el ancho y el relleno para el bloque de texto:

Ancho: Ajuste el ancho con el que aparece el elemento Bloque de texto en la página:

• Contenido adecuado: Ancho automático en función del contenido interior.
• Completo: Estira el elemento al 100% del ancho del contenedor, permitiendo que su contenido se muestre en ancho completo
• PredeterminadoFijo en 1200px

Relleno: Agrega espaciado interno entre el texto y los bordes del contenedor del Bloque de Texto.  

Fondo

ColorEstablezca el color de fondo del botón.

ImagenCargue o seleccione una imagen de fondo. Personalícela usando:

• SCALECubrir, contener o auto
• PosiciónEstablezca la alineación de la imagen (centro, superior izquierda, etc.)
• Repetición: Active o desactive la configuración de repetición
• Adjunto: Elija entre Desplazar o Fijo
• SEO: Agregue texto alternativo (Alt text) y título de imagen (Image title) para accesibilidad y SEO
• PrecargaActive la precarga para mejorar el Largest Contentful Paint (LCP)

Forma

Estilice el contenedor de imagen con mejoras visuales para que coincida mejor con su diseño:

• BordeAgregue un borde alrededor de la imagen. Personalice:
  • ColorElija cualquier color HEX
  • GrosorEstablezca valor en píxeles
  • Estilo de trazo: Sólido, discontinuo o punteado
• Esquina: Redondee las esquinas de la imagen ajustando el radio del borde.
• Sombra: Agregue un efecto de sombra para dar profundidad o separación del fondo. Configure:
  • TipoExterior, interior o centrado
  • Dirección: Controle el ángulo de la sombra
  • Color, Distancia, Desenfoque y Tamaño

Alineación

Este parámetro le permite determinar cómo se posiciona el texto en su página. Hay tres opciones para elegir: alineado a la izquierda, centrado y alineado a la derecha.

Nota: La alineación horizontal está deshabilitada cuando el ancho está establecido en 100% o más.  

Configurar la pestaña Avanzada

Para estilizar cómo se ve el elemento, por favor navegue a la pestaña Avanzado y siga las instrucciones de este vídeo artículo.

Uso de texto de metacampo en un bloque de texto

Si esta trabajando con Contenido basado en metacampos, puede incrustar el código Metafield directamente dentro del elemento Bloque de texto.

Esto es especialmente útil cuando desea que el texto cambie dinámicamente según los datos del producto, la colección o la página.

Para ello, simplemente pegue la variable o el código del Metacampo en el área de contenido del Bloque de Texto. El Bloque de Texto mostrará el valor del Metacampo en la página activa.

Preguntas Frecuentes

¿Cómo muevo un cuadro de texto en GemPages?

• Haga clic y mantenga presionado el elemento Bloque de texto.
• Arrástrelo a una nueva posición.
• Suelte el elemento cuando vea el indicador de ubicación azul.