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  SyntaxError: Unexpected token < ve WooCommerce 2.4.6

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.

Související články

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á.

    Odpověď
    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().

      Odpověď
  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

    Odpověď
  3. 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 .

    Odpověď

Přidejte komentář

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čí.