Documentación de SeedProd

Documentación, Materiales de Referencia y Tutoriales para SeedProd

Bloque de texto

El Bloque de Texto te permite añadir y editar el cuerpo del texto en cualquier página de SeedProd. Proporciona un editor fácil de usar para escribir y formatear contenido de texto, lo que lo convierte en el bloque ideal para párrafos, descripciones y cualquier contenido escrito en tu página.

El bloque incluye un editor visual WYSIWYG, así como un editor HTML directo para un control total sobre tu código. Puedes ajustar la alineación, el tamaño de fuente, el color del texto y la tipografía, y opcionalmente insertar etiquetas de texto dinámicas para personalizar el contenido para cada visitante.

Bloque de Texto añadido a una página de SeedProd que muestra un párrafo de texto principal

Requisitos: El Bloque de Texto está disponible en todos nuestros planes de licencia.


Añadir el Bloque de Texto a tus Páginas

Sigue estos pasos para añadir un Bloque de Texto a tu página de SeedProd:

Paso 1: Añadir el Bloque

En Diseño > Bloques, arrastra y suelta el bloque Texto en la sección deseada de tu página.

Arrastrar el bloque de texto a una página de SeedProd

Paso 2: Configurar los Ajustes de Contenido

Una vez añadido, haz clic en el bloque de Texto para abrir su configuración. En la pestaña Contenido, encontrarás las siguientes opciones:

  • Editor de Texto: Introduce y formatea tu contenido de texto usando el Editor Visual (WYSIWYG) o cambia a Editar HTML para escribir código directamente. El editor visual soporta opciones de formato estándar como negrita, cursiva, enlaces y listas.
  • Alineación de Texto: Establece la alineación horizontal de tu texto — Izquierda, Centro, Derecha o Justificar — con controles por dispositivo para escritorio, tableta y móvil.
  • Tamaño de Fuente: Ajusta el tamaño de fuente base para el bloque de texto usando un deslizador.
  • Insertar Texto Dinámico: Inserta etiquetas dinámicas personalizadas en tu texto — como el nombre del visitante, la ubicación o parámetros de URL — para mostrar contenido personalizado para cada visitante.
Pestaña de contenido del bloque de texto que muestra el editor visual, las opciones de alineación y tamaño de fuente

Paso 3: Personaliza el Diseño

En la pestaña Avanzado, puedes personalizar la apariencia visual de tu Bloque de Texto.

Estilos:

  • Tipografía: Establece la familia de fuentes, tamaño, peso, estilo, altura de línea, espaciado entre letras y mayúsculas/minúsculas para tu texto.
  • Color: Elige el color del texto.
  • Sombra de Texto: Aplica una sombra al texto usando tamaños preestablecidos (Ninguno, Cabello, Pequeño, Mediano, Grande, X Grande, 2X Grande).
  • Sombra de Caja: Aplica una sombra al contenedor del bloque usando tamaños preestablecidos.

Espaciado:

  • Margen: Establece el espaciado exterior alrededor del bloque en los cuatro lados, con controles independientes para escritorio, tableta y móvil.
  • Relleno: Establece el espaciado interior dentro del contenedor del bloque en los cuatro lados, con controles por dispositivo.

Atributos:

  • Clase personalizada: Añade una o más clases CSS personalizadas al contenedor del bloque para una estilización específica.
  • ID CSS: SeedProd genera automáticamente un ID CSS único para este bloque. Puedes usarlo para referenciar el bloque en CSS o JavaScript personalizado.
  • Atributos personalizados: Añade atributos HTML personalizados al elemento contenedor del bloque. Introduce cada atributo en una línea nueva usando el formato clave|valor.

Visibilidad del Dispositivo:

  • Ocultar en escritorio: Activa para ocultar el bloque cuando se ve en pantallas de escritorio.
  • Ocultar en tableta: Activa para ocultar el bloque cuando se ve en pantallas de tableta.
  • Ocultar en móvil: Activa para ocultar el bloque cuando se ve en pantallas móviles.

Efectos de Animación:

  • Efecto de desplazamiento: Aplica una animación activada por desplazamiento al bloque, incluyendo opciones de Desplazamiento Vertical y Desplazamiento Horizontal con controles de dirección, velocidad y desplazamiento de la ventana gráfica.
  • Efecto del ratón: Aplica un efecto de paralaje impulsado por el movimiento del ratón al bloque.
Pestaña avanzada del bloque de texto que muestra estilos, espaciado, atributos y otra configuración

Paso 4: Guarde sus Cambios

Una vez que hayas terminado de configurar el Bloque de Texto y personalizar su apariencia, asegúrate de guardar tu trabajo.


¡Has añadido con éxito un Bloque de Texto a tu página! Un texto claro y bien formateado es uno de los elementos más importantes de cualquier página eficaz. Experimenta con la tipografía, el color y el espaciado para crear secciones de texto que sean fáciles de leer y estén perfectamente alineadas con tu marca.

Artículos Relacionados