Vytvoření drobečkové navigace ve WordPressu bez použití pluginu

Drobečková navigace v šabloně je užitečná věc a protože nejsem přítele používání mnoha zbytečných pluginů, ukážeme si jak na to bez pluginu.

Do functions.php vložíme následující kód:

function the_breadcrumb() {
echo '<ul id="crumbs">';
if (!is_home()) {
echo '<li><a href="';
echo get_option('home');
echo '">';
echo 'Home';
echo "</a></li>";
if (is_category() || is_single()) {
echo '<li>';
the_category(' </li><li> ');
if (is_single()) {
echo "</li><li>";
the_title();
echo '</li>';
}
} elseif (is_page()) {
echo '<li>';
echo the_title();
echo '</li>';
}
}
elseif (is_tag()) {single_tag_title();}
elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
elseif (isset($_GET['paged']) && !empty($_GET['paged'])) 
        {echo "<li>Blog Archives"; echo'</li>';}
elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
echo '</ul>';
}
Čtěte  Přidání javascriptu a externího stylu do šablony - správný způsob

V šabloně pak na místě, kde chceme mít drobečkovou navigaci zavoláme funkci

the_breadcrumb();

A to je vše. V zítřejším článku se podíváme na další úpravu administrace.

About The Author

Zajímá mne Wordpress, responsivní šablony a zkrátka vše kolem tohoto skvělého redakčního systému.

Related posts

6 Comments

  1. Ondřej Martinek

    Zdravím, moc díky za tu drobečkovku – chceme udržet weby s co nejmenším počtem pluginů, takže ho využijeme – lze ho ale upravit tak, aby se na hlavní stránce nezobrazovalo vůbec nic? Aktuálně se zobrazuje Home (vím, že jde přeložit) a název stránky. Plus aby drobečkovka nebyla v seznamu pod sebou, ale vedle sebe? Separátor > si už dokážeme doplnit… Moc díky za pomoc jestli je možná.

    Reply
    1. Musilda

      Upravit výpis drobečkové navigace je otázka nastylování. A !is_home() by mělo zamezit zobrazení na homepage. Zkuste tu funkci nahradit !is_front_page().

      Reply
  2. Honza

    Zdravím,
    předem bych chtěl poděkovat za super návody na wordpress.
    A chtěl bych se zeptat jak by se dala drobečková navigace rozšířit o podstránky?
    Momentálně to mám např. :

    HOME >> ABOUT

    A potřeboval bych aby mi to vypisovalo i podstránky, asi takto :

    HOME >> ABOUT >> PODSTRÁNKA

    Předem děkuji za odpověď.

    Honza

    Reply
  3. M. Bajgar

    Ať hledám jak hledám netuším kam vložit to volání fuknce o Woocomerce. Jak se jmenuje ten správný soubor kam ho vložit?
    Dík

    Reply
  4. rastik1585

    Super návod len by som pripomienku ak sa využíva bootstrap3 v konkrétnej šablóne upraviť

    a pridať poslednému . Inak fakt super návody .

    Reply

Leave a Reply

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Chcete mít přehled o dění ve světě WordPressu?

Přímo do vašeho emailu

Pravidelný přehled o novinkách, trendech a událostech, které se točí kolem WordPressu. Souhrn toho nejzajímavějšího od nás i ze zahraničí.