Com incloure HTML en molts documents mitjançant PHP

Si observeu un lloc web, observeu que hi ha determinades peces d'aquest lloc que es repeteixen a cada pàgina. És possible que aquests elements o seccions repetits incloguin l'àrea de capçalera del lloc, inclosa la navegació i el logotip, així com l'àrea de peu de pàgina del lloc. També hi pot haver altres peces que es trobin en llocs web actuals en certs llocs, com ara ginys de mitjans socials o botons o un altre contingut, però les àrees de capçalera i peu de pàgina persistents a cada pàgina són una aposta segura per a la majoria de llocs web.

Aquest ús de l'àrea persistent és en realitat una pràctica de disseny web. Permet que la gent entengui més fàcilment com funciona un lloc i una vegada que compren una pàgina, també tenen una bona idea de les altres pàgines, ja que hi ha peces que són coherents.

En pàgines HTML normals, aquestes àrees persistents haurien d'afegir-se individualment a cada pàgina. Això suposa un problema quan es vol fer un canvi, com actualitzar una data de copyright dins del peu de pàgina o afegir un nou enllaç al menú de navegació del vostre lloc. Per fer aquesta edició aparentment senzilla, haureu de canviar totes les pàgines del lloc web. Això no és gran si el lloc té una de 3 o 4 pàgines, però, què passa si el lloc en qüestió té cent pàgines o més? Fer que aquesta simple edició de cop i volta esdevingui un treball molt gran. Aquí és on els fitxers "inclosos" poden marcar una gran diferència.

Si teniu PHP al vostre servidor, podeu escriure un fitxer i, a continuació, incloure'l a qualsevol pàgina web on la necessiteu.

Això podria significar que s'inclou a totes les pàgines, com ara l'exemple de capçalera i peu de pàgina esmentat, o podria ser alguna cosa que afegiu selectivament a les pàgines segons sigui necessari. Per exemple, assegureu-vos que teniu un widget del formulari "contacteu amb nosaltres" que permet que els visitants del lloc es connectin amb la vostra empresa. Si voleu que això s'afegeixi a determinades pàgines, com totes les pàgines de "serveis" per a les ofertes de la seva empresa, però no per als altres, llavors utilitzar una inclusió de PHP és una gran solució.

Això és degut a que si alguna vegada heu d'editar aquest formulari, ho faríeu en un sol lloc i cada pàgina que inclogués obtindria l'actualització.

En primer lloc, heu d'entendre que usar PHP requereix que el tingueu instal·lat al vostre servidor web. Poseu-vos en contacte amb l'administrador del vostre sistema si no esteu segur d'haver-lo instal·lat o no. Si no ho teniu instal·lat, pregunteu-nos què faríeu, si no, heu de trobar una altra solució per incloure-la.

Dificultat: mitjana

Temps necessari: 15 minuts

Passos:

  1. Escriviu el codi HTML que voleu repetir i deseu-lo en un fitxer separat. En aquest exemple, vull incloure l'exemple abans esmentat d'un formulari de "contacte" que afegiré selectivament a determinades pàgines.

    Des del punt de vista de l'estructura del fitxer, m'agrada guardar els meus fitxers d'inclusió en un directori independent, generalment anomenat "inclou". Vaig a guardar el meu formulari de contacte en un fitxer d'inclusió com aquest:
    inclou / contact-form.php
  2. Obriu una de les pàgines web on voleu que es mostri el fitxer inclòs.
  3. Cerqueu la ubicació en el codi HTML on hauria d'aparèixer aquest fitxer, i col·loqueu el codi següent en aquest lloc

    requereix ($ DOCUMENT_ROOT. "includes / contact-form.php");
    ?>
  4. Tingueu en compte que, a l'exemple de codi abive, canviaríeu la ruta i el nom del fitxer per reflectir la vostra ubicació d'arxiu d'inclusió i el nom del fitxer específic que voleu incloure. En el meu exemple, tinc el fitxer "contact-form.php" dins de la carpeta "inclou", de manera que aquest seria el codi correcte per a la meva pàgina.
  1. Afegiu aquest mateix codi a totes les pàgines que voleu que aparegui el formulari de contacte. Tot el que realment haureu de fer és copiar i enganxar aquest codi a aquestes pàgines, o si esteu en procés de desenvolupar un lloc nou, compilar cada pàgina amb els fitxers d'inclusió adequats a què es fa referència des del punt de partida.
  2. Si volgués canviar alguna cosa al formulari de contacte, com afegir un nou camp, editeu el fitxer contact-form.php. Una vegada que l'heu carregat al directori d'inclusió / del servidor web, canviarà a totes les pàgines del vostre lloc que utilitzi aquest codi. Això és molt millor que haver de canviar aquestes pàgines individualment.

Consells:

  1. Podeu incloure HTML o text en un fitxer d'inclusió de PHP. Qualsevol cosa que pugui anar en un fitxer HTML estàndard pot incloure's en un PHP.
  2. La vostra pàgina sencera s'ha de desar com a fitxer PHP, p. Ex. index.php en lloc d'HTML. Alguns servidors no requereixen això, així que prova la configuració primer, però una manera senzilla d'assegurar-te que estigueu configurat és només utilitzar-la.