Hoy vamos a ver un plugin fantástico que nos permite personalizar WordPress con css sin la necesidad de saber código.
Este plugin se llama SITEORIGIN CSS, es gratuito y lo encontrarás en el repositorio de WordPress.
CSS con SiteOrigin CSS
Instalamos y activamos el plugin.
Una vez instalado veremos que nos ha salido una nueva pestaña en Apariencia –> CSS personalizado.
Hacemos clic y nos llevará a una nueva ventana donde podremos ver un editor de CSS y donde podremos escribir los códigos para modificar nuestra web.
En caso de que no tengamos ni idea de CSS tenemos la opción de hacer clic en el ojo que se ve la parte superior derecha.
Nos llevará a una nueva ventana en la cual podremos modificar nuestra web muy intuitivamente con las opciones que tenemos a la izquierda del panel.
Ahora simplemente seleccionamos con el ratón el objeto que queremos modificar.
Puede ser un texto, un título, una foto, etc…
En la parte izquierda del panel veremos tres pestañas, texto, decoración y estructura.
Con estas tres pestañas tenemos suficiente para modificar el color, el tamaño, la visibilidad, etcétera.
También podemos modificar el margen y el relleno de cualquier objeto de nuestra web entre otras muchas cosas.
Una vez tengamos todos los cambios realizados y estemos satisfechos con nuestra web simplemente hacemos click en el botón con la V que encontraremos en la parte superior izquierda de la pantalla.
Nos llevará de nuevo a la pantalla que hemos visto antes con el editor de CSS.
Allí veremos todos los cambios que hemos ido haciendo durante el proceso de personalización.
Si nos gusta el trabajo que hemos realizado simplemente hacemos clic en Guardar CSS.
Y listo como ves es súper sencillo personalizar tu web con el plugin SiteOrigin CSS.
Nos vemos en el siguiente tutorial. Un saludo.
Deja tus opiniones o dudas en los comentarios.