Si usted mira un sitio web, notará que hay ciertas partes de ese sitio que se repiten en cada una de las páginas. Es probable que estos elementos o secciones repetidos incluyan el área de cabecera del sitio, incluyendo la navegación y el logotipo, así como el área de pie de página del sitio. También puede haber otras piezas que están presentes en todo el sitio en ciertos sitios, como los widgets de medios sociales o botones u otro tipo de contenido, pero las áreas de encabezado y pie de página que son persistentes en todas las páginas es una apuesta bastante segura para la mayoría de los sitios web.
Este uso de área persistente es en realidad una buena práctica de diseño web. Permite a la gente entender más fácilmente cómo funciona un sitio y una vez que entienden una página, tienen una buena idea de las otras páginas también, ya que hay piezas que son consistentes.
En las páginas HTML normales, estas áreas persistentes tendrían que ser añadidas individualmente a cada página, lo que plantea un problema cuando se desea realizar un cambio, como actualizar una fecha de copyright dentro del pie de página o añadir un nuevo enlace al menú de navegación de su sitio. Para hacer esta edición aparentemente simple, necesitaría cambiar cada una de las páginas del sitio web. Esto no es un gran problema si el sitio tiene una de 3 o 4 páginas, pero ¿qué pasa si el sitio en cuestión tiene cien páginas o más? Hacer esa simple edición de repente se convierte en un trabajo muy grande. Aquí es donde los «archivos incluidos» pueden marcar una gran diferencia.
Si tiene PHP en su servidor, puede escribir un archivo y luego incluirlo en cualquier página web donde lo necesite. Esto podría significar que está incluido en cada página, como el ejemplo de encabezado y pie de página mencionado anteriormente, o podría ser algo que usted agregue selectivamente a las páginas según sea necesario. Por ejemplo, digamos que tiene un widget de formulario de «contacto» que permite a los visitantes del sitio conectarse con su empresa. Si quiere que esto se añada a ciertas páginas, como todas las páginas de «servicios» para las ofertas de su empresa, pero no a otras, entonces usar un PHP include es una gran solución. Esto se debe a que si alguna vez necesita editar ese formulario en el futuro, lo haría en un solo lugar y cada página que lo incluya obtendría la actualización.
En primer lugar, debe entender que el uso de PHP requiere que lo tenga instalado en su servidor web. Póngase en contacto con el administrador del sistema si no está seguro de tenerlo instalado. Si no lo tienes instalado, pregúntales qué necesitarías para hacerlo, de lo contrario necesitarás encontrar otra solución para los includes.
Dificultad: Promedio
Tiempo Requerido: 15 minutos
Pasos:
- Escribe el HTML que quieras repetir y guárdalo en un archivo separado, en este ejemplo quiero incluir el ejemplo anterior de un formulario de «contacto» que añadiré selectivamente a ciertas páginas.
- Desde el punto de vista de la estructura de archivos, me gusta guardar mis archivos de inclusión en un directorio separado, normalmente llamado «includes». Guardaría mi formulario de contacto en un archivo de inclusión como este:
- incluye/contact-form.php
- Abra una de las páginas web donde desea que se muestre el archivo incluido.
- Busque la ubicación en el HTML donde se debe mostrar este archivo incluido y coloque el siguiente código en ese lugar
-
- require($DOCUMENT_ROOT . «includes/contact-form.php»);
-
?>
- Tenga en cuenta que en el ejemplo de código abive, cambiaría la ruta y el nombre del archivo para reflejar la ubicación del archivo include y el nombre del archivo específico que desea incluir. En mi ejemplo, tengo el archivo ‘contact-form.php’ dentro de la carpeta ‘includes’, así que este sería el código apropiado para mi página.
- Añade este mismo código a todas las páginas en las que quieras que aparezca el formulario de contacto. Todo lo que realmente necesita hacer es copiar y pegar este código en esas páginas, o si está en el proceso de desarrollar un nuevo sitio, construya cada página con los archivos de inclusión adecuados a los que se hace referencia desde el principio.
- Si desea cambiar algo en el formulario de contacto, como añadir un nuevo campo, debe editar el archivo
contact-form.php
. Una vez que lo haya subido al directorio
includes/
en el servidor web, cambiará en cada página de su sitio que utilice este código. Esto es mucho mejor que tener que cambiar esas páginas individualmente!
Consejos:
- Puede incluir HTML o texto en un archivo include de PHP. Cualquier cosa que pueda ir en un archivo HTML estándar puede ir en un include PHP.
- Toda su página debe ser guardada como un archivo PHP, por ejemplo, index.php en lugar de HTML. Algunos servidores no requieren esto, así que pruebe su configuración primero, pero una manera fácil de asegurarse de que está todo listo es usarla.
