Minicurso básico de CSS para WordPress

Si has llegado hasta quizá sea porque estás empezando a crear páginas web con WordPress y no sabes cómo cambiar algunas partes del estilo predefinido de las fuentes, títulos o enlaces de tu plantilla.

No te preocupes porque es realmente sencilo, pero antes debemos saber qué es el CSS y dónde y cómo lo modificamos.

¿Qué es el CSS?

El CSS es el código que define todo el estilo de una web: Fuentes, colores, tamaños, espacios, etc

¿Dónde está el CSS?

El CSS generalmente se encuentra predefinido en una hoja que se llama style.css

¿Cómo cambiamos el CSS en WordPress?

Podemos modificar el CSS de cuatro formas distintas :

• Definir el CSS en el style.css de nuestro tema de WordPress a través de Apariencia/Editor/style.css
• Definir el CSS en el child.css de nuestro tema de WordPress
• Definir el CSS en nuestro customizador (custom) de CSS de plantilla, que generalmente se encuentra en en el panel de control de WordPress en una ruta similar a Apariencia/Theme Options/ Customice CSS.
• Definir el CSS con el  plugin Jetpack (o el plugin gratuito Slim JetPack) y activar el módulo de CSS personalizado.

Cualquiera de estas opciones será igual de válida (actuará sobre el estilo de la plantilla)  pero si te decides por la primera (tocar la hoja de estilos principal del tema: style.css) no podrás actualizar tu plantilla o, de lo contrario, perderás los cambios realizados.

Como los templates actuales de WordPress suelen llevar el customizador de CSS incorporado, lo más recomendable y cómodo es realizar las modificaciones desde ahí, ya que podremos pasar a las nuevas actualizaciones de la plantilla sin perder nuestras modificaciones de CSS y seguiremos conservando  el CSS original de la plantilla (con lo cual podremos guarrear sin miedo a estropear nada!).

Dicho esto, vamos a empezar!