Comprende los ajustes compartidos por los shortcodes de POM
Muchos elementos de Page Builder comparten controles de visibilidad, identificadores y clases personalizadas. Los nombres de sus atributos son coherentes, pero no todos los elementos exponen todos los controles.
Visibilidad por dispositivo
Los elementos compatibles utilizan device_visibility. El builder presenta cuatro rangos:
| Opción del builder | Área de visualización |
|---|---|
| Large | Por encima de 992 px |
| Medium | Al menos 768 px y por debajo de 992 px |
| Small | Al menos 544 px y por debajo de 768 px |
| Extra small | Por debajo de 544 px |
Deja seleccionado cada rango en el que el elemento debe permanecer visible. Una fila o columna oculta también oculta a todos sus hijos.
ID del elemento
el_id asigna el identificador HTML del elemento. Úsalo para un enlace dentro de la página, un destino de modal/off-canvas o estilos personalizados revisados.
- Introduce el ID sin
#. - Usa un valor único en la página.
- Comienza con una letra y evita los espacios.
- Cuando otro componente pida un ID de destino, usa exactamente el mismo valor.
Clase adicional
el_class añade una o más clases CSS personalizadas. Introduce los nombres de clase sin el punto inicial:
featured-panel compact-on-mobilePrefiere los controles del sistema de diseño antes de añadir clases personalizadas. Una clase solo tiene efecto cuando existe CSS que coincida.
Ajustes condicionales
El builder muestra controles dependientes después de seleccionar una opción principal. Por ejemplo, un Button muestra un destino de modal solo cuando Button type es Open modal box. La sintaxis de shortcode en bruto no impone esa dependencia de diálogo; los atributos irrelevantes pueden simplemente no tener efecto.
Selectores específicos del sitio
Los campos que seleccionan una página, menú, barra lateral, consulta, formulario, bloque reutilizable, taxonomía o plantilla almacenan un valor perteneciente al sitio actual. Vuelve a seleccionar el objeto después de mover contenido de shortcode entre sitios.
Atributos de contenido
Entrecomilla los valores que contengan espacios o puntuación:
[web_button button_text="View event details" button_url="/events/"]Usa el builder visual para selecciones de medios codificadas, repetidores y valores complejos. Editar a mano esos formatos puede impedir que el diálogo de ajustes reconstruya la selección.
Verificación
- Guarda el elemento y actualiza la página.
- Confirma que los IDs son únicos.
- Confirma que las clases personalizadas aparecen en el elemento previsto.
- Prueba un ancho dentro de cada rango de visibilidad afectado.
- Vuelve a abrir el elemento y confirma que todas las selecciones de objetos del sitio siguen siendo válidas.