Q: Dit websted er meget nyttigt for mig. Kan du venligst fortælle mig, hvordan du integrerer de relaterede stillinger som på dit websted i min? Jeg har prøvet mange alternativer, kan du venligst fortælle mig, hvordan du tilføjer de relaterede indlæg med miniaturebilleder?

Hvis du ofte besøger internettet, vil du bemærke, at mange blogs viser miniaturer for afsnittet Relaterede indlæg, ligesom vi gjorde i Make Tech Easier. I WordPress er der flere måder at dette kan gøres. Lad os tjekke det ud.

Brug af et plugin

Den nemmeste måde at implementere miniaturebilledet på (uden kodning) er via et plugin. LinkWithin er et sådant værktøj, som du kan bruge. Fordelen ved LinkWithin er, at det ikke tager noget af din serverplads og båndbredde (for at gemme miniaturerne), og der er brug for små (eller nul) konfigurationer.

Gå til LinkWithin. Udfyld detaljerne på forsiden.

Klik på Få widget . Du bliver derefter sendt til en side, hvor du kan downloade plugin.

Installer og aktiver plugin. Dit miniature-relaterede indlæg vises straks i din blog.

Så godt som det kan få, er der nogle ulemper og begrænsninger ved at bruge LinkWithin.

  1. Der er begrænset kontrol for slutbrugeren: Du kan ikke konfigurere hvilket miniaturebillede, der skal vises for hvert indlæg.
  2. Du kan ikke justere størrelsen og stylingen af ​​widgeten.
  3. Du kan ikke angive positionen for widgeten, der skal vises. Standardindstillingen er, at den vises umiddelbart efter, at indlæggets indhold slutter, men der er tidspunkter, hvor du vil indsætte forfatteroplysninger eller annoncer først før det relaterede indlæg. i dette tilfælde er det ikke praktisk.

Hacking WP-temafilen

Den bedste måde at fuldt ud tilpasse brugeroplevelsen er at gå ind i temafilen og gøre noget hacking. Dette vil kræve nogle kodningserfaringer.

Først, ved hjælp af instruktionerne her, aktiveres funktionen efter miniaturen (gælder kun i WP 2.9 og derover).

Derefter skal du installere og aktivere plugin'en Endnu et andet tilhørende indlæg. Hvad jeg elsker om dette er evnen til at bruge et skabelonsystem til at indstille det relaterede postindhold.

I YARPP-pluginmappen skal du gå til yarpp-skabelonmappen og kopiere filen "yarpp-template-thumbnail.php" til din temamappe .

Næste i WordPress YARPP options side:

  • Fjern markeringen i " Automatisk viste relaterede indlæg? ”
  • vælg antallet af relaterede indlæg, du vil vise
  • Vælg yarpp-template-thumbnail.php fra dropdownlisten til skabelonfilen.

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

Beslægtede billeder 
 have_posts ()):> 
     have_posts ()): $ related_query-> the_post (); ?> 
Ingen relaterede billeder.

Hvad denne kode gør er at kontrollere, om der er et miniaturebillede for hvert relateret indlæg. Hvis ja, vil det vise miniaturebilledet og permalinken.

Dernæst åbner du din " single.php " -fil i din temamappe og tilføjer følgende linje til den del, hvor du vil vise det relaterede indlæg:

Endelig skal vi lave nogle styling. Kopier og indsæt følgende styling kode i din style.css fil.

.related_posts ul {width: 100%; liste-stil: none; margin: 0; padding: 0; } .related_posts li {display: inline; flyde: venstre; margin: 0; padding-venstre: 0; padding-højre: 10px; bredde: 140px; / * ændre denne værdi i overensstemmelse med din skabelon * /} .related_permalink {width: 140px; / * ændre denne værdi i overensstemmelse hermed til din skabelon * / text-align: left; font-size: 0.85em; padding-top: 5px; } .relateret_thumbnail {bredde: 140px; / * ændre denne værdi i overensstemmelse med din miniature størrelse * / højde: 80px; overflow: hidden; text-align: center; }

Det er det.

Billedkredit: wuzhao.album