Hoe miniaturen te gebruiken met vorige en volgende berichten in WordPress

Hoe miniaturen te gebruiken met vorige en volgende berichten in WordPress / Thema's

Een van onze gebruikers vroeg ons op onze Facebook-pagina: Hoe miniaturen gebruiken voor vorige / volgende berichtnavigatie in WordPress. De functies next_post_link en previous_post_link hebben niet een eenvoudig genoeg miniatuurparameter die een nieuwe ontwikkelaar eenvoudig kan in- en uitschakelen. In dit artikel laten we u zien hoe u postminiaturen gebruikt met vorige en volgende berichtkoppelingen in WordPress.

Het eindresultaat zou er als volgt uitzien:

Het eerste wat je hoeft te doen is je thema's openen single.php bestand en voeg de volgende code toe binnen de lus waarschijnlijk na het gebied the_content ():

    ID, array (100,100));?> %titel

", TRUE);?> ID, array (100,100));?> %titel

", WAAR);?>

Het volgende dat u hoeft te doen is uw openen style.css bestand en voeg de volgende stijlen toe:

 # cooler-nav clear: beide; hoogte: 100 px; marge: 0 0 70px; # cooler-nav .nav-box background: # e9e9e9; opvulling: 10px; # cooler-nav img float: links; marge: 0 10px 0 0; # cooler-nav p margin: 0 10px; lettergrootte: 12px; vertical-align: middle; # cooler-nav .previous float: left; vertical-align: middle; breedte: 250 px; height: 100px; # cooler-nav .next float: right; breedte: 250 px; 

U kunt de vormgeving aanpassen aan uw thema. Onze gebruikers vinden het vaak leuk om de code te stijlen, zodat het voor hen gemakkelijker wordt om de code aan te passen. Dit is slechts een basisstijl die u gemakkelijk kunt aanpassen.

Als u de miniatuurgrootte wilt wijzigen, wijzigt u eenvoudig de array (100.100) in wat u maar wilt.

Bron: itsbarry