Fråga: Din webbplats är till stor hjälp för mig. Kan du snälla berätta för mig hur man lägger in de relaterade inlägg som på din webbplats i min? Jag har provat många alternativ, kan du snälla berätta för mig hur du lägger till relaterade inlägg med miniatyrbilder?

Om du surfar ofta på webben kommer du att märka att många bloggar visar bildminnebilder för avsnittet Relaterade inlägg, precis som det vi gjorde i Gör Tech enklare. I WordPress finns det flera sätt att detta kan göras. Låt oss kolla upp det.

Använda ett plugin

Det enklaste sättet att implementera bildminnebilden (utan kodning) är via ett plugin. LinkWithin är ett sådant verktyg som du kan använda. Fördelen med LinkWithin är att det inte tar upp något av ditt serverutrymme och bandbredd (för att lagra miniatyrerna) och det behövs lite (eller noll) konfigurationer.

Gå till LinkWithin. Fyll i detaljerna på framsidan.

Klicka på Hämta widget . Du kommer då att styras till en sida där du kan ladda ner plugin.

Installera och aktivera plugin. Ditt miniatyrrelaterade inlägg visas omedelbart i din blogg.

Så bra som det kan få finns det några nackdelar och begränsningar med att använda LinkWithin.

  1. Det finns begränsad kontroll för slutanvändaren: du kan inte konfigurera vilken miniatyrbild som ska visas för varje inlägg.
  2. Du kan inte justera storleken och utformningen av widgeten.
  3. Du kan inte ställa in positionen för widgeten att visas. Standarden är att den ska visas omedelbart efter att innehållet i inlägget slutar, men det finns tillfällen där du vill infoga författarinformation eller annonser först före det relaterade inlägget. i det här fallet kommer det inte att bli användbart.

Hackar WP-temafilen

Det bästa sättet att fullt ut anpassa användarupplevelsen är att gå in i temafilen och göra lite hacking. Detta kommer att kräva viss kodningsupplevelse.

Först använder du instruktionen här, aktivera funktionen för miniatyrbilden (gäller endast i WP 2.9 och högre).

Installera och aktivera sedan pluginet En annan tillhörande post. Vad jag älskar om detta är möjligheten att använda ett mallsystem för att ställa in det relaterade inlägget.

Gå till mappen yarpp-mallar i mappen YARPP-plugin och kopiera filen "yarpp-mall-thumbnail.php" till din temamapp.

Nästa i WordPress YARPP options sida:

  • avmarkera " Automatiskt visade relaterade inlägg? ”
  • välj antal relaterade inlägg som du vill visa
  • välj yarpp-mall-miniatyr.php från listrutan för mallfil .

Öppna "yarpp-mall-thumbnail.php" i en textredigerare. Byt ut koden med följande.

Relaterade bilder 
 have_posts ()):> 
     have_posts ()): $ related_query-> the_post (); ?> 
Inga relaterade bilder.

Vad den här koden gör är att kontrollera om det finns en miniatyrbild för varje relaterat inlägg. Om ja, det kommer att visa miniatyren och permalinken.

Därefter öppnar du din " single.php " -fil i din temmapp och lägger till följande rad i den del där du vill visa det relaterade inlägget:

Slutligen måste vi göra några styling. Kopiera och klistra in följande styling-kod till din style.css- fil.

.related_posts ul {width: 100%; list-style: none; marginal: 0; padding: 0; } .related_posts li {display: inline; flyta till vänster; marginal: 0; stoppning-vänster: 0; padding-right: 10px; bredd: 140px; / * ändra detta värde i enlighet med din mall * /} .related_permalink {width: 140px; / * ändra detta värde i enlighet med din mall * / text-align: left; font-size: 0.85em; padding-top: 5px; } .related_thumbnail {width: 140px; / * ändra detta värde i enlighet med din miniatyrstorlek * / höjd: 80px; overflow: hidden; text-align: center; }

Det är allt.

Bildkrediter: wuzhao.album