Page Builder Sandwich: Sistema de diseño y maquetación, parte 1 de 2

Qué hace

• Contenedores Flexbox y CSS Grid: secciones y contenedores con controles completos de flex y grid, incluido un editor visual de cuadrícula: arrastre para definir columnas y filas.
• Tres puntos de ruptura integrados: ajustes independientes para escritorio, tableta y móvil, con vista previa en tiempo real.
• Colores y fuentes globales, compartidos con su tema: colores y tipografía para todo el sitio que leen y escriben en los ajustes del tema (theme.json), de modo que el constructor y el tema siempre coincidan.
• Copie y pegue estilos entre elementos y sitios: copie el estilo de un elemento, o una sección completa, y péguelo en otra página u otro sitio web.
• Tonos y opacidad de los colores de su paleta (OKLCH): aclare, oscurezca o haga transparente cualquier color de la paleta directamente en el selector de color. Mezclado en OKLCH para mantener el tono original, vinculado aún al color de la paleta, con una alternativa de color sólido para navegadores más antiguos.
• Condiciones en el constructor de estilos (reglas at-rules media, container y supports): aplique estilo a un elemento solo al imprimir, en un esquema de color oscuro, con movimiento reducido o en dispositivos con ratón; los desarrolladores pueden añadir sus propios ajustes preestablecidos de media, container y supports mediante el filtro de PHP pbsw_style_at_rules.
• Opciones de transformación en cada bloque, incluidas filas y columnas: rote, escale, incline y desplace cualquier bloque según el tamaño de pantalla y al pasar el cursor; el desplazamiento sigue la dirección de lectura en idiomas de derecha a izquierda.
• Estilos de elementos predeterminados para grupos y bloques repetibles: aplique estilo a todos los elementos de una fila, sección, acordeón o pestañas a la vez, según el tamaño de pantalla y al pasar el cursor; el valor propio de cada elemento sigue prevaleciendo.
• Nombre sus filas y secciones: asigne una etiqueta a cualquier fila, sección o contenedor («Precios», «Hero») desde sus ajustes; la etiqueta se muestra en la fila dentro del lienzo y en Capas, lo que facilita orientarse en una página larga. Nunca se imprime en la página.

Versión gratuita o Pro

Todo lo que aparece aquí está incluido en la versión gratuita.