Cómo incluir el mismo HTML en muchos documentos usando PHP

Cómo incluir el mismo HTML en muchos documentos usando PHP

Cómo incluir el mismo HTML en muchos documentos usando PHP

VALORACIÓN DEL ARTÍCULO:
5/5


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:

  1. 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.
    1. 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:
    2. incluye/contact-form.php
  2. Abra una de las páginas web donde desea que se muestre el archivo incluido.
  3. Busque la ubicación en el HTML donde se debe mostrar este archivo incluido y coloque el siguiente código en ese lugar
    1.   
  4. require($DOCUMENT_ROOT . «includes/contact-form.php»);
  5.  ?> 
  6. 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.
  7. 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.
  1. 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.

TAMBIÉN TE INTERESA

OPPO-Air-Glass-3

Esto va de gafas e IA: salen a la luz las OPPO Air Glass 3

No hay duda de que el tema central del Mobile World de este año es la inteligencia artificial. Pero en el evento barcelonés suele destacar por la presentación de nuevos dispositivos por parte de las marcas. Ya vimos lo sorprendentes que pueden llegar a ser las Apple Vision Pro… Ahora OPPO anuncia nuevas gafas en

tarjetas gráficas ASUS y monitores ASUS

Con estas tarjetas gráficas ASUS y este monitor simplemente irás volando…

ASUS se ha convertido, por méritos propios, en una de las marcas más fiables en el mundo del gaming, lo cual también es compatible con equipos ideales para todo. Dos de sus componentes más destacados acaban de recibir actualización de modelos: hablamos de dos nuevas tarjetas gráficas ASUS y un monitor que, con poco que

ZTE-nubia-Neo-5G

ZTE nubia Neo 5G: el móvil gaming más futurista y accesbible

ZTE presenta el nuevo ZTE nubia Neo 5G en España, bajo el lema «Mejor Gaming para Todos». Este dispositivo, dirigido al sector gamer, destaca por su combinación de potencia y rendimiento a un precio asequible, ofreciendo un procesador UNISOC T820 de hasta 2,7 GHz, una pantalla de 120Hz, conectividad 5G y hasta 18GB de RAM,

Sora

Sora, lo último de OpenAI para generar vídeos por inteligencia artificial

La IA Generativa vuelve a dar un paso más impulsada por la empresa que ha protagonizado el gran boom de esta tecnología. OpenAI acaba de dar a conocer Sora, que se presenta como la nueva solución de esta entidad para generar vídeos siguiendo las instrucciones de los usuarios. A priori, uno puede pensar que los