✅SiteOrigin CSS – Plugin Gratuito de WordPress para Editar Estilos

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.

modificar wordpress con css

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.

plugin para modificar wordpress con css. siteorigin css tutorial

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.

plugin wordpress facil para css. personalizar wordpress con css. siteorigin css tutorial en español

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.

wordpress css tutorial en español

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.

modificar css con siteorigin css

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.

plugin de wordpress para 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.

Compartir Artículo