header, body en footer

[gouwepeer]

Wie een handmatig getypte website maakt met meerdere pagina's ontkomt er niet aan om dit via php te doen. Op deze manier kan je namelijk 1 header voor alle pagina's gebruiken. Dit geldt ook voor een eventuele footer. Het enige wat dan nodig is is een aparte body voor elke afzonderlijke pagina.
In dit voorbeeld beelden we ons een homepage in, welke op index.php staat. De header die op elke pagina gebruikt gaat worden staat op header.html en de footer op footer.html. De content die alleen op de homepage komt te staan zetten we op home.html. Het is uiteraard ook mogelijk om de content op de index.php zelf te plaatsen, maar in dit voorbeeld gaan we dus uit van content op een html pagina.

We zitten dus met 3 templates:

• header.html
• home.html
• footer.html

Het index.php script:

<?php
    include 'header.html';
    include 'home.html';
    include 'footer.html';
?>

Een php script begint altijd met <?php en eindigt met ?> om aan te geven dat het om php gaat. Gewone html codes kunnen ook toegepast worden, buiten deze php tags om. Om de content direct in het php script te zetten gaan we zo te werk:

<?php
    include 'header.html';
?>
<p>Hier komt een stukje html</p>   
<?php
    include 'footer.html';
?>

Het is altijd handig om dingen zoals het menu in de header te verwerken, maar wie dat wilt kan natuurlijk ook een aparte template voor het menu maken.

<?php
    include 'header.html';
    include 'menu.html';
    include 'home.html';
    include 'footer.html';
?>

Wil je jouw site ook geschikt maken om te delen via Social Media? Maak dan ook gebruik van de Open Graph tags:

Open Graph Generator

Met Open Graph (og tags) kan je een stukje content laten zien door alleen een link te plaatsen, zoals op Social Media en bepaalde forumsoftware. Na het plaatsen van die link zal er worden gezocht naar de og tags. Vul hieronder de juiste gegevens in om jouw code te genereren zodat ook jouw site...

www.gouwepeer.nl