Breadcrumbs navigácia pre wordpress

V tomto článku Vám prinášam návod ako jednoducho pridať breadcrumbs navigáciu do vašej vlastnej WordPress témy.

Pod pojmom breadcrumbs navigácia sa zvyčajne myslí jednoduchá navigácia, ktorá zobrazuje kde v hierarchii stránok sa nachádza práve zobrazená stránka. Ak si to neviete predstaviť tak tu máte malú ukážku.

Hlavná stránka > Podstránka > Podpodstránka

Takúto navigáciu je vhodné použiť hlavne na weboch s veľa podstránkami pre zjednodušenie prístupu k jednotlivým súvisiacim stránkam. Samotný WordPress neponúka žiadny template tag pre zobrazenie tejto navigácie, ale aj tak je veľmi jednoduché pridať ju k vašej vlastnej WordPress téme.

Možností je viac. A to buď vyhladať si jeden z mnohých pluginov, ktorý umožnuje zobrazovať breadcrumbs navigáciu, alebo si túto možnosť jednoducho pridať do vlastnej témy bez akéhokoľvek pluginu.

Ak vás zaujíma druhá možnosť tak stačí ak skopírujete nasledujúci kód do súboru functions.php vo vašej téme.

  1. <?
  2. function breadcrumbs($bc_post) {
  3.   echo '<a href="' . get_bloginfo('url'). '" title="">Home</a> ';
  4.   // ak v navigácii nechcete zobrazovať aj aktuálnu stránku tak odkomentujte nasledujúci riadok a zakomentujte ten pod ním
  5.   //$parent_id  = $bc_post->post_parent;
  6.   $parent_id = $bc_post;
  7.   $breadcrumbs = array();
  8.   while ($parent_id) {
  9.     $bc_page = get_page($parent_id);
  10.     $breadcrumbs[] = '<a href="'.get_permalink($bc_page->ID).'" title="">'.get_the_title($bc_page->ID).'</a>';
  11.     $parent_id  = $bc_page->post_parent;
  12.   }
  13.   $breadcrumbs = array_reverse($breadcrumbs);
  14.   foreach ($breadcrumbs as $crumb) echo ' &gt; '.$crumb;
  15. }
  16. ?>

A zavoláte funkciu breadcrumbs() na mieste kde chcete navigáciu zobraziť. Väčšinou to bude niekde v šablóne page.php.

EDIT: Nasledovný kód pridávajte do vnútra The Loop cyklu.

  1.    <div id="breadcrumbs">
  2.       <? breadcrumbs($post); ?>
  3.    </div>

Ako sami vidíte tak je to veľmi jednoduché. Daný kód som našiel niekde na oficiálnom WordPress fóre a trochu som ho upravil.

Ak máte nejaké otázky k téme, tak pridajte komentár ;)

Ak sa vám tento článok páčil, tak ho podporte na vybrali.sme.sk, alebo pozrisi.sk. Ďakujem.

Súvisiace články:

5 reakcií ku článku “Breadcrumbs navigácia pre wordpress”

  1. tybi Says:

    Hodilo by sa, aby posledný odkaz v breadcrumbs nebol odkaz. Teda aby stránka neodkazoval sama na seba. Tušíš, ako to docieliť?

    PS: Chcel som to upraviť sám, ale tak, keď už o tom píšeš. ;)

  2. head Says:

    tybi mas to napisane presne v zdrojaku ;) staci odkomentovat jeden riadok a zakomentovat dalsi a robi to presne to co chces ;)

  3. tybi Says:

    lol, bolo to tak aj pred tým? :))) Cache hovorí, že zjavne hej.

  4. breadfan Says:

    funguje to aj ak je clanok prideleny do viacerych kategorii?

  5. admin Says:

    Tento kód som použil už dávno, ale ako naň pozerám tak som to hore zle opísal. Tento spôsob funguje len pre stránky a zobrazí všetky nadradené stránky a aj aktuálnu stránku. Pre články, by som to riešil ináč, ale neviem ako by si chcel zobrazovať viac kategórií, podľa mňa to nemá význam.

Pridaj komentár