Mini Tutorial de personalización de themes en Word-Press 4.6

Mini Tutorial de personalización de themes en Word-Press 4.6

Asumiendo que tienes el wordpress instalado y configurado correctamente, se tiene que escoger e instalar un theme a tu gusto.

En mi caso, yo elegí el theme “Handdrawn-lite”, hecho por por Alessandro Costa:

WordPress desafortunadamente necesita ser “facil de usar” y eso implica “dificil de configurar ciertos detalles”!
Señales de los tiempos. Ahora cada vez es más dificil hacer las cosas más fáciles (como cambiarle el color a un fondo)

WordPress nos dá una muy util opción en themes en el enlace [code]/wp-admin/customize.php?theme=handdrawn-lite[/code] la cual me permite usar imagenes de fondo y cambiar los datos que aparecen, pero no me dá nada para cambiar el color o la fuente de texto.

Yo quiero que el color dominante de mi página sea el violeta, y el texto estilo escritura está lindo pero quiero ver qué otras tipografías quedan bien, además de aumentar el contraste del gris-verde-claro a un tono más oscuro.
Por lo tanto debo modificar el CSS directamente.

Hay un editor bastante simple en el menú “Apariencia->Editor” pero será suficiente.
screenshot-at-2016-10-02-04-45-00
Este menú te muestra el código directo del tema que tienes que modificar, evitando que tengas que ir a tu host y ftp etc. Aun que para poder editar tienes que cambiar los permisos de la carpeta del theme, y eso sí lo tienes que hacer directo del host.

La parte dificil es averiguar qué parte del theme necesitas modificar.
Para eso, es útil las herramientas de “desarrollador” en chrome o firefox. Yo estoy usando chrome.

en el botón de “personalizar” que es el de tres bolitas en horizontal, aparece el menú “Más herramientas” y al últimode éste, “Herramientas de desarrollador”

screenshot-at-2016-10-02-03-36-39

 

Al hacer click, se abre una ventanita del “inspector”
screenshot-at-2016-10-02-04-46-56

 

En chrome se pueden modificar directamente los atributos y se actualiza la vista de la página, así que es bastante facil probar qué modificaciones son necesarias y copiarlas al editor interno de wordpress para guardar y actualizar la ventana del blog.

Seguramente hay mejores formas de hacerlo. En cuanto encuentre una mejor manera, publicaré de nuevo.

Comments

  • esleck on

    esto esta lindo!

    reply

    • ZaidaZadkiel on

      que bueno que te guste :3
      La verdad es que no sé que estoy haciendo lol

      reply

Deja un comentario

Your email address will not be published. Name and email are required