Slik legger du til WordPress-relaterte innlegg uten plugins

En av de store fordelene med å bruke WordPress er pluginene. WordPress plugins dekker nesten alt du kan forestille deg, fra å utvide bloggen din til et CMS, for å legge til flotte funksjoner og optimalisere bloggen din for søkemotorer - mulighetene er uendelige (og la oss ikke glemme alle de forskjellige temaene der ute).

Men ved å bruke for mange plugins, risikerer du å tette opp WordPress-bloggen din, og i verste fall kan du ødelegge den. Det er mange tilfeller av plugins som ikke er kompatible med hverandre, så vel som plugins som senker bloggen din.

Noen av de mest populære WordPress-pluginkategoriene er basert på å legge til “relaterte innlegg” til en blogg. Siden WordPress ikke har noe standard for dette, er alle pålagt å bruke en slags plugin for å vise relaterte innlegg på deres nettsted.

Denne artikkelen vil lære deg hvordan du legger til relaterte innlegg med miniatyrbilder til bloggen din uten noen plugins, og holder alt enkelt, lett og tilgjengelig. La oss komme i gang!

Men først, hvorfor unngå plugins?

Det er flere grunner til at du alltid bør prøve og bruke WordPress 'innebygde kode og tjenester, i stedet for et plugin. Den største fordelen er at du ikke trenger å stole på en tredjepart (plugin-utvikleren) for bloggen din til å fungere. Det er mange tilfeller av populære plugins som blir forlatt av utviklerne, slik at utallige nettstedseiere stakkes med utdatert og potensielt sårbar programvare.

En annen grunn er at du ikke løper risikoen for å bruke et oppblåst plugin som kan bremse nettstedet ditt til en slip, eller enda verre, inneholde et ondsinnet stykke kode, selv om dette er sjeldent, forutsatt at du får pluginene dine fra den offisielle WordPress-katalogen.

Komme i gang: relaterte innlegg med miniatyrbilder

Denne "relaterte innlegg" -funksjonen, som de fleste andre, er utformet for å bli plassert på hovedartikkelsiden din (single.php), men du kan bruke den nesten hvor som helst, så lenge du holder den inne i WordPress-løkken. For å få de relaterte innleggene, bruker vi postordene som er gitt til individuelle artikler.

miniatyrbilder

WordPress har nå et innebygd miniatyrsystem, som vi trenger her. For å aktivere det, legg til denne koden i din functions.php-fil i temamappen din (i de fleste tilfeller er den allerede der).

 add_theme_support ('post-miniatyrer'); 

Du kan også angi bredden og høyden på miniatyrbildene ved å legge til en annen linje i koden:

 add_theme_support ('post-miniatyrer'); set_post_thumbnail_size (100, 50, true); 

Viktig: Når du legger til bilder i innlegg, for å lage et miniatyrbilde, må du velge i opplastingspanelet for bilde “Bruk som kjennetegnet bilde”. Dette vil opprette miniatyrbildet for innlegget.

Koden

 
 
Relaterte innlegg
 ID); hvis ($ tags) $ tag_ids = array (); foreach ($ tags som $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => array ($ post-> ID), 'posts_per_page' => 4, // Antall relaterte innlegg som skal vises. 'caller_get_posts' => 1) ; $ my_query = nytt wp_query ($ args); mens ($ my_query-> have_posts ()) $ my_query-> the_post (); ?> 
 
   
  
 

Kodestykket the_post_thumbnail (array (150100) angir størrelsen på miniatyrbildet som vil bli vist, i dette tilfellet 150px bredde, 100px høyde.

CSS

Vi har to divs klasser her, “.relatedposts”, som er den generelle div container, og “.relatedthumb” som er den enkelte miniatyrbildet og lenken i .relaterte innlegg. Vi antar at bredden på innlegget er standard 640px. CSS:

 .relatedposts width: 640px; margin: 0 0 20px 0; flyte: venstre; fontstørrelse: 12px; .relatedposts h3 font-size: 20px; margin: 0 0 5px 0;  .relatedthumb margin: 0 1px 0 1px; flyte: venstre;  .relatedthumb img margin: 0 0 3px 0; polstring: 0; .relatedthumb en color: # 333; tekst-dekorasjon: ingen; display: block; polstring: 4px; bredde: 150px; .relatedthumb a: svever bakgrunns-farge: #ddd; farge: # 000; 

CSS ovenfor vil gjøre innleggsminiatyrene med 150px i bredde, noe som betyr at vi trenger 4 miniatyrbilder for å fylle 640px bredden på innlegget (inkludert marginen mellom dem). Du kan justere dette som du ønsker; Hvis du vil ha 5 miniatyrer, trenger du en .relatert bredde på ca. 125px.

Viktig: Pass på å angi bredden på miniatyrbildene som er generert i WordPress-medieinnstillingene, slik at de samsvarer med de du angir i CSS. I tillegg må den matche størrelsen som er angitt i php-koden: the_post_thumbnail (array (150100).

Eksempel

De relaterte innleggene skal vises noe slikt, som brukes av spillbloggen DigitalBattle (som bruker den nøyaktige teknikken som er beskrevet i denne artikkelen):

Lignende teknikker

Dette er ikke den eneste måten å gjøre relaterte innlegg uten plugins - det er mange teknikker og guider der ute som viser deg hvordan du legger til relaterte innlegg uten plugins, her er noen av dem:

]
• Beslektede innlegg w / miniatyrbilder i WordPress uten plugin (TechWalz)
• Slik: relaterte innlegg med miniatyrer i WordPress uten plugins (WPBeginner)
• Hvordan legge til relaterte innlegg med miniatyrbilde uten plugin (WPCode)

konklusjoner

Vi kan gjøre mye med de innebygde funksjonene som WordPress tilbyr, og i mange tilfeller trenger vi ikke å ty til tredjeparts plugins for å få jobben gjort. Neste gang du trenger et plugin for WordPress-bloggen din, kan du se om du kan oppnå samme funksjon uten plugin. Grav rundt, søk på nettet etter et alternativ. Du blir overrasket over hvor mye som er mulig med WordPress ut av boksen.