Wordpress

Creando un theme de WordPress (II): toda página comparte el mismo header y footer

Respuesta rápida

Después de ver todos los templates posibles en WP, para evitar tener código repetido, tenemos los archivos header.php y footer.php que serán llamados al principio y al final de cada template. De todas las páginas, lo único que cambia es el contenido que hay en medio.

Respuesta completa

Requisitos:

En este post vamos a pasar completamente del diseño -para eso escribiré otro post-, y vamos a ver la estructura del código y así evitar tener código repetido.

El código repetido es el cáncer de un proyecto.

Por lo tanto, para los mas novatos, una página web en HTML5 se estructura de la siguiente manera:

Cada tag -esto <tag> es un tag- puede tener múltiples tags.

Es obvio que todas las páginas son iguales y solo cambia el “Contenido de la página”.

Por lo tanto, vamos a crear en nuestro theme el archivo header.php y contendrá el siguiente código:

Para entender todo lo que existe en el archivo voy a mostrar el código completamente comentado

Seguramente los avispados se han dado cuenta de que se abren tags, ¡pero no se cierran!

Los tags se cierran en el footer.php, cuyo contenido es el siguiente:

Y ahora voy a comentarlo para entenderlo mejor:

Ya tenemos header.php y footer.php. ¿Y ahora qué?

Ahora nuestro index.php debera llamarlos, de tal modo que se queda:

Y no solo el template index.php, sino tambien los templates 404.php, single.php, page.php, archive.php

Ver Alisios v.0.1.2