Hur man använder miniatyrer med tidigare och nästa inläggslänkar i WordPress

En av våra användare frågade oss på vår Facebook-sida: Hur man använder miniatyrer för föregående / nästa postnavigering i WordPress. Funktionerna next_post_link och previous_post_link har inte en tillräckligt enkel miniatyrparameter som en ny utvecklare helt enkelt kan slå på och av. I den här artikeln visar vi dig hur du använder miniatyrer för inlägg med föregående och nästa inläggslänkar i WordPress.

Det slutliga resultatet skulle se ut så här:

Det första du behöver göra är att öppna temat filen och lägga till följande kod inuti slingan troligtvis efter området_content ():

<div id="cooler-nav" class="navigation">
<?php $prevPost = get_previous_post(true);
if($prevPost) {?>
<div class="nav-box previous">
<?php $prevthumbnail = get_the_post_thumbnail($prevPost->ID, array(100,100) );?>
<?php previous_post_link('%link',"$prevthumbnail  <p>%title</p>", TRUE); ?>
</div>

<?php } $nextPost = get_next_post(true);
if($nextPost) { ?>
<div class="nav-box next" style="float:right;">
<?php $nextthumbnail = get_the_post_thumbnail($nextPost->ID, array(100,100) ); } ?>
<?php next_post_link('%link',"$nextthumbnail  <p>%title</p>", TRUE); ?>
</div>
<?php } ?>
</div><!--#cooler-nav div -->

Nästa sak du behöver göra är att öppna filen och lägga till följande stilar:

#cooler-nav{clear: both; height: 100px; margin: 0 0 70px;}
#cooler-nav .nav-box{background: #e9e9e9; padding: 10px;}
#cooler-nav img{float: left; margin: 0 10px 0 0;}
#cooler-nav p{margin: 0 10px; font-size: 12px; vertical-align: middle;}
#cooler-nav .previous{float: left; vertical-align: middle; width: 250px; height: 100px;}
#cooler-nav .next{float: right; width: 250px;}

Ändra gärna stylingen så att den passar ditt tema. Ofta gillar våra användare att utforma koden, så det blir lättare för dem att justera den. Detta är bara grundläggande styling som du borde kunna anpassa enkelt.

Om du vill ändra miniatyrstorleken ändrar du helt enkelt arrayen (100 100) till vad du vill.

Källa: itsbarry