Modificar el tema Hueman

Publicado el 11 enero 2014 por Liher

Hace poco que he hecho una serie de cambios en el blog y uno de ellos es cambiar la plantilla que espero que os guste. Si tenéis un blog y queréis ponerla os voy a dejar un enlace para descargarlo y os voy a mostrar como modificarlo, ya que a mi me ha costado bastante hacer algunos cambios y así os facilito el trabajo a vosotros por si queréis hacerlo.

Lo primero, para aquellos que no conozcan el tema os voy a decir algunas de las características que tiene:

  • Esta hecho en HTML5 y CSS3
  • Es responsive, es decir, se adapta a móviles y tablets
  • Es de tipo magazine
  • Tiene varios formatos de artículos
  • Podemos usar widgets en diferentes áreas
  • Tiene posibilidades de configuración separadas para las diferentes paginas
  • Tiene un slider

Tiene otras características, pero creo que estas son las mas importantes. Os voy a dejar el un enlace por si queréis descargarlo:

  • Tema Hueman

Yo tengo un plugin de seguridad instalado en WordPress que me dio algunos problemas con este tema, si lo instaláis y os pasa lo mismo poneros en contacto conmigo y os ayudare. Me surgieron también algunas pegas que las arregle instalando un plugin llamado “options framework” ademas de instalar un par de plugins que el propio tema aconseja, uno de ellos es para generar las miniaturas necesarias para el formato de este blog y otro para un formulario de contacto, pero son opcionales. El plugin de las miniaturas lo recomiendo por que si no la plantilla queda como descuadrada.

Una vez hecho lo anterior queda la modificación del código del tema para según que cosas. Por defecto el tema, en la parte de arriba a la derecha trae los iconos de las redes sociales y a la izquierda de esos iconos pone “Follow:”, si queremos ponerlo en castellano necesitaremos modificar el código fuente del tema. La verdad es que me ha costado encontrarlo. Como no lo veía desde el WordPress me puse a buscarlo en el hosting y tampoco lo veía. Se me ocurrió ver el código fuente de la pagina en el navegador web y buscar la palabra “Follow:” que quería cambiar. Lo modificaba pero los cambios lógicamente no se quedan guardados, había que buscar otra forma de localizar el código. Se me ocurrió entonces buscar el texto “Follow:” dentro de todos los archivos que están en el hosting y los descargue todos mediante FTP. Cuando los tenia en mi ordenador busque el texto dentro de todos los archivos con un comando que es oro puro. Dicho comando es:

  • grep -lir “follow:” “/home/liher/elblogdeliher”

En el directorio “elblogdeliher” tenia todo el contenido descargado. Con este comando en Linux buscamos el texto “follow:” en el contenido de todos los archivos del directorio indicado. Muy útil para buscar código como en este caso.

De los resultados, que fueron muchos, fui buscándolo hasta encontrarme con un archivo que tenia todas las papeletas para ser el que buscaba, se llamada “_index.html”. Lo abrí y ahí estaba, el código HTML5 esperándome para que lo cambiase, ¡por fin!. Pero no estaba todo hecho, resulta que bien el tema o el plugin de cache que uso comprimía dicho archivo para que fuese menos pesado y asi aligerar la carga del blog. En el mismo directorio que estaba dicho archivo estaba también el comprimido, borre el segundo he hice los cambios que quería y ya todo funciona. En las subpaginas del tema este cambio se ira haciendo efectivo a medida que se refresquen los archivos comprimidos, ya que cada entrada tiene uno. Tengo que seguir mirando ya que la configuración de la cache no me permite que esos cambios sean definitivos, trabajare con ello. Por lo visto el tema genera el archivo HTML y no guarda los cambios, el cambio anterior lo podemos hacer en la pagina oficial del tema ya que allí tenemos las traducciones oportunas y pone ocmo hacerlo.

Conclusión, si queréis modificar el tema buscar el archivo “_index.html” y ahí podréis hacer algunas modificaciones, el CSS es mucho mas facil de encontrar, incluso se puede modificar en el editor del WordPress en el Área de administración.

Si te ha gustado el contenido o te ha servido para algo compártelo en las redes sociales y así puede que le sirva también a otra persona, muchas gracias.