Kako dodati WordPress Podobni Posts brez dodatkov

Ena od velikih prednosti uporabe WordPressa so vtičniki. WordPress vtičniki zajemajo skoraj vse, kar si lahko predstavljate, od razširitve spletnega dnevnika v CMS, dodajanja elegantnih funkcij in optimizacije spletnega dnevnika za iskalnike - možnosti so neskončne (in ne pozabimo na vse različne teme).

Toda z uporabo preveč vtičnikov tvegate, da boste zamašili svoj blog v WordPressu, in v najslabšem primeru ga boste lahko »razbili«. Obstaja veliko primerov vtičnikov, ki niso medsebojno združljivi, kot tudi vtičniki, ki upočasnjujejo vaš spletni dnevnik.

Nekatere izmed najbolj priljubljenih kategorij WordPress plugin temeljijo na dodajanju “povezanih objav” v spletni dnevnik. Ker WordPress nima nič standardnega za to, mora vsak uporabiti neke vrste plugin za prikaz povezanih objav na njihovem spletnem mestu.

Ta članek vas bo naučil, kako v svoj blog dodajati sorodne objave s sličicami brez kakršnih koli vtičnikov, tako da bo vse ostalo preprosto, lahkotno in dostopno. Začnimo!

Ampak najprej, zakaj bi se izognili plugins?

Obstaja več razlogov, zakaj morate vedno uporabiti WordPress, ki je zgrajen v kodi in storitvah, in ne vtičnika. Glavna prednost je, da vam ni treba zanašati na tretjo osebo (razvijalca vtičnikov), da bi vaš blog deloval. Obstaja veliko primerov, ko so razvijalci opustili priljubljene vtičnike, zaradi česar nešteti lastniki spletnih mest ostanejo z zastarelo in potencialno ranljivo programsko opremo.

Drug razlog je, da ne tvegate, da boste uporabljali napihnjen vtičnik, ki lahko upočasni vašo spletno stran, ali pa še huje vsebuje zlonamerno kodo, čeprav je to redko, če dobite vtičnike iz uradnega imenika WordPress..

Prvi koraki: povezane objave s sličicami

Funkcija »povezane objave«, tako kot večina drugih, je zasnovana tako, da se nahaja na vaši glavni članski strani (single.php), vendar jo lahko uporabljate skoraj povsod, dokler jo držite v zanki WordPress. Za pridobitev sorodnih objav bomo uporabili oznake objav, ki so podane za posamezne članke.

Sličice

WordPress ima zdaj vgrajen sistem sličic, ki ga potrebujemo tukaj. Če jo želite omogočiti, dodajte to kodo v datoteko functions.php v mapi s temo (v večini primerov je že tam).

 add_theme_support ('post-thumbnails'); 

Širino in višino sličic lahko nastavite tudi tako, da v kodo dodate še eno vrstico:

 add_theme_support ('post-thumbnails'); set_post_thumbnail_size (100, 50, res); 

Pomembno: Ko dodajate slike v objave, da bi ustvarili sličico, v podoknu za nalaganje slik izberite “Uporabite kot predstavljeno sliko”. S tem boste ustvarili sličico za objavo.

Koda

 
 
Sorodne objave
 ID); if ($ tags) $ tag_ids = array (); foreach ($ tags kot $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => array ($ post-> ID), 'posts_per_page' => 4, // Število povezanih objav za prikaz. 'caller_get_posts' => 1) ; $ my_query = novo wp_query ($ args); medtem ko ($ my_query-> have_posts ()) $ my_query-> the_post (); ?> 
 
   
  
 

Del kode the_post_thumbnail (polje (150,100)) nastavi velikost sličice, ki bo prikazana v tem primeru širine 150 px, višine 100 px.

CSS

Tukaj imamo dva razreda razredov, “.povezanih delovnih mestih”, ki je skupni zaboj div, in. \ t “.relatedthumb” ki je posamezna sličica in povezava znotraj povezav. Predvidevamo, da je širina pošte standardna 640px. CSS:

 .relatedposts width: 640px; marža: 0 0 20px 0; plovec: levo; velikost pisave: 12px; .relatedposts h3 velikost pisave: 20px; marža: 0 0 5px 0;  .relatedthumb margin: 0 1px 0 1px; plovec: levo;  .relatedthumb img margin: 0 0 3px 0; padding: 0; .relatedthumb a color: # 333; dekoracija besedila: nobena; prikaz: blok; oblazinjenje: 4px; širina: 150px; .relatedthumb a: hover background-color: #ddd; barva: # 000; 

Zgoraj navedeni CSS bo naredil sličice za objavo s širino 150px, kar pomeni, da bomo potrebovali 4 sličice, da zapolnimo 640px širino objave (vključno z robom med njimi). To lahko prilagodite, kot želite; Če želite 5 sličic, boste potrebovali širino približno 125 px.

Pomembno: Prepričajte se, da ste nastavili širino sličic, ustvarjenih v vaših nastavitvah za WordPress, da se ujemajo s tistimi, ki ste jih nastavili v CSS. Poleg tega mora ustrezati velikosti, določeni v kodi php: the_post_thumbnail (polje (150,100)).

Primer

S tem povezane objave naj bodo podobne, kot jih uporablja igralni blog DigitalBattle (ki uporablja natančno tehniko, opisano v tem članku):

Podobne tehnike

To ni edini način, da naredite povezana delovna mesta brez vtičnikov - obstajajo številne tehnike in vodniki, ki vam pokažejo, kako dodati povezane objave brez vtičnikov, tukaj je nekaj od njih:

]
• Sorodne objave w / sličice v WordPress brez plugin (TechWalz)
• Kako: povezane objave s sličicami v WordPressu brez vtičnikov (WPBeginner)
• Dodajanje sorodnih objav s sličico brez vtičnika (WPCode)

Sklepi

Z vgrajenimi funkcijami, ki jih ponuja WordPress, lahko veliko storimo, v mnogih primerih pa nam ni treba uporabiti vtičnikov tretjih oseb, da bi bilo delo opravljeno. Naslednjič, ko boste potrebovali vtičnik za svoj WordPress blog, preverite, ali lahko dosežete isto funkcijo brez vtičnika. Kopajte, poiščite alternativo po spletu. Presenečeni boste, koliko je mogoče z WordPressom iz škatle.