Creando un theme de WordPress (I): Empezando por el principio

Respuesta rápida

Para que el theme se pueda instalar deben existir los archivos style.php –que contiene la información del theme y su estilo css- e index.php.

Respuesta completa

Para aquellas personas que no entienden código -a partir de ahora muggles-, crear un theme de WordPress -a partir de ahora WP- se le puede quedar muy grande.

A pesar de ello es importante conocer el mundillo de los themes, ya que los developers que lo conocemos creamos scripts -porciones de código- por secciones, de tal modo que un muggle puede copiar y pegar y tener funcionalidad extra sin entender nada.

Para los developers que quieren aprender WP solo doy un consejo:

Mira, copia y entiende el código de themes y plugins de WP ya creados.

Hay que mirar mucho código, ya sea feo o de calidad, pero si no miras mucho no vas a saber diferenciar entre un código bueno y uno ñanga.

No hay un modo universal sobre cómo hacer themes en WP. Cada developer el suyo. Lo que sí es recomendable apoyarse en el core de WP, ya que mejora el rendimiento y la escalabilidad del theme.

Yo soy yo y mi código.

Mi código me gusta a mí. Me suelo guiar por los estándares, el clean code y el less code. Además, me suelo apoyar en frameworks como jQuery, Less y Modernizr, entre otros.

Muchas de las cosas que digo no son obligatorias, pero sin son buenas prácticas.

Voy a recrear mi theme Alisios, de ese modo estoy enseñando a crear un theme real.

Empezando por el principio

Todo un theme se recoge en una sola carpeta. Por lo tanto, creamos una carpeta y la llamamos ‘alisios’.

  • La carpeta debe estar ubicada en wp-content/themes/
  • El nombre de la carpeta no debe tener espacios en blanco y deberá estar en minúscula.

Para que WP reconozca un theme en su panel de administrador hace falta tener en nuestra carpeta el archivo style.css.

WP sacará del archivo style.css los datos relativos de nuestro theme. Por lo tanto, nuestro style.css tendrá la siguiente cabecera.

/*
Theme Name: Alisios
Theme URI: http://oropensando/wordpress-themes/alisios/
Description: Alisios is a lightweight, free WordPress theme inspired on Highwind Theme. Their features are a clean and responsive design, easy to modify by developers and customizable by users.
Author: Oropesa
Author URI: http://oropensando.com
Version: 0.1
Tags: white, light
Text Domain: alisios

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Alisios WordPress Theme, Copyright 2013 oropensando.com
Alisios is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.
*/

Además de esta cabecera, style.css debe contener todo el estilo css de nuestro theme.

Finalmente, creamos el archivo index.php y lo dejamos en blanco, por ahora.

Ahora mismo podemos activar nuestro theme en nuestro panel administrador a través de la pestaña Apariencia > Temas.

Ver Alisios v0.1.1