Om du tittar på en webbplats, märker du att det finns vissa delar av den webbplatsen som upprepas på varje enskild sida. Dessa upprepade element eller avsnitt kommer sannolikt att inkludera webbplatsens rubrikområde, inklusive navigering och logotyp, samt sidfotens sidfält. Det kan också finnas andra bitar som finns på plats på vissa webbplatser, till exempel sociala medier, widgets eller knappar eller annat innehåll, men sidhuvud- och sidfotsområdena som är beständiga över alla sidor är en ganska säker satsning på de flesta webbplatser.
Denna användning av bestående område är faktiskt en bästa praxis för webbdesign. Det gör det möjligt för människor att lättare förstå hur en webbplats fungerar och när de förstår en sida, har de en bra bild av de andra sidorna också eftersom det finns stycken som är konsekventa.
På vanliga HTML-sidor behöver dessa persistenta områden läggas till individuellt för varje sida. Det här ställer ett problem när du vill göra en ändring, till exempel uppdatering av upphovsrättsdatum i sidfoten eller att lägga till en ny länk till webbplatsens navigationsmeny. För att göra denna till synes enkla redigering behöver du ändra varje enskild sida på webbplatsen. Det här är inte så mycket om webbplatsen har en 3 eller 4 sidor, men vad händer om webbplatsen i fråga har hundra sidor eller mer? Att göra den enkla ändringen blir plötsligt ett mycket stort jobb. Det här är "inkluderade filer" som verkligen kan göra en stor skillnad.
Om du har PHP på din server kan du skriva en fil och sedan inkludera den på alla webbsidor där du behöver det. Det kan innebära att det ingår på varje sida, som ovanstående rubrik och sidfot, eller det kan vara något du selektivt lägger till på sidorna efter behov. Till exempel, säg att du har en "kontakt oss" formulär widget som tillåter besökare att ansluta till ditt företag. Om du vill att detta läggs till på vissa sidor, som alla sidor "tjänster" för ditt företags erbjudanden, men inte för andra, är det en bra lösning att använda en PHP-fil. Detta beror på att om du någonsin behöver redigera det formuläret i framtiden, skulle du göra det på en plats och varje sida som innehåller den skulle få uppdateringen.
Först måste du förstå att använda PHP kräver att du har den installerad på din webbserver. Kontakta systemadministratören om du inte är säker på om du har installerat det här eller inte. Om du inte har den installerad, fråga dem vad det skulle ta för dig, annars behöver du hitta en annan lösning för att inkludera.
Svårighet: Medel
Tid som krävs: 15 minuter
Steg:
- Skriv den HTML du vill ha upprepad och spara den i en separat fil. I det här exemplet vill jag inkludera det ovan nämnda exemplet på en "kontakt" -form som jag kommer att selektivt lägga till på vissa sidor.
- Från en filstrukturens synpunkt, gillar jag att spara mina filer inkluderas i en separat katalog, vanligtvis kallad "inkluderar". Jag skulle spara mitt kontaktformulär i en inkluderad fil så här:
-
includes / kontakt-form.php
- Öppna en av de webbsidor där du vill att den medföljande filen ska visas.
- Hitta platsen i HTML där den här medföljande filen ska visas och placera följande kod på den platsen
-
<? Php
-
-
kräver ($ DOCUMENT_ROOT. "inkluderar / contact-form.php");
-
?>
- Observera att i exemplet exemplet skulle du ändra sökvägen och filnamnet för att återspegla din inkluderande filplats och namnet på den specifika filen du vill inkludera. I mitt exempel har jag "contact-form.php" -filen inuti mappen "inkluderar", så det här skulle vara rätt kod för min sida.
- Lägg till samma kod till varje sida som du vill att kontaktformuläret ska visas på. Allt du behöver göra är att kopiera och klistra in den här koden på de här sidorna, eller om du håller på att utveckla en ny webbplats, bygga varje sida med de korrekta inkludera filer som refereras direkt från get-go.
- Om du vill ändra något på kontaktformuläret, som att lägga till ett nytt fält, skulle du redigera
kontakt-form.php fil. När du har laddat upp den till
includes / katalog på webbservern kommer den att ändras på varje sida på din webbplats som använder den här koden. Det här är mycket bättre än att behöva ändra dessa sidor individuellt!
tips:
- Du kan inkludera HTML eller text i en PHP-inkluderad fil. Allt som kan gå i en vanlig HTML-fil kan gå i en PHP-inkludera.
- Hela din sida ska sparas som en PHP-fil, t.ex. index.php snarare än HTML. Vissa servrar kräver inte det här, så testa din konfiguration först, men ett enkelt sätt att se till att du är helt inställd är att bara använda.
