Kuidas lisada WordPressiga seotud postitusi ilma pluginateta

Üks suuremaid eeliseid WordPressi kasutamisel on pluginad. WordPressi pluginad hõlmavad peaaegu kõike, mida võite ette kujutada, alates oma blogi laiendamisest CMS-iks, uudsete funktsioonide lisamiseks ja oma blogi optimeerimiseks otsingumootorite jaoks - võimalused on lõputud (ja ärge unustage kõiki erinevaid teemasid).

Kuid kasutades liiga palju pluginaid, on teil oht, et teie WordPressi blogi ummistub, ja kõige halvemal juhul võite seda „murda”. On mitmeid juhtumeid, kus pluginad ei ühildu üksteisega, samuti pluginaid, mis aeglustavad teie blogi.

Mõned kõige populaarsemad WordPressi pluginate kategooriad põhinevad lisamisel “Seonduvad postitused” blogisse. Kuna WordPressil pole sellele midagi standardit, on igaühel kohustus kasutada mingit pistikprogrammi, et kuvada seotud saidi postitusi.

See artikkel õpetab teile, kuidas lisada oma blogisse seotud postitusi pisipiltidega ilma lisanditeta, hoides kõike lihtsat, kerget ja ligipääsetavat. Alustame!

Kuid kõigepealt, miks vältida pluginaid?

On mitmeid põhjuseid, miks peaksite alati proovima ja kasutama WordPressi sisseehitatud koodi ja teenuseid, mitte pluginat. Peamine kasu on see, et te ei pea oma blogi toimimiseks toetuma kolmandale osapoolele (pluginite arendajale). On palju juhtumeid, kus nende arendajad loobuvad populaarsetest pluginatest, jättes arvukad saidiomanikud kinni vananenud ja potentsiaalselt haavatava tarkvaraga.

Teine põhjus on see, et te ei kasuta ohtu, et kasutate ülespuhutud pluginat, mis võib teie saidi hõõruda või mis veelgi hullem, sisaldada pahatahtlikku koodi, kuigi see on haruldane tingimusel, et saad oma pluginad ametlikust WordPressi kataloogist.

Alustamine: seotud postitused pisipiltidega

See "seotud ametikohtade" funktsioon, nagu enamik teisi, on mõeldud paigutamiseks teie peamisesse artikli lehele (single.php), kuid seda saab kasutada peaaegu kõikjal, nii kaua, kui hoiate seda WordPressi ringis. Seonduvate postituste saamiseks kasutame postitusi, mis on antud üksikutele artiklitele.

Pisipildid

WordPressis on nüüd sisseehitatud pisipiltide süsteem, mida me siin vajame. Selle lubamiseks lisage see kood oma teemakausta oma failile "files.php" (enamasti on see juba olemas).

 add_theme_support ('post-pisipildid'); 

Võite määrata ka pisipiltide laiuse ja kõrguse, lisades koodile teise rea:

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

Oluline: Pildi postituste lisamisel pisipildi loomiseks peate pildi üleslaadimise paneelis valima “Kasutage pildinäidisena”. See loob postituse pisipildi.

Kood

 
 
Seonduvad postitused
 ID); kui ($ tags) $ tag_ids = massiiv (); foreach ($ tags as $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => massiiv ($ post-> ID), 'posts_per_page' => 4, // kuvatavate seotud postituste arv. 'caller_get_posts' => 1) ; $ my_query = uus wp_query ($ args); samas ($ my_query-> have_posts ()) $ my_query-> the_post (); ?> 
 
   
  
 

Kood the_post_thumbnail (massiiv (150,100) määrab pisipildi suuruse, mis kuvatakse sellisel juhul 150 px laiusega, 100 px kõrgusega.

CSS

Siin on kaks divs klassi, “.Seonduvad postitused”, mis on kogu div konteiner, ja “.seotud” mis on individuaalne pisipilt ja link .relatedposts. Eeldame, et postituse laius on standardne 640px. CSS:

 .seotud asjad laius: 640px; varu: 0 0 20px 0; float: vasakule; font-size: 12px; .relatedposts h3 font-size: 20px; varu: 0 0 5px 0;  .relatedthumb marginaal: 0 1px 0 1px; float: vasakule;  .relatedthumb img margin: 0 0 3px 0; polsterdus: 0; .relatedthumb a color: # 333; teksti kaunistus: mitte; kuva: plokk; polster: 4x; laius: 150 px; .relatedthumb a: hover taustavärv: #ddd; värv: # 000; 

Ülaltoodud CSS muudab postituse pisipilte laiusega 150 pikslit, mis tähendab, et vajame 4 pisipilti, et täita postituse 640px laius (sealhulgas nende vaheline marginaal). Saate seda vastavalt soovile reguleerida; kui soovite 5 pisipilti, on vaja .relatedthumb laiust umbes 125 pikslit.

Oluline: Kindlasti määrake oma WordPressi meediaseadetes genereeritud pisipiltide laius, et see vastaks CSS-is määratud väärtustele. Lisaks sellele peab see vastama php koodis määratud suurusele: the_post_thumbnail (massiiv (150,100).

Näide

Seotud ametikohad peaksid ilmuma sellisena, nagu seda kasutavad hasartmängude blogi DigitalBattle (mis kasutab käesolevas artiklis kirjeldatud täpset tehnikat):

Sarnased meetodid

See ei ole ainus viis teha seotud postitusi ilma pluginateta - seal on palju tehnikaid ja juhendeid, mis näitavad teile, kuidas lisada seotud postitusi ilma pluginateta, siin on mõned neist:

]
• Seotud postitused w / pisipildid WordPressis ilma pluginata (TechWalz)
• Kuidas: seotud postitused pisipiltidega WordPressis ilma pluginateta (WPBeginner)
• Kuidas lisada seotud postitusi pisipildiga ilma pistikprogrammita (WPCode)

Järeldused

Me võime teha palju sisseehitatud funktsioonidega, mida WordPress pakub, ja paljudel juhtudel ei pea me töö tegemiseks kasutama kolmanda osapoole pluginaid. Järgmine kord, kui vajate oma WordPressi blogi pluginat, vaadake, kas saate sama funktsiooni saavutada ilma pluginata. Kaevake ümber, otsige veebist alternatiivi. Sul on üllatunud, kui palju on võimalik WordPressist välja kasti.