Shortcode web_line
El shortcode web_line dibuja un separador horizontal con un color del sistema de diseño, grosor, anchura y alineación explícitos. Sigue renderizándose cuando la interfaz Legacy Page Builder está desactivada.
Los atributos siguientes 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 pueda mantenerse mediante los controles visuales.
Uso
[web_line line_color="2" line_height="4" line_width_in="percentage" line_width_percentage="50" line_alignment="center"]Atributos
| Atributo | Predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
line_color |
— | Posición numérica de la paleta 1–15 | Añade bg-main-N. Los valores vacíos o no válidos no aplican ningún color de fondo. |
line_height |
1 |
Número no negativo en píxeles | Define el grosor de la línea. El valor cero la hace invisible. |
line_width_in |
pixels |
pixels, percentage |
Elige si la anchura es absoluta o relativa al contenedor. |
line_width_pixels |
1 |
Número | Define la anchura de la línea (en píxeles). Disponible cuando line_width_in es pixels. |
line_width_percentage |
1 |
Número | Define la anchura de la línea (en porcentaje). Disponible cuando line_width_in es percentage. |
line_alignment |
center |
left, right, center |
Posiciona una línea más estrecha que su contenedor. |
device_visibility |
— | web-hide-on-lg, web-hide-on-md, web-hide-on-sm, web-hide-on-xs separados por espacios |
Oculta el separador en cada rango de dispositivos del tema seleccionado. |
el_id |
— | ID HTML único válido | Identifica únicamente el contenedor exterior. |
el_class |
— | Clases auxiliares separadas por espacios | Aplica los helpers existentes al contenedor exterior. |
El editor visual ofrece dimensiones de 1–1080 px o de 1–100 % de anchura. Las dimensiones no negativas válidas ya escritas en el texto del shortcode siguen siendo compatibles, incluidos los valores fuera de esos deslizadores. Las dimensiones no válidas recurren a la alternativa de 1. La anchura pintada nunca supera la de su contenedor.
La salida conserva el contenedor de alineación y el elemento hijo coloreado, con mauto para el centrado o pull-right para la alineación a la derecha. El contenedor contiene elementos hijos flotantes y transmite la semántica de separador horizontal. Los atributos se escapan; el ancla no se repite en el elemento hijo. Las dimensiones conservan el contrato de estilo en línea de Legacy. No se necesita ningún recurso adicional de frontend.
Verificación
Comprueba la línea en relación con el fondo que la rodea y a anchuras estrechas. Verifica que la anchura porcentual escale con el contenedor, que la anchura fija esté limitada por ese contenedor y que la alineación elegida sea visible. Un [web_line] sin más no tiene color de paleta, así que elige un color para hacerlo visible. Sigue usando encabezados para explicar los temas de las secciones.
Para el contenido nuevo del editor de bloques, usa el separador nativo con controles de POM. Además admite dimensiones en rem y guarda sus dimensiones en la hoja de estilos de la página. Su línea inicial a ancho completo de Color 1 es un valor predeterminado de autoría, no un cambio respecto a los valores predeterminados existentes del shortcode.