A punto de cumplir un año, cambiamos el formato de Soy Tendencia.

Mi hijo Diego, autor de The Cube Guru, donde aprenderás todo sobre el cubo de Rubik, llevaba tiempo intentando convencerme para que cambiara el aspecto de Soy Tendencia. Como no le hacía caso, eligió un tema de WordPress y me dijo: «Prueba éste».

El tema era Baskerville, de Anders Noren. Me gustó como mostraba la imágenes y empecé a probarlo.

Esta era la versión anterior:

Y ésta es la actual:

¿Te gusta el cambio?

Si estás interesado en saber cómo adaptar un tema de WordPress, te voy a contar cómo lo hice.

Adaptar un tema de WordPress

Lo primero es crear un tema hijo. Si nunca lo has hecho, aquí puedes ver cómo.

Básicamente, tienes que crear una carpeta en el directorio /wp-content/themes/, mediante FileZilla (programa para acceder a los archivos de tu servidor), llamada Barkerville-hijo, por ejemplo.

En esa carpeta creas un archivo de nombre style.css, donde pondrás los estilos que quieres modificar, como la separación entre las columnas de la página principal, tamaños de letra, márgenes, poner en una misma línea los enlaces a Twitter y Facebook y la fecha, etc.

Pruebas

Para probar cómo se ve la página con el nuevo tema, instalé el plugin Theme Test Drive. Este plugin te permite activar el nuevo tema para que solo lo veas tú, el resto de visitantes siguen viendo el antiguo.

En algunas entradas con mucho texto, en la página principal se ven las 40 primeras palabras y una indicación para seguir leyendo. Para mejorar el aspecto de estas entradas, puedes escribir un extracto en el editor de entradas y ese texto será el que se muestre a modo de resumen.

Imagen destacada

La foto que aparece por cada entrada en la página principal es la que marcamos como imagen destacada en el editor de entradas. El problema es que cuando vemos una entrada individualmente, aparece la imagen destacada al principio y la misma imagen junto al texto.

¿Cómo evitar que veamos la imagen repetida?. Copiamos el archivo single.php del tema padre en el directorio del tema hijo. Y modificamos el archivo en el tema hijo, quitando o comentando las líneas que se refieren a featured-media, en nuestro caso las que hay entre estas dos líneas:

class="featured-media"
...
/featured-media

Cabecera de página

Si queremos adaptar la cabecera de página, copiamos el archivo header.php en el directorio del tema hijo. Nosotros lo hicimos para incluir el banner de Señor Cool.

Para la cabecera, hay que elegir una imagen muy ancha y poco alta, si no quieres que te ocupe toda la pantalla.

Algunos ajustes más y ya está listo el nuevo look de Soy Tendencia.

¡Hasta el próximo cambio!