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

planes de entrenamiento con IA

La era de los gimnasios smart y los planes de entrenamiento con IA

El sector de los gimnasios está empezando a introducir la tecnología para sus usuarios. Los planes de entrenamiento con IA ya son una realidad en espacios como los de Metropolitan. Es cuestión de tiempo que toda la innovación que viene de la tecnología comience a aterrizar en nuestras vidas para cuidar nuestro cuerpo. De hecho,

apps de citas

Apps de citas y el fraude romántico: ligoteo y estafas

Hay a quien las apps de citas le funcionan muy bien en todos los sentidos. Además de lograr el match deseado, su seguridad no se ve comprometida en ningún momento. Así da gusto, encontrar pareja nunca fue tan sencillo. Otra cosa es que la otra persona con la que se hace match no sea la

riesgos DeepSeek

Reportan los primeros riesgos de seguridad en DeepSeek

Pocos días después de la irrupción de DeepSeek en el mundo, ya empiezan a aflorar algunos problemas relacionados con la seguridad en DeepSeek y la privacidad de los datos que emplean los usuarios. Son millones y millones personas las que ya están probando las mieles de la IA china. El modelo R1 de DeepSeek ha

dispositivos Alexa

Cómo controlar la privacidad de tus conversaciones con los dispositivos Alexa

Los dispositivos Alexa se han convertido en un miembro más de muchas familias. Ciertamente útiles para recordatorios de la lista de la compra, alarmas, recetas o para disfrutar de un rato de música, estos famosos asistentes virtuales en forma de altavoces son indispensables para muchos y han dado un plus de inteligencia para los hogares.

DeepSeek

Y de repente… DeepSeek: la IA china que planta a cara la tecnología americana

DeepSeek es un ejemplo de lo que está ocurriendo con los grandes avances de la economía moderna. Cada vez que Estados Unidos implanta una solución triunfal, China hace lo propio seguidamente con una mayor eficiencia y a un coste menor. Tradicionalmente, el gigante asiático ha sido un gran replicador en todos los órdenes, pero ahora,