Affinite.io CZ

,

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 “; if (!is_home()) { echo “; echo ‚Home‘; echo „“; if (is_category() || is_single())…

Affinite
Affinite Senior Lead, Affinite
1 minuta čtení
Obsah článku

Přidejte záhlaví a začněte generovat tabulku obsahu

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 '
    ';
	if (!is_home()) {
		echo '
  • ';
		echo 'Home';
		echo "
    • ";
		if (is_category() || is_single()) {
			echo '
  • ';
			the_category(' 
  •  ');
			if (is_single()) {
				echo "
  • ";
				the_title();
				echo '
    • ';
			}
		} elseif (is_page()) {
			echo '
  • ';
			echo the_title();
			echo '
    • ';
		}
	}
	elseif (is_tag()) {single_tag_title();}
	elseif (is_day()) {echo"
  • Archive for "; the_time('F jS, Y'); echo'
    • ';}
	elseif (is_month()) {echo"
  • Archive for "; the_time('F, Y'); echo'
    • ';}
	elseif (is_year()) {echo"
  • Archive for "; the_time('Y'); echo'
    • ';}
	elseif (is_author()) {echo"
  • Author Archive"; echo'
    • ';}
	elseif (isset($_GET['paged']) && !empty($_GET['paged']))
        {echo "
  • Blog Archives"; echo'
    • ';}
	elseif (is_search()) {echo"
  • Search Results"; echo'
    • ';}
	echo '
';
}

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.

6 komentářů: „Vytvoření drobečkové navigace ve WordPressu bez použití pluginu“

  1. Ondřej Martinek avatar
    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á.

  2. Musilda avatar
    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().

  3. Ondřej Martinek avatar
    Ondřej Martinek

    Moc děkuji – stylování jsme už vyřešili před hodinou. Vyzkouším váš postup.

  4. Honza avatar
    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

  5. M. Bajgar avatar
    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

  6. rastik1585 avatar
    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 .