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

Instagram-Creator-Marketplace

España, a la espera del Instagram Creator Marketplace

Instagram es una de las redes sociales de mayor impacto en la población española. Desde su irrupción, la figura del influencer ha crecido enormemente en el mundo del marketing y las marcas. La herramienta Instagram Creator Marketplace puede seguir fortaleciendo a estos prescriptores, visto el potencial que empieza a tener este servicio en Estados Unidos.

avatares-Roblox

Vámonos de shopping en Roblox: Mango inaugura su primera tienda

En dinámico mundo de los juegos online, Roblox (con más de 70 millones de usuarios activos diarios) se ha destacado como una plataforma que ofrece a los participantes una experiencia única y diversa. Una de las características más populares de Roblox es su sistema de personalización de avatares, que permite a los jugadores expresar su

Snapdragon-8-Gen-3

Snapdragon 8 Gen 3, el chip de Qualcomm que empujará la IA en los móviles

La IA ha llegado al universo de los smartphones. Los últimos lanzamientos ya se anuncian con la inteligencia como protagonista. De igual manera, las grandes actualizaciones de software vienen marcada por la presencia de nuevas funciones movidas bajo los parámetros de la inteligencia artificial generativa. Al margen de los desarrollos a nivel de software, es

Ecowatch-1-de-Maxcom

Con el Ecowatch 1 no tendrás excusas para pasarte a un reloj inteligente

Sabemos que es muy difícil convencer a un perfil de personas que reniegan de un smartwatch a comprarse un reloj inteligente y quitarse el de toda la vida. No obstante, vamos a intentarlo con el Ecowatch 1 de Maxcom.  Es tarea complicada porque el gusto por los relojes suele estar muy definido en ciertas personas.

simulador-de-bodas

¿Te casas? La IA y DeWeed pueden ayudarte en la planificación de tu boda

La planificación de una boda es un proceso emocionante pero a menudo abrumador. Desde la selección del lugar perfecto hasta la elección del vestido ideal, hay innumerables decisiones que tomar para que todo salga según lo planeado en el gran día. Tradicionalmente, esta tarea ha supuesto muchos quebraderos de cabeza para los novios. Una vez