vorige keer hebben we ons bezig gehouden met de header. Nu deze klaar is kunnen we verder gaan met misschien wel het belangrijkste stukje php code; de loop.
de Loop vraagt alle blog posts op, en geeft deze weer.

Ik neem aan dat je de vorige lessen gelezen hebt, en dat je weet waar het over gaat.

#stap 1
plaats een nieuwe div (onzichtbare box) onder de header div. Noem deze container:

Deze div is voor het scheiden van de rest van de informatie die op de site komt ( header, footer etc.)

#stap 2
Kopieer de onderstaande code, en zet deze in de div. (tussen de open en sluit tags).

Als het goed is heb je nu de volgende code:

Zoals je ziet staat de code uitgelijnd. Dit is om het allemaal een beetje overzichtelijk te houden. In deze lessen zal ik het niet iedere keer doen, dus je zult er zelf een beetje rekening mee moeten houden.

oké, de uitleg:
- if(have_posts()) : kijken of er posts zijn. (if loop, dus: zo ja, ga verder)
-while(have_posts()) : zolang ze er zijn, voer het volgende commando uit (in dit geval the_post()).
-the_post(); : roept de post die moet worden weergegeven op.
-endwhile;  : om ons weer aan de regels te houden; dit is de sluit ‘tag’ voor de while loop
-endif; : sluit de if loop.

Zoals je misschien is opgevallen heeft niet ieder commando een code nodig om af te sluiten, sommige stukjes code kunnen zichzelf sluiten, zoals hierboven the_post();

#stap 3
In een vorige les hebben we al bekeken hoe we de blog titel op moesten vragen. Dit keer vragen we de blog titel op, en we zetten dit tussen de loop.
Dus: Typ <?php the_title(); ?> na the_post(); ?> en voor<?php endwhile; ?>

Nu kun je op de site kijken, het is nog niet erg mooi, (een lange lijn) maar er is een begin toch ?

#stap 4
We gaan van de titel weer een link maken, in een vorige les hebben we dit al besproken, dus ik wil er niet al te lang bij stil staan: plaats de <a href=”#” mce_href=”#”></a> tags om de <?php the_title(); ?> heen.
Net zoals de vorige keer, linkt deze link naar #, Hier hebben we niet veel aan; plaats in plaats van het # de volgende code:

Deze code is een code om de link van iedere post op te halen.

#stap 5
Om een klein beetje opmaak aan de link te geven, maken we gebruik van de al eerder besproken <h2></h2> tags.
Zet deze tags om de gehele link heen.
Als het goed is heb je nu de volgende code:

Dit was het eind van deze les. voor het geval je het nog niet gedaan hebt, raad ik je aan om een aantal test berichten op je site te plaatsen, zo kun je makkelijker testen of alles werkt.