Resumen del sistema de diseño
Abre Settings → POM Theme → Design system para gestionar los ajustes visuales compartidos por el sitio actual. Las subsecciones disponibles se centran en la presentación reutilizable más que en la estructura o el contenido de una página individual.
Subsecciones del sistema de diseño
| Subsección | Responsabilidad |
|---|---|
| Vista previa del tema | Muestra en un solo lugar una salida representativa de la paleta, la tipografía, los botones, los formularios y los avisos. |
| Marca | Almacena los logotipos, el icono del sitio, las opciones de visualización de la identidad del sitio, los iconos de interfaz compartidos y los perfiles sociales. |
| Paleta de colores | Define 15 colores numerados utilizados por los selectores de paleta en todo el tema. |
| Fuentes | Selecciona una alternativa segura y gestiona las familias tipográficas personalizadas y sus variantes. |
| Botones | Define el botón predeterminado y estilos de botón con nombre adicionales. |
| Iconos | Crea bibliotecas de archivos SVG independientes para los selectores de iconos compatibles. |
| Estilos generales | Controla el lienzo de la página, el texto principal y los enlaces, el tipo del cuerpo, los párrafos, los encabezados y los encabezados de visualización. |
| Componentes | Habilita el conmutador de contenido Inner Row y define los colores de éxito, aviso y error. |
Cómo se aplican los ajustes
El sistema de diseño establece valores predeterminados compartidos. Una plantilla, componente, fila, columna o ajuste de página más específico puede anularlos. Cuando un cambio global no es visible:
- confirma que se guardaron el sitio y la subsección correctos;
- inspecciona el componente afectado en busca de un valor local explícito;
- recarga la página pública sin iniciar sesión;
- borra solo la caché de la página activa o de los recursos cuando quede una salida obsoleta.
La vista previa tiene un alcance definido
Vista previa del tema muestra ejemplos representativos, incluida la paleta, las familias tipográficas, los encabezados, los párrafos, los formularios, los botones y los avisos. No reproduce todas las plantillas, estados de complementos, longitudes de contenido ni combinaciones de diseño adaptable.
Úsala para detectar incoherencias generales y, después, verifica una página, un archivo, un formulario y una pantalla de WooCommerce reales cuando esas áreas formen parte del sitio.
Ajustes relacionados
Los ajustes de la cabecera, la navegación móvil, el subencabezado, las migas de pan y el pie de página se encuentran en Site layout. La presentación específica de los formularios se encuentra en Forms. La composición de páginas pertenece a Page Builder. Mantener estos ámbitos separados evita que un ajuste local se convierta por accidente en una regla global del sitio.