Jak přidat WordPress Související příspěvky bez pluginů

Jednou z velkých výhod používání WordPressu jsou pluginy. WordPress pluginy pokrývají téměř vše, co si dokážete představit, od rozšiřování svého blogu až po CMS, přidávání šikovných funkcí a optimalizaci blogu pro vyhledávače - možnosti jsou nekonečné (a nezapomeňme na všechna různá témata).

Ale pomocí příliš mnoho pluginů, můžete spustit riziko ucpání svého blogu WordPress, a na nejhorší, můžete 'break' to. Existuje mnoho instancí zásuvných modulů, které nejsou vzájemně kompatibilní, a také moduly, které zpomalují váš blog.

Některé z nejpopulárnějších kategorií pluginů WordPress jsou založeny na přidávání “Související příspěvky” na blog. Vzhledem k tomu, WordPress nemá nic standardního pro to, každý je povinen použít nějaký druh plugin pro zobrazení souvisejících příspěvků na svých stránkách.

Tento článek vás naučí, jak přidávat související příspěvky s miniaturami na váš blog bez jakýchkoli pluginů, udržovat vše jednoduché, lehké a dostupné. Začněme!

Ale nejdřív, proč se vyhnout pluginy?

Existuje několik důvodů, proč byste měli vždy zkusit a používat WordPress 'postavený v kódu a služby, spíše než plugin. Hlavní výhodou je, že nemusíte spoléhat na třetí stranu (vývojáře pluginů), aby váš blog fungoval. Existuje mnoho případů, kdy jejich vývojáři opouštějí populární pluginy, což ponechává nespočet majitelů stránek se zastaralým a potenciálně zranitelným softwarem..

Dalším důvodem je to, že nespustíte riziko používání nafouknutého pluginu, který může zpomalit vaše stránky na grind, nebo ještě horší, obsahovat škodlivý kód, i když je to vzácné, pokud dostanete své pluginy z oficiálního adresáře WordPress.

Začínáme: související příspěvky s miniaturami

Tato "související příspěvky" funkce, stejně jako většina ostatních, je navržen tak, aby byl umístěn na hlavní stránce článku (single.php), ale můžete jej použít téměř kdekoli, pokud si ho ponecháte ve smyčce WordPressu. Abychom mohli získat související příspěvky, budeme používat poštovní značky, které jsou přiřazeny jednotlivým článkům.

Miniatury

WordPress nyní obsahuje vestavěný miniaturní systém, který zde budeme potřebovat. Chcete-li tento kód povolit, přidejte tento kód do souboru functions.php ve složce motivu (ve většině případů je to již tam).

 add_theme_support ('post-thumbnails');

Můžete také nastavit šířku a výšku miniatur přidáním dalšího řádku do kódu:

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

Důležité: Chcete-li vytvořit miniaturu, musíte při přidávání obrázků do příspěvků na panelu pro odesílání obrázků vybrat možnost “Použijte jako zobrazený obrázek”. Tím vytvoříte miniaturu příspěvku.

Kód

  Související příspěvky
 ID); if ($ tags) $ tag_ids = pole (); foreach ($ tags as $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => pole ($ post-> ID), 'posts_per_page' => 4, // Počet souvisejících příspěvků, které se mají zobrazit. 'caller_get_posts' => 1) ; $ my_query = new wp_query ($ args); while ($ my_query-> have_posts ()) $ my_query-> the_post (); ?>

Kód the_post_thumbnail (pole (150, 100)) nastaví velikost náhledu, který bude zobrazen, v tomto případě 150px šířka, 100px výška.

CSS

Máme zde dvě divs třídy, “.Související příspěvky”, což je celkový div kontejner, a “.relatedthumb” což je individuální miniatura a odkaz uvnitř. Předpokládáme, že šířka sloupku je standardní 640px. CSS:

 .relatedposts width: 640px; marže: 0 0 20px 0; plavat vlevo; font-size: 12px; .relatedposts h3 font-size: 20px; marže: 0 0 5px 0;  .relatedthumb margin: 0 1px 0 1px; plavat vlevo;  .relatedthumb img margin: 0 0 3px 0; padding: 0; .relatedthumb a color: # 333; text-decoration: žádný; zobrazení: blok; polstrování: 4px; width: 150px; .relatedthumb a: hover background-color: #ddd; barva: # 000;

CSS výše bude poskytovat post miniatury s 150px na šířku, což znamená, že budeme potřebovat 4 náhledy vyplnit 640px šířku příspěvku (včetně okraje mezi nimi). Můžete to upravit podle svého přání; pokud chcete 5 náhledů, budete potřebovat šířku přibližně 125px.

Důležité: Nezapomeňte nastavit šířku miniatur vytvořených v nastavení médií aplikace WordPress tak, aby odpovídala nastavením nastaveným v CSS. Navíc musí odpovídat velikosti uvedené v kódu php: the_post_thumbnail (pole (150, 100)).

Příklad

Související příspěvky by se měly zobrazovat něco takového, jako je tomu u herního blogu DigitalBattle (který používá přesnou techniku popsanou v tomto článku):

Podobné techniky

Toto není jediný způsob, jak dělat související příspěvky bez pluginů - existuje spousta technik a návodů, které vám ukazují, jak přidávat související příspěvky bez pluginů, zde je několik z nich:

Související příspěvky w / thumbnails v aplikaci WordPress bez pluginu (TechWalz)
Jak: související příspěvky s miniaturami ve WordPress bez pluginů (WPBeginner)
Jak přidat související příspěvky s miniaturou bez pluginu (WPCode)

Závěry

Můžeme udělat hodně s vestavěnými funkcemi, které WordPress nabízí, a v mnoha případech se nemusíme uchylovat k zásuvným modulům třetích stran, abychom mohli tuto práci provést. Příště budete potřebovat plugin pro svůj blog WordPress, zjistíte, zda můžete dosáhnout stejné funkce bez pluginu. Pohybujte se kolem, hledejte alternativu na webu. Budete překvapeni, kolik je s WordPressem možné.