Spørsmål: Din side er veldig nyttig for meg. Kan du snakke med meg hvordan å legge inn de relaterte innleggene som på nettstedet ditt i meg? Jeg har prøvd mange alternativer, kan du fortell meg hvordan du legger til relaterte innlegg med miniatyrbilder?

Hvis du ofte surfer på nettet, vil du legge merke til at mange blogger viser miniatyrer for bildene i avsnittet Relaterte innlegg, akkurat som det vi gjorde i Make Tech Easier. I WordPress er det flere måter at dette kan gjøres. La oss sjekke det ut.

Bruke et plugin

Den enkleste måten å implementere bildeminiatyren på (uten koding) er via et plugin. LinkWithin er et slikt verktøy som du kan bruke. Fordelen med LinkWithin er at den ikke tar opp noen av serverens plass og båndbredde (for å lagre miniatyrbildene), og det er lite konfigurasjoner (eller null) som må gjøres.

Gå til LinkWithin. Fyll ut detaljene på forsiden.

Klikk på Get Widget . Du vil da bli sendt til en side der du kan laste ned plugin.

Installer og aktiver plugin. Ditt miniatyrrelaterte innlegg vil umiddelbart vises i bloggen din.

Så godt som det kan få, er det noen ulemper og begrensninger ved bruk av LinkWithin.

  1. Det er begrenset kontroll for sluttbrukeren: Du kan ikke konfigurere hvilket miniatyrbilde som skal vises for hvert innlegg.
  2. Du kan ikke justere størrelsen og stylingen til widgeten.
  3. Du kan ikke angi posisjonen for widgeten som skal vises. Standarden er at den skal vises umiddelbart etter at innleggets innhold er ferdig, men det er tider hvor du vil sette inn forfatterinformasjon eller reklame først før relatert innlegg. i dette tilfellet er dette ikke nyttig.

Hacking WP-temafilen

Den beste måten å fullt ut tilpasse brukeropplevelsen er å gå inn i temafilen og gjøre noe hacking. Dette vil kreve noen kodingserfaring.

Først bruker du instruksjonene her, aktiverer du miniatyrfunksjonen for innlegget (gjelder bare i WP 2.9 og høyere).

Deretter installerer du og aktiverer pluginet En annen annen relatert post. Det jeg elsker om dette er muligheten til å bruke et malesystem for å utforme det relaterte innlegget innholdet.

I YARPP-plugin-mappen går du til yarpp-mall- mappen og kopierer filen "yarpp-template-thumbnail.php" til temamappen din.

Neste i WordPress YARPP-opsjonssiden:

  • fjern merket for " Automatiske viste relaterte innlegg? “
  • velg antall relaterte innlegg du vil vise
  • Velg yarpp-template-thumbnail.php fra rullegardinlisten for malfil.

Åpne "yarpp-template-thumbnail.php" i et tekstredigeringsprogram. Erstatt koden med følgende.

Beslektede bilder 
 have_posts ()):?> 
     have_posts ()): $ related_query-> the_post (); ?> 
Ingen relaterte bilder.

Hva denne koden gjør er å kontrollere om det er et miniatyrbilde for hvert beslektet innlegg. Hvis ja, vil det vise miniatyrbildet og permalinken.

Deretter åpner du " single.php " -filen din i mappemappen, og legger til følgende linje i delen der du vil vise det relaterte innlegget:

Til slutt må vi gjøre noen styling. Kopier og lim inn følgende stylingskode til din style.css- fil.

.related_posts ul {width: 100%; list-style: none; margin: 0; padding: 0; } .related_posts li {display: inline; float: venstre; margin: 0; padding-left: 0; padding-right: 10px; bredde: 140 px; / * endre denne verdien tilsvarende til din mal * /} .related_permalink {width: 140px; / * endre denne verdien tilsvarende til din mal * / text-align: left; font-size: 0.85em; padding-top: 5 px; } .relatert_thumbnail {bredde: 140px; / * endre denne verdien tilsvarende til miniatyrstørrelsen * / høyde: 80px; flow: hidden; tekst-Justering: center; }

Det er det.

Bilde kreditt: wuzhao.album