Sådan tilføjes WordPress-relaterede indlæg uden plugins

En af de store fordele ved at bruge WordPress er plugins. WordPress plugins dækker næsten alt hvad du kan forestille dig, fra at udvide din blog til et CMS, for at tilføje nifty funktioner og optimere din blog til søgemaskiner - mulighederne er uendelige (og lad os ikke glemme alle de forskellige temaer derude).

Men ved at bruge for mange plugins risikerer du at tilstoppe din WordPress-blog, og i værste fald kan du bryde den. Der er mange forekomster af plugins, der ikke er kompatible med hinanden, samt plugins, der sænker din blog.

Nogle af de mest populære WordPress-plugin-kategorier er baseret på at tilføje “Relaterede indlæg” til en blog. Da WordPress ikke har noget standard til dette, skal alle bruge en slags plugin til at vise relaterede indlæg på deres websted.

Denne artikel vil lære dig, hvordan du tilføjer relaterede indlæg med miniaturebilleder til din blog uden plugins, så alt er let, let og tilgængeligt. Lad os komme igang!

Men først, hvorfor undgå plugins?

Der er en række grunde til, at du altid bør prøve og bruge WordPress 'indbygget kode og tjenester, snarere end et plugin. Den største fordel er, at du ikke behøver at stole på en tredjepart (plugin-udvikleren) for din blog til at fungere. Der er mange tilfælde af populære plugins, der bliver forladt af deres udviklere, hvilket efterlader utallige webstedsejere fast med forældet og potentielt sårbar software.

En anden grund er, at du ikke løber risikoen for at bruge et oppustet plugin, der kan bremse dit websted til en slib eller endnu værre, indeholde et ondsindet stykke kode, selvom det er sjældent, at du får dine plugins fra den officielle WordPress-mappe.

Kom godt i gang: relaterede indlæg med miniaturebilleder

Denne "relaterede indlæg" -funktion er ligesom de fleste andre designet til at blive placeret på din hovedartikel side (single.php), men du kan bruge den næsten hvor som helst, så længe du holder den inden for WordPress-loop. For at få de relaterede indlæg bruger vi postposterne, der gives til individuelle artikler.

Miniaturer

WordPress har nu et indbygget miniature-system, som vi skal bruge her. For at aktivere det, tilføj denne kode til din functions.php-fil i din tema mappe (i de fleste tilfælde er den allerede der).

 add_theme_support ('post-miniaturer'); 

Du kan også indstille bredden og højden på miniaturerne ved at tilføje en anden linje til koden:

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

Vigtig: Når du tilføjer billeder til indlæg, skal du vælge, for at oprette en miniature, i billedoploadpanelet “Brug som billedbillede”. Dette vil oprette miniaturebilledet for indlægget.

Koden

 
 
Relaterede indlæg
 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, // Antal relaterede indlæg, der skal vises. 'caller_get_posts' => 1) ; $ my_query = ny wp_query ($ args); mens ($ my_query-> have_posts ()) $ my_query-> the_post (); ?> 
 
   
  
 

Koden the_post_thumbnail (array (150.100) angiver størrelsen på miniaturebilledet, som vil blive vist, i dette tilfælde 150px bredde, 100px højde.

CSS

Vi har to divs klasser her, “.Relaterede indlæg”, som er den samlede div container, og “.relatedthumb” som er den enkelte miniature og link i de relaterede poster. Vi antager, at postens bredde er standard 640px. CSS:

 .relaterede poster bredde: 640px; margin: 0 0 20px 0; flyde: venstre; font-size: 12px; .relatedposts h3 font-size: 20px; margen: 0 0 5px 0;  .relatedthumb margin: 0 1px 0 1px; flyde: venstre;  .relatedthumb img margin: 0 0 3px 0; polstring: 0; .relatedthumb en farve: # 333; tekst dekoration: ingen; display: block; polstring: 4px; bredde: 150px; .relatedthumb a: svever baggrundsfarve: #ddd; farve: # 000; 

CSS'en ovenfor vil gøre miniaturebillederne i posten med 150px i bredden, hvilket betyder at vi skal bruge 4 miniaturer til at fylde postens 640px bredde (inklusive margenen mellem dem). Du kan justere dette som du ønsker; hvis du vil have 5 miniaturer, skal du have en .relateret bredde på ca. 125 px.

Vigtig: Sørg for at indstille bredden af ​​miniaturebillederne, der er genereret i dine WordPress-medieindstillinger, for at matche dem, du angiver i CSS. Derudover skal den matche den størrelse, der er angivet i php-koden: the_post_thumbnail (array (150.100).

Eksempel

De relaterede stillinger skal vises som sådan, som brugt af spilbloggen DigitalBattle (som bruger den nøjagtige teknik beskrevet i denne artikel):

Lignende teknikker

Dette er ikke den eneste måde at lave relaterede indlæg uden plugins på. Der er masser af teknikker og hjælpelinjer derude, der viser dig, hvordan du tilføjer relaterede indlæg uden plugins, her er et par af dem:

]
• Relaterede indlæg w / miniaturer i WordPress uden plugin (TechWalz)
• Sådan: relaterede indlæg med miniaturebilleder i WordPress uden plugins (WPBeginner)
• Sådan tilføjes relaterede indlæg med miniature uden plugin (WPCode)

konklusioner

Vi kan gøre meget med de indbyggede funktioner, som WordPress tilbyder, og i mange tilfælde behøver vi ikke at ty til tredjeparts plugins for at få jobbet gjort. Næste gang du har brug for et plugin til din WordPress-blog, skal du se, om du kan opnå samme funktion uden plugin. Grave rundt, søg på nettet efter et alternativ. Du vil blive overrasket over, hvor meget der er muligt med WordPress ud af boksen.