Slik bruker du miniatyrer med tidligere og neste innleggslinker i WordPress

En av våre brukere spurte oss på vår Facebook-side: Hvordan bruke miniatyrbilder for forrige / neste innleggsnavigering i WordPress. Next_post_link og previous_post_link-funksjonene har ikke en enkel nok miniatyr-parameter som en ny utvikler bare kan slå på og av. I denne artikkelen vil vi vise deg hvordan du bruker innlegg miniatyrbilder med forrige og neste innleggslinker i WordPress.

Det endelige resultatet vil se slik ut:

Det første du må gjøre er å åpne temaet ditt single.php fil og legg til følgende kode inne i sløyfen mest sannsynlig etter the_content () området:

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

Neste ting du trenger å gjøre er å åpne din style.css fil og legg til følgende stiler:

 # cooler-nav clear: both; høyde: 100px; margin: 0 0 70px; # cooler-nav. nav-box bakgrunn: # e9e9e9; polstring: 10px; # cooler-nav img float: left; margin: 0 10px 0 0; # kjøler-nav p margin: 0 10px; skriftstørrelse: 12px; vertikaljustering: midt; # kjøler-nav. forrige float: left; vertikaljustering: midt; bredde: 250px; høyde: 100px; # cooler-nav .next float: right; bredde: 250px; 

Du er velkommen til å endre stylingen for å matche den med temaet ditt. Ofte liker brukerne å utforme koden, slik at det blir lettere for dem å tilpasse det. Dette er bare grunnleggende styling som du bør kunne tilpasse enkelt.

Hvis du vil endre miniatyrstørrelsen, endrer du bare arrayen (100,100) til hva du vil.

Kilde: itsbarry