Snelle tip Meerdere pagina's implementeren voor uw WordPress-berichten en -pagina's

Er is niets erger dan door een lange post of pagina scrollen wanneer het duidelijk is dat het in een reeks gemakkelijker verteerbare brokken zou moeten zijn opgedeeld. Het is heel gemakkelijk om te bereiken in WordPress en meer mensen zouden het moeten doen. Hier is hoe je kunt.


Quicktag uw bericht

Schrijf gewoon uw bericht of pagina zoals gewoonlijk en wanneer u een nieuwe pagina moet starten, gebruikt u de quicktag.

Hieronder ziet u een schermafbeelding van een demopost verdeeld in drie pagina's met quicktags.

Dat is alles wat u hoeft te doen met uw berichten of pagina's.


Bewerk je sjabloon

In je WordPress themamap vind je single.php. Dit is het sjabloon dat verantwoordelijk is voor het weergeven van afzonderlijke berichten of pagina's. En hier moeten we WordPress vertellen om pagingkoppelingen weer te geven voor onze quicktags.

In single.php (of misschien loop-single.php, die vaak wordt aangeroepen vanuit single.php) vindt u de WordPress-lus die uw bericht of pagina weergeeft. Hier is een verkleiningsversie van die lus

 if (have_posts ()) while (have_posts ()): the_post (); de titel(); de inhoud(); wp_link_pages (); stop als; endwhile;

Deze lus geeft de bericht- of paginatitel en de inhoud weer, maar let op de functie wp_link_pages. Deze functie wordt weergegeven
een reeks paginalinks volgens de quicktags die u in uw bericht plaatst.

Dit is hoe onze post er uitziet als deze wordt weergegeven. We zien pagina één met links naar pagina's twee en drie.

Het is zo simpel.


Styling van de paginalinks

De standaarduitvoer van wp_link_pages is functioneel maar behoorlijk saai. Maar met wp_link_pages kunnen we ook voor- en na de tekst aan de standaarduitvoer toevoegen, zodat we de paging-links met CSS kunnen targeten. Hier is de lus opnieuw met enkele standaardargumenten zoals gebruikt door het Twenty-Ten WordPress-thema.

 if (have_posts ()) while (have_posts ()): the_post (); de titel(); de inhoud(); wp_link_pages (array ('before' => ')
'. 'Pagina's:', 'na' => '
')); stop als; endwhile;

En zo ziet dit eruit nadat we wat CSS hebben toegepast op de klasse van de paginakoppelingen:

Natuurlijk kun je wild gaan met styling in termen van kleur en maat. Zorg er ook voor dat u de argumenten voor wp_link_pages bekijkt, omdat deze u in staat stellen om de pagingoutput nog verder aan te passen.