Ako pridať WordPress Súvisiace príspevky bez Pluginy
Jednou z veľkých výhod použitia WordPress sú pluginy. Doplnky WordPress pokrývajú takmer všetko, čo si dokážete predstaviť - od rozšírenia blogu do CMS, pri pridávaní šikovných funkcií a optimalizácie blogu pre vyhľadávače - možnosti sú nekonečné (a nezabúdajme na všetky rôzne témy).
Ale použitím príliš veľa plug-inov, riskujete upchatie vášho blogu WordPress a v najhoršom prípade by ste ho mohli "zlomiť". Existuje mnoho príkladov doplnkov, ktoré nie sú navzájom kompatibilné, ako aj doplnkov, ktoré spomaľujú váš blog.
Niektoré z najpopulárnejších kategórií doplnkov WordPress sú založené na pridávaní “Súvisiace príspevky” na blog. Vzhľadom k tomu, WordPress nemá nič štandardné pre to, každý je povinný použiť nejaký plugin pre zobrazenie súvisiacich príspevkov na svojich stránkach.
Tento článok vás naučí, ako pridať súvisiace príspevky s miniatúrami do vášho blogu bez akýchkoľvek zásuvných modulov, takže všetko jednoduché, ľahké a prístupné. Začnime!
Ale najprv, prečo sa vyhnúť pluginy?
Existuje niekoľko dôvodov, prečo by ste sa mali vždy snažiť používať WordPress vstavaný kód a služby, a nie plugin. Najdôležitejšou výhodou je, že nemusíte spoliehať na tretiu stranu (vývojárov doplnkov), aby váš blog fungoval. Existuje veľa prípadov, kedy ich vývojári opúšťajú populárne doplnky, takže počet nespočetných majiteľov webových stránok uviazol s zastaraným a potenciálne zraniteľným softvérom.
Ďalším dôvodom je to, že neriskujete riziko používania rozšíreného doplnku, ktorý môže spomaliť váš web, alebo dokonca horšie, obsahovať škodlivý kus kódu, aj keď je to zriedkavé za predpokladu, že dostanete svoje pluginy z oficiálneho adresára WordPress.
Začíname: súvisiace príspevky s miniatúrami
Táto funkcia "súvisiacich príspevkov", podobne ako väčšina ostatných, je navrhnutá tak, aby bola umiestnená na hlavnej stránke článku (single.php), ale môžete ju používať takmer kdekoľvek, ak ju udržiavate v rámci slučky WordPress. Ak chcete získať súvisiace príspevky, budeme používať značky príspevkov, ktoré sú uvedené pre jednotlivé články.
náhľady
Program WordPress teraz obsahuje zabudovaný miniatúrny systém, ktorý tu budeme potrebovať. Aby ste to umožnili, pridajte tento kód do súboru functions.php v priečinku s témami (vo väčšine prípadov už je tam).
add_theme_support ('post-miniatúry'); Môžete tiež nastaviť šírku a výšku miniatúr pridaním ďalšieho riadka do kódu:
add_theme_support ('post-miniatúry'); set_post_thumbnail_size (100, 50, true); dôležité: Pri pridávaní obrázkov do príspevkov, aby ste vytvorili miniatúru, musíte na paneli na nahrávanie obrázkov vybrať “Použite ako zobrazený obrázok”. Toto vytvorí miniatúru príspevku.
Kód
Súvisiace príspevky
ID); ak ($ tagy) $ tag_ids = array (); foreach ($ tagy ako $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => array ($ post-> ID), 'posts_per_page' => 4, // Počet súvisiacich príspevkov na zobrazenie. ; $ my_query = nové wp_query ($ args); zatiaľ čo ($ my_query-> have_posts ()) $ my_query-> the_post (); ?>
Kópia kódu the_post_thumbnail (pole (150100) nastaví veľkosť miniatúry, ktorá sa zobrazí, v tomto prípade šírka 150 pixelov, výška 100 pixlov.
CSS
Máme tu dve divové triedy, “.Súvisiace príspevky”, čo je celkový kontajner div, a “.relatedthumb” čo je individuálna miniatúra a prepojenie v rámci odkazovaných vzťahov. Predpokladáme, že šírka príspevku je štandardná 640 pixlov. CSS:
.súvisiaceposty šírka: 640px; marža: 0 0 20px 0; plavák: vľavo; veľkosť písma: 12px; .relatedposts h3 font-size: 20px; margin: 0 0 5px 0; . súvisiaci počet margin: 0 1px 0 1px; plavák: vľavo; .relatedthumb img margin: 0 0 3px 0; čalúnenie: 0;. súvisiaci hrot a color: # 333; textová výzdoba: žiadne; Zobrazenie: blok; polstrovanie: 4px; šírka: 150px;. súvisiacitvorka: hover background-color: #ddd; farba: # 000;
Vyššie uvedený CSS vykreslí miniatúry pošty s šírkou 150 pixelov, čo znamená, že budeme potrebovať 4 miniatúry na vyplnenie šírky príspevku (vrátane rozpätia medzi nimi) o šírke 640 pixlov. Môžete to upraviť tak, ako si prajete; Ak chcete 5 miniatúr, budete potrebovať šírku približne.
dôležité: Nezabudnite nastaviť šírku miniatúr vygenerovaných v nastaveniach médií WordPress tak, aby zodpovedali šírkam miniatúr vygenerovaným v CSS. Okrem toho musí zodpovedať veľkosti uvedenej v php kóde: the_post_thumbnail (pole (150100).
príklad
Príslušné príspevky by sa mali objaviť tak, ako sa používa v hernom blogu DigitalBattle (ktorý používa presnú techniku opísanú v tomto článku):
Podobné techniky
Nie je to jediný spôsob, ako robiť súvisiace príspevky bez doplnkov - existuje veľa techník a sprievodcov, ktoré vám ukážu, ako pridať súvisiace príspevky bez doplnkov, tu je niekoľko z nich:
- ]
- Súvisiace príspevky s miniatúrami v aplikácii WordPress bez doplnku (TechWalz)
- Ako: súvisiace príspevky s miniatúrami v aplikácii WordPress bez doplnkov (WPBeginner)
- Ako pridať súvisiace príspevky s miniatúrou bez doplnku (WPCode)
závery
Môžeme urobiť veľa s vstavanými funkciami, ktoré WordPress ponúka, a v mnohých prípadoch sa nemusíme uchýliť k doplnkom tretích strán, aby sme túto prácu vykonali. Nasledujúci čas budete potrebovať plugin pre váš WordPress blog, uvidíte, či môžete dosiahnuť rovnakú funkciu bez doplnku. Kopať okolo, vyhľadávať na webe alternatívu. Budete prekvapení, koľko je možné s WordPress z krabice.
