Hola gente, hoy quiero enseñaros un Plugin WordPress fantástico para poder modificar el aspecto de nuestro blog, como cambiar las fuentes, el color, los márgenes internos como externos, dar sombras, digamos que podemos modificar nuestro tema de la manera que más nos guste.

Antes de continuar os dejo un Vídeo Tutorial sobre el post

WordPress CSS

Como dije antes podemos cambiar el aspecto totalmente de nuestro tema, para ello necesitamos un Plugin que vais a poder descargar desde Recursos, tendrás que estar registrado para poder descargar el Plugin.

El Plugin que vamos a usar es CSS Hero, vamos a instalar y activarlo. Se nos crea un acceso directo desde el menú de la izquierda.

wordpress css

Tendremos que aceptar que somos conscientes que utilizando éste plugin cambia el aspecto original de la plantilla.

wordpress css

Una vez aceptado, podemos abrir nuestra página y veremos como se a agregado un boton azul, al darle clic de despliega una barra.

wordpress css

Para que no se haga largo, voy a explicar lo principal de éste plugin, para ello vamos a dar clic sobre el botón azul, y nos dice que demos un clic sobre una parte de la web que queramos cambiar. Al dar clic sobre cualquier parte de la página aparecerá en nuestra ventana de CSS HERO un botón Site Body, y desde ahí podremos cambiar todo el aspecto de nuestra web.

wordpress css

Ahora empieza lo interesante, podemos ir uno por uno e ir cambiando el aspecto. Vamos a ir explicando cada parte

Text: Desde aquí podremos cambiar gran parte del aspecto de la página

  • Cambiar el color
  • La fuente 
  • El tamaño
  • Estilo de las fuentes
  • Text Decoration
  • Márgenes
  • Espacio entre letras
  • Espacio entre palabras
  • Text Shadow (sombra)

Como si fueses un experto en WordPress CSS, podrás ir cambiando poco a poco la parte que quieras. 

wordpress css

Bordes: Podemos dar bordes a cualquier parte de nuestra página, como si solo quieres darle un margen solo a la izquierda.

  • Border Style
  • Border Width
  • Border Color
  • Border Top Style
  • Border Top Width
  • Border Top Color
  • Border Right Style
  • Border Right Width
  • Border Right Color
  • Border Bottom Style
  • Border Bottom Width
  • Border Bottom Color
  • Border Left Style
  • Border Left Width
  • Border Left Color

wordpress css

 

Size: Desde aquí podemos dar tamaño tanto de altura como de ancho.

  • Height
  • Min Width
  • Min Height
  • Max Width
  • Max Height

wordpress css

Padding: Es la propiedad CSS que estable el espacio de relleno requerido por todos los lados de un elemento.

  • Padding Top
  • Padding Right
  • Padding Bottom
  • Padding Left

wordpress css

List: Si tuviésemos listas podríamos darle estilos.

  • List Style Position
  • List Style Image
  • List Style Type

wordpress css

Background: Podemos cambiar el fondo de nuestra página o agregarle una imagen.

  • Background Color
  • Background Image
  • Background Repeat
  • Background Attachment
  • Background Size
  • Background Position

wordpress css

Borde Radius: Podemos redondear las imágenes y darle formas.

  • Border Radius
  • Border Top Left Radius
  • Border Top Right Radius
  • Border Bottom Right Radius
  • Border Bottom Left Radius

wordpress css

Margin: Dar márgenes a nuestro sitio

  • Margin Top
  • Margin Right
  • Margin Bottom
  • Margin Left

wordpress css

Position: Para dar posición a nuestra página.

  • Position: hay 5 opciones, relative, absolute, relative, fixed e inherit
  • Top
  • Right
  • Bottom
  • Left

wordpress css

Estas son las opciones que tenemos para cambiar el aspecto de nuestra web, seremos unos expertos en CSS WordPress, ahora que pasa? si te gusta como ha quedado solo tienes que dar en SAVE y automáticamente quedará guardado.

Para evitar posibles errores o si luego te arrepientes, te recomiendo que siempre hagas primero un Backup así evitas cualquier problema.

Ya sabes, si quieres el Plugin ve al menú de Recursos donde podrás descargarlo. 

Espero que os sirva, recordad que el Plugin no es funcional completamente, siempre puedes comprarlo si te gusta. No soy responsable lo que hagas en tu Web,

Si te gustó el post…solo tienes que compartirlo y darme un like, recuerda que tengo mi canal de Youtube, El Canal de JuJo. Nos vemos en la próxima.

Si quieres leer más post interesantes debajo tienes enlaces que te llevarán a ellos.