WordPressiin liittyvien viestien lisääminen ilman laajennuksia

Yksi WordPressin käytön suurista eduista on laajennukset. WordPress-laajennukset kattavat lähes kaiken, mitä voitte kuvitella, blogin laajentamisesta CMS-järjestelmään, hienojen ominaisuuksien lisäämiseen ja blogin optimointiin hakukoneisiin - mahdollisuudet ovat rajattomat (älkäämme unohtako kaikkia eri aiheita).

Mutta käyttämällä liian monta laajennusta, riskiä on, että WordPress-blogisi tukkeutuu, ja pahimmassa tapauksessa voit rikkoa sen. On monia esimerkkejä lisäosista, jotka eivät ole yhteensopivia keskenään, samoin kuin laajennuksia, jotka hidastavat blogiasi.

Jotkut suosituimmista WordPress-laajennuskategorioista perustuvat lisäykseen “Aiheeseen liittyvät julkaisut” blogiin. Koska WordPressilla ei ole mitään standardia tälle, kaikkien on käytettävä jonkinlaista laajennusta, jotta he voivat näyttää asiaan liittyviä viestejä.

Tämä artikkeli opettaa sinulle, miten voit liittää blogiisi pieniä kuvakkeita sisältäviä viestejä ilman lisäosia, mikä pitää kaiken yksinkertaisena, kevyenä ja helposti saatavilla. Aloitetaan!

Mutta ensin, miksi vältät plugins?

On olemassa useita syitä, joiden vuoksi sinun pitäisi aina yrittää käyttää WordPressin sisäänrakennettua koodia ja palveluja pikemminkin kuin laajennusta. Suurin etu on, että sinun ei tarvitse luottaa kolmanteen osapuoleen (plugin-kehittäjä), jotta blogisi toimisi. On monia tapauksia, joissa kehittäjät hylkäsivät suosittuja laajennuksia, joten lukemattomat sivustojen omistajat jäävät vanhentuneisiin ja mahdollisesti haavoittuviin ohjelmistoihin.

Toinen syy on se, että et ole vaarassa käyttää paisutettua pluginia, joka voi hidastaa sivustosi jauhaa, tai vielä pahempaa, sisältää haitallisen koodin, vaikka tämä on harvinaista, jos saat laajennukset virallisesta WordPress-hakemistosta.

Aloittaminen: liittyvät viestit pikkukuvilla

Tämä "liittyvä viesti" -ominaisuus, kuten useimmat muutkin, on suunniteltu sijoitettavaksi pääartikkosivullesi (single.php), mutta voit käyttää sitä lähes missä tahansa, kunhan pidät sen WordPress-silmukassa. Jotta saat vastaavia viestejä, käytämme yksittäisille artikkeleille annettuja postitunnisteita.

pikkukuvat

WordPressissa on nyt sisäänrakennettu pikkukuvajärjestelmä, jota tarvitsemme täällä. Voit ottaa sen käyttöön lisäämällä tämän koodin theme.php-tiedostoon teemakansiossa (useimmissa tapauksissa se on jo olemassa).

 add_theme_support ('post-thumbnails');

Voit myös määrittää pikkukuvien leveyden ja korkeuden lisäämällä toisen rivin koodiin:

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

Tärkeä: Kun lisäät kuvia viesteihin, jotta voit luoda pikkukuvan, valitse kuvien latauspaneelissa “Käytä näyttökuvana”. Tämä luo postin pikkukuvan.

Koodi

  Aiheeseen liittyvät julkaisut
 ID); jos ($ tags) $ tag_ids = array (); foreach ($ tags kuten $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => array ($ post-> ID), 'posts_per_page' => 4, // Näyttöön liittyvien aiheiden lukumäärä. 'caller_get_posts' => 1) ; $ my_query = uusi wp_query ($ args); vaikka ($ my_query-> have_posts ()) $ my_query-> the_post (); ?>

Koodi the_post_thumbnail (array (150100) asettaa pienoiskuvan koon, joka näytetään, tässä tapauksessa 150 pikselin leveys, 100px korkeus.

CSS

Meillä on täällä kaksi divs-luokkaa, “.Aiheeseen liittyvät julkaisut”, joka on koko div-säiliö, ja “.relatedthumb” joka on yksittäinen pikkukuva ja linkki. Oletamme, että postin leveys on vakio 640px. CSS:

 .liittyvät kohdat leveys: 640px; marginaali: 0 0 20px 0; float: vasen; font-size: 12px; .relatedposts h3 font-size: 20px; marginaali: 0 0 5px 0;  .relatedthumb marginaali: 0 1px 0 1px; float: vasen;  .relatedthumb img marginaali: 0 0 3px 0; pehmuste: 0; .relatedthumb a väri: # 333; teksti-koristelu: ei; display: block; pehmuste: 4px; leveys: 150px; .relatedthumb a: hover taustaväri: #ddd; väri: # 000;

Yllä oleva CSS tekee postin pikkukuvat leveiksi 150 pikseliä, mikä tarkoittaa, että tarvitsemme 4 pikkukuvaa täyttääkseen postin 640px leveyden (mukaan lukien niiden välinen marginaali). Voit säätää tätä haluamallasi tavalla; jos haluat 5 pikkukuvaa, tarvitset noin 125 pikselin leveyden.

Tärkeä: Varmista, että määrität WordPress-mediatiedostojen luomien pikkukuvien leveyden vastaamaan niitä, jotka määritettiin CSS: ssä. Lisäksi sen on vastattava php-koodissa määritettyä kokoa: the_post_thumbnail (array (150100).

esimerkki

Liittyvien viestien pitäisi näkyä tällaisina, kuten DigitalBattle-pelilogissa (joka käyttää tässä artikkelissa kuvattua tarkkaa tekniikkaa) käyttävät:

Samanlaisia tekniikoita

Tämä ei ole ainoa tapa tehdä asiaan liittyviä viestejä ilman laajennuksia - siellä on paljon tekniikoita ja oppaita, jotka osoittavat, miten siihen liittyviä viestejä voidaan lisätä ilman laajennuksia. Tässä muutamia niistä:

Liittyvät viestit w / pikkukuvat WordPressissa ilman laajennusta (TechWalz)
Miten: asiaan liittyvät viestit, joissa on pikkukuvia WordPressissa ilman lisäosia (WPBeginner)
Liittyvien viestien lisääminen pienoiskuvaan ilman laajennusta (WPCode)

johtopäätökset

Voimme tehdä paljon WordPressin tarjoamien sisäänrakennettujen ominaisuuksien kanssa, ja monissa tapauksissa meidän ei tarvitse käyttää kolmansien osapuolten laajennuksia saadaksemme työn. Seuraavan kerran, kun tarvitset pluginin WordPress-blogiisi, katso, voitko saavuttaa saman ominaisuuden ilman laajennusta. Kaivaa, etsi Webistä vaihtoehto. Tulet yllättymään siitä, kuinka paljon on mahdollista WordPressin avulla.