web_title Shortcode

El shortcode web_title renderiza un título semántico con un subtítulo opcional, un título de fondo decorativo y líneas horizontales. En Gutenberg, usa Heading or Compound Heading.

Los atributos que se indican a continuación coinciden con los controles actuales de Page Builder y con la salida pública. Usa la sintaxis en bruto solo para contenido revisado que no se pueda mantener a través de los controles visuales.

Uso

[web_title]

Atributos

Atributo Predeterminado Valores aceptados Finalidad
title_text — Cadena, salvo que se indique otra cosa Introduce el texto del título.
title_url — Cadena, salvo que se indique otra cosa Introduce la url del título.
title_color 15 Ranura de paleta 1–15, o vacío Elige el color del texto del título.
title_tag tag2 tag1, tag2, tag3, tag4, tag5, tag6, span Elige la etiqueta real del título.
title_size heading_1 display_1, display_2, display_3, display_4, heading_1, heading_2, heading_3, heading_4, heading_5, heading_6, custom Elige el tamaño del título.
title_fw — fw-100, fw-200, fw-300, fw-400, fw-500, fw-600, fw-700, fw-800, fw-900 Elige el grosor de fuente del título.
title_custom_min_size 14 Número, 0–200 Establece el tamaño de fuente mínimo (en píxeles). Disponible cuando title_size es custom.
title_max_fs — max-fs-4rem, max-fs-6rem, max-fs-8rem Por encima de una resolución de pantalla de 1920px (ancho del área de visualización), el tamaño de fuente se fijará en el tamaño especificado. Disponible cuando title_size es custom.
title_custom_relative_size 2 Número, 0–50 Establece el tamaño de fuente relativo en unidades de ancho del área de visualización. Disponible cuando title_size es custom.
subtitle_text — Cadena, salvo que se indique otra cosa Introduce el texto del subtítulo.
subtitle_fw — fw-100, fw-200, fw-300, fw-400, fw-500, fw-600, fw-700, fw-800, fw-900 Elige el grosor de fuente del subtítulo.
subtitle_color — Ranura de paleta 1–15, o vacío Elige el color del texto del subtítulo.
subtitle_position bottom top, bottom Elige la posición del subtítulo.
back_title_text — Cadena, salvo que se indique otra cosa Introduce el texto del título de fondo.
back_title_fw — fw-100, fw-200, fw-300, fw-400, fw-500, fw-600, fw-700, fw-800, fw-900 Elige el grosor de fuente del título de fondo.
back_title_color — Ranura de paleta 1–15, o vacío Elige el color del texto del título de fondo.
title_alignment center left, center, right Elige la alineación del título.
title_center_mobile — text-md-down-center; heredado: web-center-mobile Si está seleccionada, el título completo se centra en teléfonos y tabletas de hasta 991px, independientemente de la alineación de escritorio.
title_line — yes Rellena el espacio con una línea horizontal.
device_visibility — Cadena, salvo que se indique otra cosa Aplica la regla de visibilidad responsive seleccionada.
el_id — ID HTML único válido Introduce el ID de la sección (Nota: asegúrate de que sea único y válido según la especificación w3c).
el_class — Cadena, salvo que se indique otra cosa Si deseas aplicar un estilo distinto a un elemento de contenido concreto, usa este campo para añadir un nombre de clase y luego haz referencia a él en tu archivo css.

Verificación

El texto admite el formato pasivo en línea compatible; los elementos ejecutables y las url no seguras se eliminan. Una etiqueta de encabezado no válida cae a H2. El texto de fondo es decorativo y está oculto para los lectores de pantalla; mantén el título significativo en title_text. El componente usa los estilos tipográficos existentes y no requiere ningún script ni hoja de estilos público adicional. Los shortcodes almacenados siguen renderizándose con la administración de Page Builder desactivada.

Comprueba web_title con contenido representativo, su estado vacío y todos los rangos responsive habilitados. Presta especial atención a title_text y title_url.