Creación de temas para WordPress I
September 18th, 2005
Vamos a empezar con una pequeña serie de tutoriales sobre
la creación de un tema para WordPress. Paralelamente
trataremos de ir creando un tema para este sitio, que ya va
siendo hora
La realización de temas es algo relativamente sencillo si se
tienen unas pequeñas nociones de HTML y CSS, o incluso si te
tiene algo de picarezca podemos partir de un tema como
Kubrick (tema por defecto) y cambiarle la imagen de cabecera
que encontraremos en
/wp-content/themes/default/images/kubrickheader.jpg.
Simplemente cambiando unas cuantas imágenes podremos
crear un tema nuevo, sin tocar style.css, archivo esencial en
cualquier tema.
Una de las muchas virtudes de WordPress es sin duda esta
separación que hace de los contenidos y el contenedor.
Pudiendo tocar o cambiar el contenedor/tema sin tocar las
“tripas” de WordPress. Y gracias a la enorme comunidad que
hay detrás de WordPress gracias a ser OpenSource podemos
encontrar cientos de temas que usar o sobre los que basarnos
para nuevos tocando algunos gráficos y/o la hoja de archivos.
El navegador de temas de alex king es uno de los mejores
recursos para encontrar temas.
Instalar un tema es algo igualmente sencillo. Descomprimir y
colocar la carpeta en /wp-content/themes/, ir al Administrador
y activarlo dentro de Presentación. Un tema se compone de
unos cuantos archivos PHP, un CSS, una carpeta con
imágenes y, en algunos casos, alguno archivo Javascript (.js).
Si miramos el contenido de un tema nos encontraremos con
algunos de estos archivos:
index.php
Archivo que suele contener el bucle que genera los post
y los includes para la cabecera, sidebar y pie del sitio.
Un include es una manera de añadir el contenido de un
archivo dentro de otro mediante un enlace. Con el uso
de includes ganamos en modularidad y así modificando
un elemento en header.php se actualizará en todo el
sitio, sin tocar más archivos.
style.css
Hoja de estilos del weblog. En las primeras líneas se
añaden unos comentarios con el nombre del tema, el
autor, URI y descripción, que luego vemos en el
