En la tercera clase del curso de GenerateBlocks damos un repaso completo al panel de Estilos de GenerateBlocks, que es el núcleo del diseño visual en este plugin.
Aprenderás a moverte entre sus secciones, entender cómo funciona y a aprovechar todo el control que ofrece sin necesidad de escribir CSS.
Lo que aprendes en esta clase
- Cómo está organizado el panel de Estilos y qué encontrarás en cada parte.
- Qué son los selectores y cómo usarlos para aplicar estilos en distintos estados.
- Cómo adaptar tus diseños a diferentes pantallas con los controles responsive.
- Cómo utilizar el buscador y los filtros para trabajar de forma más ágil.
- Qué opciones incluye el inspector de estilos y por qué es el área más importante.
La clave de esta clase
El panel de Estilos es donde GenerateBlocks se convierte en una herramienta de diseño profesional. Aquí controlas la apariencia de tus bloques con la misma precisión que si escribieras CSS, pero de manera visual e intuitiva.
Vídeo: Introducción al panel de Estilos en GenerateBlocks
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Índice de clases del curso
- 1 | Introducción y requisitos para empezar con GenerateBlocks
- 2 | Ajustes y configuración de los bloques en GenerateBlocks
- 3 | Estilos en GenerateBlocks: visión general
- 4 | Layout y panel de Estilos en GenerateBlocks (Grid y Flex)
- 5 | Más opciones de estilo en GenerateBlocks
- 6 | Etiquetas dinámicas en GenerateBlocks
- 7 | Biblioteca de Patrones en GenerateBlocks