Gestión de CSS

En el canal de YouTube ya vimos varias formas de insertar CSS en WordPress pero vamos repasarlas y comentar las ventajas y desventajas de cada método.

Me gustaría compartir mi workflow a la hora de trabajar con CSS, es decir, qué herramientas utilizo y cuales son los pasos que sigo para añadirlo y modificarlo de la forma más cómoda para mí y la más optimizada para la carga de la web.

Como lo enseño en mi workflow, cargo los archivos de CSS condicionalmente según en qué páginas o tipo de páginas quiero cargar ese código. De esta forma lo tendremos todo organizado y también ganaremos en velocidad de carga al no cargar código innecesario.

Para mí el inspector de Chrome lo es todo. Y a la hora de trabajar con CSS nos puede ahorrar muchísimo tiempo (y dinero) si conocemos algunas de sus funciones más interesantes. Veamos cuáles son y cómo lo uso yo en mi día a día 🙂

Ahora toca ver algo un pelín más avanzado que son las variables nativas de CSS, o como también las llaman, propiedades personalizadas o custom properties.

Veamos cómo nos pueden ahorrar muchísimo tiempo y permitir que nuestro código CSS esté aún más organizado y limpio.

Normalmente para trabajar con CSS creamos el HTML, le ponemos clases o IDs y luego escribimos el CSS. Los frameworks de CSS permiten hacerlo a la inversa: nos preparan los estilos y solo tenemos que aplicarlos a los elementos de la web. Veamos cómo funciona todo esto en WordPress.

Aquí quiero mencionar y enseñar cuáles son y cómo se utilizan algunas de las herramientas web más importantes que nos ayudan a trabajar con CSS.