Så här använder du miniatyrbilder med tidigare och nästa postlänkar i WordPress

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

Slutresultatet skulle se ut så här:

Det första du behöver göra är att öppna ditt tema single.php fil och lägg till följande kod inuti slingan troligen efter the_content () -området:

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

Nästa sak du behöver göra är att öppna din style.css fil och lägg till följande stilar:

 # cooler-nav clear: both; höjd: 100px; marginal: 0 0 70px; # cooler-nav. nav-box background: # e9e9e9; vaddering: 10px; # cooler-nav img float: left; marginal: 0 10px 0 0; # cooler-nav p marginal: 0 10px; fontstorlek: 12px; vertikaljustering: mitten; # cooler-nav .revlig float: left; vertikaljustering: mitt; bredd: 250px; höjd: 100px; # cooler-nav .next float: right; bredd: 250px; 

Gärna ändra stilen för att matcha den med ditt tema. Ofta tycker våra användare om att utforma koden, så det blir lättare för dem att finjustera det. Detta är bara grundläggande styling som du borde kunna anpassa lätt.

Om du vill ändra miniatyrstorleken ändrar du bara matrisen (100,100) till vad du vill.

Källa: itsbarry