En la clase de hoy seguimos adaptando los estilos de nuestro Genesis child theme. Vamos a ver la función del reset y los estilos por defecto básicos.
6 – Creando estilo
Momento ya de entrar de lleno en nuestro style.css. Vamos a repasar desde la primera línea, sin saltarnos nada, modificando, agregando y quitando estilos. Veremos el papel del llamado "reset" en CSS, y modificaremos lo que queramos de los estilos que queremos establecer por defecto.
Como podéis ver, esta parte del curso tiene una gran carga de CSS, y es normal, porque ya hemos hecho la parte de PHP en las lecciones anteriores.
Ahora que vamos a hacer un largo recorrido a lo largo de style.css os pregunto si queréis que vaya más lento y exhaustivo, como en la primera parte de la clase, o si queréis que sólo mencione los estilos por encima y pase a otros temas, como he hecho al final. Soy todo oídos.
En todo caso, deberes que tenéis hoy consisten en modificar los estilos por defecto que hay en nuestro style.css y adaptarlo a vuestro propio child theme. Como siempre, si tenéis cualquier duda podéis contactar a través de la pestaña de soporte de la Intranet.
Nos vemos en la próxima clase, en la que veremos los estilos de estructura, que a diferencia de los que hemos visto hoy, que sólo afectaban a la apariencia de cada elemento, estos van a marcar el "dónde" se muestra cada cosa... ¡Y si se muestra! Hasta entonces... ¡Muy buenos días! :)
Todos los capítulos de este curso:
- Curso de Genesis Child Themes #1: Crear un child theme
- Curso de Genesis Child Themes #2: functions.php
- Curso de Genesis Child Themes #3: front-page.php
- Curso de Genesis Child Themes #4: home.php
- Curso de Genesis Child Themes #5: CSS
- Curso de Genesis Child Themes #6: Creando estilo
- Curso de Genesis Child Themes #7: CSS de estructura
- Curso de Genesis Child Themes #8: Estilos comunes
- Curso de Genesis Child Themes #9: Puliendo CSS
- Curso de Genesis Child Themes #10: Responsive