En un artículo anterior Estructura de archivos para Temas de WordPress hemos descrito el objetivo de cada archivo de un tema, ahora veamos cómo se implementa un tema.

Archivos del tema

Para empezar vamos a crear una carpeta llamada kodetheme, con los siguientes archivos:

• style.css: define el nombre, la descripción los estilos.
• screenshot.png: es la imagen del diseño del tema.
• functions.php: contiene los métodos propios del tema.
• header.php: contiene el header con el menú de navegación.
• footer.php: contiene el footer del tema.
• index.php: pantalla inicial con el listados de los últimos artículos.

Configurar el tema

Para configurar el tema se utiliza el archivo style.css, donde se puede definir el nombre, descripción, autor, versión, textdomain entre otros.

Cada vez que hagamos cambios o mejoras en nuestro tema, podemos cambiar la versión. El segundo paso es crear una imagen de 1200×900 pixels con el diseño de nuestro tema.

Template de inicio

El siguiente paso es crear el archivo index.php el cual se muestra como página inicial del tema. En este archivo podemos usar los métodos propios de WordPress, usaremos como ejemplo get_bloginfo() que devuelve los parámetros de configuración del sitio.

Ejemplo completo

El siguiente paso es crear un template mas completo, para ello vamos a separar el contenido del header y footer en archivos separados y lo vamos a incluir en nuestro template base.

Referencias

• Main Stylesheet (style.css) | Theme Developer Handbook
• get_bloginfo() | Function | WordPress Developer Resources