Tutorial básico para personalizar tu tema WordPress (III)
Mar
Y seguimos comentando los arreglos que podemos hacer a nuestro tema para personalizarlo
En esta imagen podeis comprobar el aspecto que tenían mis entradas cuando instalé el tema (que por cierto, para el que le guste: Wisdom Tree). No me seducía nada ni la tipografía (1), ni el interlineado (2), ni el tratamiento que recibían determinadas imágenes (3).

Así pues, llegó el momento de trastear con la Hoja de estilos (Style.css). No hace falta saber gran cosa para retocarla… lo que es imprescindible es tener un novio que maneje
y luego una pringá como yo a la que le dé por compartirlo en la red
(y vosotros no necesitais al primero). Vamos allá:
- ¿Dónde está la Hoja de estilos? Dentro de wordpress, con nuestra cuenta de administrador, pinchamos en Aspecto, y paso seguido en Editor. En la columna de la derecha, debajo de las plantillas (que ya retocamos mínimamente aquí y aquí), encontramos la Hoja de estilos (aunque seguramente sea lo que nos aperece directamente al pinchar en editor, no nos cuesta nada hacer click de nuevo para cerciorarnos
). Por supuesto, también puedes editar el archivo style.css en tu propio ordenador, que estará dentro de la carpeta del tema que subiste al servidor. Pero para eso necesitarás un software editor de CSS y demás. Yo supongo que será mejor hacer eso que retocar directamente en la web de wordpress, especialmente porque se tiene la posibilidad de hacer pruebas antes de subir nada y arriesgarte a cargarte la página
Pero francamente, para las 4 o 5 chorradillas que estamos tratando aquí, no veo yo peligro alguno
con permanecer atentos tendremos todo bajo control. - ¿Qué tenemos que editar en ella? De nuevo, juega un papel importante el “quién es quién“. Nosotros queremos trabajar sobre el texto del post (de las entradas que publiquemos) y el tratamiento de las imágenes incrustadas en dichas entradas. Por tanto, debemos buscar esos bloques dentro de la hoja de estilos.
- Tipografía e interlineado: Haciendo un poco de scroll llegaremos a la parte que nos interesa, como se muestra a continuación:

Tendremos que añadir dos nuevas líneas que definan tanto el interlineado que queremos como las tipografías preferidas, como sigue:

- Imágenes incrustadas: Tendremos que buscar el bloque que sigue:

Lo primero que tenemos que hacer es eliminar la sentencia float: left; ya que lo que está haciendo es obligar a que las imágenes estén fijas a la izquierda, y puede notarse la desconfiguración del texto que se deriva de esto en la primera imagen adjunta de esta entrada. Por otro lado, si tampoco estamos de acuerdo con el borde que se aplica por defecto, no tenemos más que editarlo como sigue:


















Muy bien, te lo estás currando mucho, sigue así!!
muchas gracias por los ánimos hombre xD
Bueno bueno bueno, la ameixiña tiene un blog! Estás hecha toda una internauta.
Biquiños!!!
@ Ameixiña : jajajajaja es que la ameixiña es una pedazo de friki como la copa de un pino xD qué bien, me aparecerá Galicia también en el mapa de Google Analytics jajjajajajaja un “biquiñazo” de los míos pa mi galleguiño favorito!!!
@ Fer : Hello there!!!
Me acabo de llevar una grata sorpresa… gran blog, gran diseño y mejores contenidos…
Sorpresas te da Twitter, el Twitter te da sorpresas…
Añadido a mis favoritos, sin duda, muy buenos articulos sobre personalización de WP…
Un saludo
@ TaZZiTo : Muchísimas gracias
La verdad es que estoy disfrutando muchísimo con esto!! qué te voy a contar a tí…
De verdad, gracias!!!
Pues acabo de descubrir tu blog a través del enlace de tu presentación en EntreBlogs.
La verdad, llevaba mucho tiempo buscando a alguien que explicara estos temas de manera amena y asequible para los no expertos.
Y acabo de encontrarlo
Ahora me voy a la cama, que no son horas…pero espero recorrerlo un poco más cuando tenga tiempo.
Además ya tengo decidido que mi próximo ordenador será un Mac.
Así que razón de más para seguirte.
Un saludo.
muchísimas gracias! es justo lo que pretendía, hacerlo un poquito más accesible a los usuarios como yo!
ya escribiré algún artículo más, que he ido descubriendo más truquillos
@ cambiosocialya : por cierto, no has podido tomar mejor decisión! a ver si te switcheas pronto