Text

Bloque de texto de propósito general con hasta cinco secciones de contenido independientes: título, subtítulo, primario, secundario y terciario. Cada sección puede activarse o desactivarse individualmente, admite HTML y tiene color propio. El título y el subtítulo también permiten configurar la etiqueta HTML semántica.

---

Vista previa

Sin imagen disponible aún. Añade una captura en ./img/text.jpg y descomenta la línea siguiente.

---

Comportamiento

• Las secciones con visible: false no se renderizan.
• text.centered: true centra horizontalmente todo el contenido del bloque.
• content admite HTML completo en todas las secciones.
• tag (disponible en title y subtitle) determina la etiqueta HTML con la que se envuelve el contenido: h1–h6, p o div.
• Si color está vacío, se aplica el color por defecto del tema.

---

Configuración

El JSON se introduce en el cuerpo del content asset en Business Manager → Content Assets.

{
  "text": {
    "centered": false,
    "title": {
      "visible": true,
      "content": "Título principal <strong>destacado</strong>",
      "color": "#000000",
      "tag": "h1"
    },
    "subtitle": {
      "visible": true,
      "content": "Subtítulo con <em>énfasis</em>",
      "color": "#444444",
      "tag": "h2"
    },
    "primary": {
      "visible": true,
      "content": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud <a href='#'>exercitation</a> ullamco laboris.</p>",
      "color": ""
    },
    "secondary": {
      "visible": true,
      "content": "Texto secundario con <strong>negrita</strong>.",
      "color": "#c3c3c3"
    },
    "tertiary": {
      "visible": false,
      "content": "",
      "color": ""
    }
  }
}

---

Propiedades

Raíz

Propiedad	Tipo	Obligatorio	Descripción
text.centered	boolean	No	Si true, todo el contenido del bloque se centra horizontalmente.

Secciones de texto

Las cinco secciones (title, subtitle, primary, secondary, tertiary) comparten la misma estructura base. El campo tag solo está disponible en title y subtitle.

Propiedad	Tipo	Disponible en	Descripción
visible	boolean	todas	Si false, la sección no se renderiza.
content	string	todas	Contenido de la sección. Admite HTML completo (enlaces, negritas, párrafos, etc.).
color	string	todas	Color del texto en formato hexadecimal (ej. #000000). Si está vacío, usa el color por defecto.
tag	string	title, subtitle	Etiqueta HTML con la que se envuelve el contenido: h1, h2, h3, h4, h5, h6, p, div.

---

Notas y consejos

Fichero de plantilla

content/text.isml

Elige el tag correcto para SEO

El campo tag de title y subtitle controla la jerarquía de encabezados. Usa h1 sólo una vez por página; para bloques secundarios en la misma página, usa h2, h3… o p si no es semánticamente un encabezado:

Tag	Uso recomendado
h1	Título principal de la página (uno por página)
h2	Sección destacada
h3–h6	Subsecciones jerárquicas
p	Texto de párrafo sin valor semántico de encabezado
div	Contenedor genérico sin semántica

HTML en content

Todas las secciones admiten HTML. En primary y secondary es habitual usar párrafos, enlaces y formatos inline:

"content": "<p>Texto con <a href='/categoria'>enlace</a> y <strong>negrita</strong>.</p>"

Ocultar secciones sin borrar el contenido

Usa visible: false para desactivar una sección temporalmente sin perder su contenido:

"tertiary": { "visible": false, "content": "Texto en reserva", "color": "" }

Formato de color: hexadecimal

"color": "#000000"

Los campos de color aceptan cualquier valor CSS válido, pero se recomienda usar hexadecimal de 6 dígitos para consistencia.