ZenBlocks gestiona los anchos de referencia utilizados para la visualización responsiva de cada bloque en Site Settings > Responsive. Esta no es una pantalla de ajustes estándar de WordPress, sino un panel de configuración global del sitio ubicado en el panel lateral de ZenBlocks dentro del editor de bloques.
Resumen
De forma predeterminada, el sistema utiliza cuatro niveles: PC / MD / TB / SP. PC está siempre activo, mientras que MD, TB y SP pueden activarse o desactivarse según sea necesario, guardando sus anchos máximos correspondientes. Después de guardar, es necesario recargar la página.
Valores predeterminados
| Etiqueta | Valor predeterminado |
|---|---|
| PC | Siempre activo |
| MD | 1140px |
| TB | 840px |
| SP | 540px |
Cómo abrir la configuración
- Abra cualquier entrada o página en el editor de bloques
- Haga clic en el botón ZenBlocks (botón de configuración global del sitio) en el encabezado
- Seleccione el panel Responsive dentro de Site Settings
Pasos de configuración
- Active los breakpoints que necesite entre MD / TB / SP
- Introduzca el ancho máximo en px en cada campo
- Revise los rangos aplicados en la sección Breakpoint Ranges en la parte inferior
- Haga clic en Save
- Cuando aparezca el modal de confirmación de guardado, asegúrese de que no haya ediciones sin guardar y haga clic en Reload
Puntos de verificación
- ¿PC está siempre activo y bloqueado?
- ¿El valor mínimo de MD se mantiene superior al de TB?
- ¿El valor máximo de TB es inferior al de MD y superior al de SP?
- ¿Ha completado la recarga de la página después de guardar?
Notas importantes
- Las ediciones no guardadas antes de la recarga se perderán, por lo que debe guardar primero el contenido de sus bloques
- Los valores que rompan la jerarquía de anchos pueden aceptarse durante la introducción, pero se corregirán a los valores predeterminados al guardar
- Los breakpoints son una configuración global del sitio: no se pueden personalizar por página
Cuándo revisar esta configuración
La maquetación se rompe solo en el ancho de tablet
- Compruebe si el ancho máximo de TB coincide con el objetivo real de su diseño
- Si es necesario, revise el estado de activación de MD / TB / SP y ajuste según corresponda
Los cambios realizados en el editor no se reflejan
- Normalmente se debe a que la página no se recargó después de guardar
- Si hay otras ediciones sin guardar, guárdelas primero y luego recargue la página