Shortcode web_separator
El shortcode web_separator renderiza el componente separador.
Los atributos siguientes coinciden con los controles actuales del Page Builder y con la salida pública. Usa la sintaxis raw solo para contenido revisado que no pueda mantenerse mediante los controles visuales.
Uso
[web_separator]Atributos
| Atributo | Valor por defecto | Valores aceptados | Propósito |
|---|---|---|---|
separator_type |
split |
split, regular |
Selecciona el tipo de separador. |
separator_content |
icon |
icon, image |
Selecciona el contenido de separador dividido. Disponible cuando separator_type es split. |
separator_icon |
— | Código library/icon registrado |
SVG pasivo decorativo en modo Dividido/Icono. |
separator_image |
— | ID de archivo adjunto local o su URL de la biblioteca | Metadatos de imagen actuales en modo Dividido/Imagen. Los archivos adjuntos que faltan, son privados o están en la papelera se omiten. |
separator_text |
— | Texto con énfasis en línea, spans o enlaces seguros | Texto dividido opcional. No se admiten scripts, manejadores de eventos ni HTML arbitrario. |
separator_text_tag |
span |
span, h1, h2, h3, h4, h5, h6 |
Selecciona el tipo de separador. Disponible cuando separator_type es split. |
separator_width |
small |
small, medium, full |
Selecciona el ancho del separador. |
separator_thickness |
1 |
Entero 1–10 | Grosor del borde en píxeles, limitado a los helpers existentes. |
separator_style |
solid |
solid, dashed, dotted, double, groove, ridge, inset, outset |
Selecciona el ancho del separador. |
separator_color |
— | Ranura de paleta numérica 1–15 | Colorea la línea, el texto y el icono; vacío lo hereda. |
device_visibility |
— | web-hide-on-lg, web-hide-on-md, web-hide-on-sm, web-hide-on-xs separados por espacios |
Oculta los rangos de dispositivos independientes correspondientes. |
accessible_name |
— | Texto plano | Nombre accesible opcional del separador/grupo. |
image_decorative |
false |
yes, true, 1, on para activar |
Texto alternativo de imagen vacío y semántica decorativa oculta. De lo contrario, lee el texto alternativo actual de la biblioteca. |
el_id |
— | ID HTML único válido | Ancla de separador opcional sin #. |
el_class |
— | Cadena salvo que se indique lo contrario | Si deseas dar estilo a un elemento de contenido concreto de forma diferente, usa este campo para añadir un nombre de clase y luego haz referencia a él en tu archivo css. |
Verificación
Inspecciona web_separator en cada punto de ruptura del diseño y comprueba que su contenido hijo mantiene un orden lógico de origen y visual. Presta especial atención a separator_type y separator_content.
El modo regular ignora el arte/texto dividido sin eliminar sus valores almacenados. Los encabezados divididos conservan la semántica de encabezado. El shortcode utiliza los helpers existentes del tema y no usa CSS ni JavaScript de módulo independiente. Sigue estando disponible cuando la interfaz del Legacy Page Builder está desactivada. Los cambios en los metadatos de la biblioteca aparecen en el siguiente renderizado sin caché; las páginas cacheadas pueden necesitar actualizarse.
Para contenido de bloques nuevo, usa Separador en Gutenberg.