3. WordPress: Starten met de header en footer template.

In het vorige hoofdstuk hebben we het index.php bestand aangemaakt. We gaan daarin verder werken om zo onze header en footer toe te voegen. Nadien gaan we het bestand in verschillende delen opsplitsen, maar dat is voor de toekomst. De volgende stappen:

De header template:

Voeg onderstaande code toe tussen de <body> en </body> tags:

Dit gaat de titel weergeven op onze site.
Als je wilt dat dit een klikbare link wordt, dan dien je volgende code te gebruiken:

Wat gebeurd er nu concreet?
A href – is een html-code dat een link aanmaakt
Bloginfo(‘url’); – is de php code waarmee je het website adres opvraagt.
Bloginfo(‘name’); – roept de naam van de site op. Deze naam kan je instellen in je adminpaneel onder “settings >> General”

Optimaliseer alvast voor zoekmachines en voeg nog eens de <h1> tag er aan toe:

Mooi, nu hebben we een titel, maar in het adminpaneel kunnen we ook een omschrijving van de website toevoegen. We zouden dit ook op de website kunnen laten zien zodat bezoekers weten waarover de website gaat:

bloginfo('description'); haalt deze omschrijving op en plaatst ze vervolgens als tekst op je site / blog. Ook hier kunnen we alweer gaan optimaliseren:

Er zijn 6 H-tags die je kan gebruiken, waarvan 1 de grootste is en 6 de kleinste. Dit is ook heel nuttig voor zoekmachines, maar ook voor jezelf om een onderscheid te maken binnenin een pagina.

En we gaan verder, nu introduceren we de <div> tag:

Een div-tag is een onzichtbare box die je omheen bepaalde elementen plaatst. Hier onderscheiden we de website gegevens van de rest van de pagina. We kunnen dit ook wat specifieker gaan definiëren en dit is belangrijk voor de design van de website.
Voeg id=”header” aan de DIV tag, dan krijg je het volgende:

Deze website gebruikt cookies om jou de beste ervaring te kunnen geven. Door deze website te gebruiken ga je hiermee akkoord. Meer info

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close