Un poco de PHP para facilitar la creación y mantenimiento de tu sitio web

Categorias: Desarrollo web, PHP

Cuando creamos un sitio web, lo habitual es que todas las páginas tengan el mismo diseño, esto significa que todas las páginas comparten un montón de código HTML.

Cuando un día se nos ocurre cambiar algo de esta parte del sitio común a todas las páginas tenemos que ir modificando cada página uno a uno, esta es una tarea muy pesada que se puede solucionar muy fácilmente con un poco de PHP: creando un archivo de cabecera y otro de pie de página que incluiremos usando PHP en todas nuestras páginas.

Advertencia: Si aplicas lo explicado en este artículo en un sitio web ya existente, asegurate de hacer primero una copia de seguridad del estado actual de tu sitio web. Además, a la hora de publicar tu sitio web modificado según este artículo, no reemplazes directamente los archivos de tu sitio: crea primero un directorio de pruebas y publicalo en este directorio, una vez estes seguro de que todo funciona correctamente, proceder a reemplazar tu sitio web.

Identificar el código HTML común

Lo primero que debemos hacer es identificar la parte del código que aparece en todas nuestras páginas. Para hacerlo debemos abrir un par de páginas con un editor de texto cualquiera y poder así ver el código HTML/XHTML de nuestras páginas.

Lo más habitual es que en la parte superior y la inferior del código HTML sea igual en todas nuestras páginas. Comparando el código HTML de algunas de nuestras páginas llegaremos a identificar este código superior e inferior.

Crear los archivos de cabecerá y pie de página

Ahora que ya tenemos el código común de la parte superior y de la parte inferior de nuestras páginas, debemos crear dos archivos que posteriormente incluiremos con ayuda de PHP en todas nuestras páginas.

Lo primero, crea un archivo llamado “cabecera.php” y tras copiar el código HTML común de la parte superior de tus páginas, pegalo en este archivo. Luego crear un archivo llamado “pie.php” y pega en él la parte inferior del código.

Estos archivos debes guardarlos en un directorio conocido, preferiblemente en el mismo directorio donde tienes tus páginas HTML.

Incluir la cabecera y el pie en todas tus páginas

Ya tenemos los archivos “cabecera.php” y “pie.php” los cuales contienen todo el código HTML que comparten tus páginas, por lo tanto lo que debes hacer ahora es incluir estos archivos en todas tus páginas.

Con ayuda de un editor de texto, abre cualquiera de tus páginas y reemplaza el código HTML común de la parte superior por el siguiente código:

<?php  include('cabecera.php');  ?>

Ahora haz lo mismo con la parte inferior del código común, peore sta vez reemplazalo con el siguiente código PHP:

<?php  include('pie.php');  ?>

Cambia la extensión y los hipervínculos de tus páginas

Lo más probable es que tus páginas tengan como extensión “html” o “htm”, por lo que tendrás que cambiar esta extensión por “php” a todas las páginas donde hayas incluido el código del parrafo anterior.

Esto es necesario para que el servidor web donde están alojados tus páginas sepan que el archivo en cuestión contiene código PHP y que por tanto, debe intepretarlo como tal.

Una vez cambiada la extensión de tus páginas, los enlaces entre tus páginas seran erroneas ya que, al fin y al cabo, el nombre de las mismas ha cambiado. Por lo tanto, tendrás que actualizar todos los hipervínculos de tus páginas.

Un truquito

Otra forma mucho más fácil que te evita llevar a cabo estos dos últimos pasos (cambiar la extensión y actualizar los enlaces) es haciendo que el servidor web interprete los archivos con extensión “html” como código PHP. Para hacer esto debe incluir la siguiente directiva en el archivo .htaccess ubicado en el directorio raíz de tu sitio web:

AddType application/x-httpd-php .html

El directorio raíz de tu sitio web es “/home/usuario/public_html” y si no tienes un archivo “.htaccess”, no tiene más que crearlo. Tenga en cuenta que este truco no funciona en todos los servidores y/o configuraciones, aunque en principio, si que funciona en todos nuestros servidores.

Tagging: Desarrollo web, html, include, php, xhtml