El bloque «Headline» te permite añadir encabezados con estilo a cualquier página de SeedProd. Tanto si necesitas un H1 en negrita para tu sección principal como un H4 más pequeño para introducir una sección de contenido, el bloque «Headline» te ofrece un control total sobre el texto, el nivel HTML, los enlaces y la configuración tipográfica.
A diferencia del texto sin formato, los titulares creados con este bloque admiten formato de texto enriquecido, enlaces opcionales, variables de texto dinámicas y controles de tamaño y alineación de fuente por dispositivo, lo que lo convierte en uno de los bloques más versátiles para crear páginas bien estructuradas y optimizadas para SEO.
Añadir el bloque de titular a tus páginas
Sigue estos pasos para añadir un bloque de titular a tu página SeedProd:
Paso 1: Añadir el bloque
En Diseño > Bloques, arrastra y suelta el bloque Título en la sección deseada de tu página.
Paso 2: Configurar los ajustes de contenido
Una vez añadido, haz clic en el bloque Título para abrir su configuración. En la pestaña Contenido, configura el texto del título, el enlace y el diseño.
Titular:
- Texto: Introduzca el texto del titular utilizando el editor de texto enriquecido. Admite formato de negrita, cursiva, subrayado, tachado y color en línea. También puede insertar variables de texto dinámico o utilizar la herramienta de generación de texto con IA para generar y perfeccionar el texto del titular.
- Enlace: Opcionalmente, añade una URL para que el titular sea un enlace en el que se puede hacer clic. Haz clic en el icono de configuración situado junto al campo del enlace para mostrar opciones adicionales del enlace.
- Abrir en una nueva ventana: Marque esta opción para abrir la URL vinculada en una nueva pestaña del navegador.
- No seguir: Marque esta opción para añadir un
rel="nofollow"atribuir al enlace, indicando a los motores de búsqueda que no transfieran la autoridad del enlace al destino. - Alineación: Establece la alineación del texto: izquierda, centrada o derecha. Admite valores por dispositivo para ordenadores de sobremesa, tabletas y móviles.
- Tamaño de fuente: Establece el tamaño de fuente del texto del titular. Admite valores por dispositivo para ordenadores de sobremesa, tabletas y móviles.
- Nivel: Elige la etiqueta HTML para tu título: H1, H2, H3, H4, H5 o H6. Usa H1 para el título principal de tu página y niveles más bajos para los subtítulos, así mantienes la estructura correcta del documento.
Paso 3: Personalizar el diseño
En la pestaña Avanzado, puedes personalizar la tipografía, el color y el espaciado de tu bloque de titular.
Estilos:
- Tipografía: ajusta con precisión la familia tipográfica, el grosor de la fuente, la altura de línea, el espaciado entre letras y la transformación del texto del titular. Admite valores por dispositivo para ordenadores de sobremesa, tabletas y móviles.
- Color: Establezca el color del texto del titular utilizando el selector de color.
- Sombra del texto: añade un efecto de sombra al texto del título. Elige entre Ninguna, Muy fina, Pequeña, Mediana, Grande, Muy grande o 2 veces más grande para añadir profundidad y énfasis a tu título.
Espaciado:
- Margen: controla el espacio exterior alrededor del bloque del título (superior, derecho, inferior, izquierdo). Admite valores por dispositivo para ordenadores de sobremesa, tabletas y móviles.
- Relleno: ajusta el espacio interior del bloque del título (arriba, derecha, abajo, izquierda). Admite valores por dispositivo para ordenadores de sobremesa, tabletas y móviles.
Atributos:
- CSS ID: Muestra el identificador único generado automáticamente para tu bloque de titular, creado automáticamente por SeedProd para personalizar el estilo o la orientación de JavaScript.
- Clase personalizada: añade clases CSS personalizadas para aplicar estilos específicos de tu tema o CSS personalizado.
- Atributos personalizados: añade cualquier atributo HTML al elemento contenedor del bloque. Introduce cada atributo en una nueva línea utilizando el formato: nombre-del-atributo|valor.
Visibilidad del dispositivo:
- Ocultar en el escritorio: Ocultar el bloque de titulares en las pantallas de escritorio.
- Ocultar en tableta: Ocultar el bloque del titular en dispositivos tablet.
- Ocultar en dispositivos móviles: Ocultar el bloque del titular en dispositivos móviles.
Efectos de animación:
- Animación de entrada: elige un efecto de animación que se reproduzca cuando el bloque de titular aparezca en pantalla, como Rebotar, Aparecer gradualmente, Acercar, Girar y muchos más.
Paso 4: Guarde los cambios
Una vez que haya terminado de configurar el bloque Titular y personalizar su apariencia, asegúrese de guardar su trabajo.
¡Has añadido correctamente un bloque de titular a tu página! Los titulares bien redactados guían a los visitantes a través de tu contenido, refuerzan tu mensaje y mejoran la estructura de la página tanto para los lectores como para los motores de búsqueda. Experimenta con los niveles de encabezado, la configuración tipográfica y las animaciones para crear titulares que capten la atención y se ajusten al estilo de tu marca.