10. WordPress: Header, index, sidebar en footer opdelen
Tot nu toe hebben we alles in 1 bestand bewerkt: index.php want dat was makkelijker. Nu gaan we de bestanden opdelen in verschillende stukken.
Alvorens we dit doen gaan we twee dingen doen:
Een lege ruimte (padding) toevoegen aan de bovenkant van de footer;
En alle paragrafen binnen de footer een lijnhoogte van 18px meegeven.
Dit is de code (aan te vullen in style.css):
#footer{
padding-top: 10px;
}
#footer p{
line-height:18px;
}
Eindelijk alles opdelen.
Maak een nieuw bestand aan in kladblok (of je favoriete editor). Noem het bestand header.php ;
Open vervolgens index.php en kopieer alles vanaf de bovenkant tot het einde van de header DIV.
Plak alles in header.php en sla het op. De selectie mag je wissen in index.php en vervangen door:
Wat er nu gebeurd is simpel: de indexpagina zal de header telkens oproepen. Het is een php functie dat is ingebouwd in WordPress.
Doe hetzelfde met sidebar en footer
- Maak een nieuw bestand aan in kladblok. Noem het bestand sidebar.php ;
- Knip alles uit het index.php bestand dat betrekking heeft op de sidebar (de DIV met class sidebar).
- Plak alles in sidebar.php
- Op de locatie in index.php waar we net alles van sidebar hebben geknipt, plak daar: <?php get_sidebar(); ?>
Hier bij deze functie zal dit de sidebar oproepen.
Maak een nieuw bestand aan in kladblok. Noem het bestand footer.php ;
- Knip alles uit het index.php bestand dat betrekking heeft op de footer (de DIV met ID footer): We starten dus vanaf de DIV met ID footer en eindigen met de