Strouhanka je navigační prvek, který zobrazuje aktuální polohu uživatele na webu. Skládá se z odkazů na rodičovské stránky a odráží hierarchii sekcí webu. Strouhanka je pro uživatele velmi užitečná, protože umožňuje rychlý pohyb po webu a snadný návrat na předchozí stránky.
Ve WordPressu najdete standardní chlebové drobky v části "Zkratky" nastavení tématu. Často je však potřeba změnit vzhled nebo funkčnost těchto drobků podle svých potřeb. V tomto článku se podíváme na několik způsobů, jak změnit strouhanku ve WordPressu.
Prvním způsobem je použití pluginu. WordPress má mnoho pluginů, které vám umožňují změnit drobky chleba a přizpůsobit je svým požadavkům. Pluginy mají často uživatelsky přívětivé rozhraní, které vám umožní snadno konfigurovat a měnit drobky chleba, aniž byste museli měnit motivový kód.
Změna strouhanky WordPress: krok za krokem pokyny
- Otevřete soubor functions.php témata, která používáte na svých stránkách. Obvykle se tento soubor nachází v adresáři wp-content/themes/název-témata.
- Vložte následující kód do souboru functions.php:
function theme_breadcrumbs() ';$home = 'Главная';if ( !is_front_page() && !is_home() ) ';echo $home;echo '';echo $separator;if ( is_single() ) ';the_title();echo '';> elseif ( is_category() ) elseif ( is_page() ) ';the_title();echo '';> elseif ( is_tag() ) elseif ( is_author() ) elseif ( is_404() ) elseif ( is_archive() ) elseif ( is_search() ) >> Po provedení uvedených kroků by se chlebové drobky na vašem webu měly změnit podle kódu přidaného do souboru functions.php.
Nezapomeňte uložit změny a aktualizovat svůj web, abyste viděli výsledek.
Nyní můžete upravit vzhled a strukturu strouhanky změnou kódu přidaného do souboru functions.php. V případě potřeby můžete přidat vlastní podmínky pro zobrazení různých položek v závislosti na typu stránky.
Instalace a aktivace pluginu strouhanky
- Přihlaste se do administračního panelu svého webu WordPress.
- Umístěte kurzor na sekci Pluginy v postranní nabídce a vyberte Přidat nový.
- Do vyhledávacího pole zadejte název pluginu strouhanky. Mezi oblíbené pluginy patří" Breadcrumb NavXT "a"Yoast SEO".
- Poté klikněte na tlačítko" Instalovat nyní " vedle názvu pluginu.
- Po dokončení instalace pluginu klikněte na tlačítko "Aktivovat" a zapněte jej na svém webu.
Nyní, když je plugin chlebových drobků aktivován, budou moci vaši návštěvníci vidět vizuální zobrazení cesty k aktuální stránce. Budou moci snadno procházet web pomocí strouhanky, což zlepší jejich interakci s vaším obsahem.
Nastavení obecných parametrů strouhanky
Wordpress poskytuje několik obecných možností, které můžete upravit pro strouhanku. Tyto možnosti vám pomohou spravovat zobrazení a funkčnost strouhanky na vašem webu.
- Oddělovač - můžete nastavit symbol, který bude použit jako dělič mezi prvky strouhanky. Ve výchozím nastavení se používá symbol"", ale můžete si vybrat jakýkoli jiný znak nebo řádek.
- Předpona - můžete nastavit předponu, která se zobrazí před řetězcem strouhanky. To může být užitečné pro přidání názvu vašeho webu nebo klíčových slov.
- Přípona - můžete nastavit příponu, která se zobrazí po řetězci strouhanky. Můžete to použít k přidání dalších informací nebo symbolu.
- Hierarchický řád - můžete si vybrat, v jakém pořadí by se měly zobrazovat položky strouhanky. Můžete například vybrat zobrazení hierarchické cesty od nadřazené stránky k aktuální stránce.
- Domácí odkaz - můžete si vybrat, aby se domácí odkaz zobrazil v drobenkách jako první položka. To je užitečné, pokud chcete, aby se uživatelé mohli snadno vrátit na domovskou stránku.
- Trvalé odkazy - můžete si vybrat, aby byly stíněny trvalé odkazy na jednotlivé položky strouhanky. To znamená, že se zobrazí jako text, nikoli jako aktivní odkazy.
- Úroveň třídění - můžete nastavit úroveň třídění položek strouhanky. To vám umožní spravovat pořadí, ve kterém se zobrazují na vašem webu.
Nastavení těchto možností vám pomůže zlepšit navigaci na vašem webu a učinit drobky chleba informativnějšími a uživatelsky přívětivějšími.
Změna stylu chlebíčků
Prvním způsobem je změnit CSS styly drobenek. Ve WordPressu můžete použít hotové třídy a identifikátory ke stylizaci strouhanky. Můžete například změnit barvu textu, přidat obrázek na pozadí nebo změnit velikost písma. Chcete-li změnit CSS styly strouhanky, přidejte příslušná pravidla do souboru stylů vašeho tématu nebo do pluginu CSS.
Druhým způsobem je použití hotových pluginů ke změně strouhanky. Ve WordPressu existují různé pluginy, které vám umožňují přizpůsobit styl strouhanky bez psaní kódu. Můžete si vybrat plugin, který poskytuje nejpohodlnější funkce pro váš web a nakonfigurovat jej podle návrhu webu.
Bez ohledu na zvolený způsob změny stylu strouhanky je důležité mít na paměti následující body:
- Barva a velikost textu by měly být dostatečně kontrastní, aby uživatelé mohli snadno číst drobky chleba.
- Styl a vizuální design chlebíčků by měly být v souladu s celkovým designem webu a neměly by zbytečně vyniknout.
- Strouhanka by měla být klikací odkazy, aby uživatelé mohli procházet části webu.
Pamatujte, že styl strouhanky musí být pro uživatele intuitivní, aby mohli snadno najít informace, které potřebují, a snadno se pohybovat po webu. Pečlivě si promyslete design strouhanky a zvažte preference a potřeby svého publika.
Přidání a přizpůsobení rozdělovače strouhanky
Chcete-li přidat a upravit rozdělovač strouhanky do WordPressu, můžete použít funkci breadcrumb_separator() . Tato funkce vám umožňuje nastavit si vlastní oddělovač.
Příklad použití funkce:
>';>add_filter('breadcrumb_separator', 'my_breadcrumb_separator');?>V tomto příkladu bude oddělovač strouhanky symbolem>>. Můžete jej nahradit jakýmkoli jiným symbolem nebo textem, jak chcete.
Pokud chcete změnit oddělovač pouze pro konkrétní šablonu, můžete provést změny v souboru šablony header.php . Najděte funkci volání strouhanky a přidejte atribut třídy breadcrumb_separator ( ' > ' ), kde > > bude vaším oddělovačem:
Tímto způsobem můžete ve WordPressu upravit a upravit rozdělovač strouhanky, aby lépe odpovídal designu a stylu vašeho webu.
Nastavení zobrazení strouhanky na stránkách příspěvků a stránek
Strouhanka je navigační prvek, který uživatelům umožňuje snadno procházet web. Ve WordPressu jsou chlebové drobky ve výchozím nastavení zobrazeny jako seznam odkazů, které označují kategorie, ve kterých je obsah umístěn. Můžete však upravit zobrazení drobenek na stránkách příspěvků a stránek tak, aby vyhovovalo vašim preferencím.
1. Změna textu strouhanky: pro změnu textu zobrazeného v strouhance můžete použít speciální filtr wpseo_breadcrumb_single_link_info. Tento filtr umožňuje změnit text odkazu a přidat k němu další atributy, jako jsou Třídy stylů nebo atributy rel. Příklad použití:
add_filter( 'wpseo_breadcrumb_single_link_info', function( $link_output, $link_info ))
$ link_output= str_replace ('Rubrika:', ' Kategorie:', $ link_output );
2. Změna rozdělovače strouhanky: oddělovač je symbol nebo text používaný k oddělení prvků strouhanky. Ve výchozím nastavení WordPress používá symbol"/". Chcete-li změnit oddělovač, můžete použít speciální filtr wpseo_breadcrumb_separator. Příklad použití:
add_filter( 'wpseo_breadcrumb_separator', function( $separator ))
3. Skrytí drobků chleba na konkrétních stránkách: pokud nechcete, aby se drobky chleba zobrazovaly na konkrétních stránkách, můžete použít funkci is_page() v souboru šablony stránky (např. page.php).
Místo 'about' můžete zadat název stránky, ID nebo šablonu stránky, na které by se chlebové drobky neměly zobrazovat.
To jsou jen některé způsoby, jak upravit zobrazení drobků chleba na stránkách příspěvků a stránkách ve WordPressu. Můžete experimentovat s různými filtry a funkcemi, abyste dosáhli výsledku, který potřebujete.
Kontrola a zachování změn chlebíčků
Po změně kódu strouhanky ve WordPressu je nutné zkontrolovat funkčnost a spojení s dalšími prvky webu.
Pro kontrolu změn strouhanky lze použít několik metod:
- Otevřete stránku webu, na které je cesta s chlebíčky.
- Zkontrolujte, zda je cesta zobrazena správně a všechny položky chlebíčků jsou klikatelné.
- Přejděte na každou položku cesty a ujistěte se, že je správně přesměrováno na příslušnou stránku.
- Zkontrolujte, zda se řetězec chlebíčků zobrazuje na všech stránkách webu stejně a odpovídá jejich hierarchii.
Po provedení kontroly a přesvědčování o správném fungování chlebíčků je možné uložit změny a aktualizovat web. Pokud dojde k chybám nebo nesprávnému zobrazení cesty, musíte se vrátit ke kódu strouhanky a provést úpravy.
Správně nakonfigurované a fungující chlebíčky zvyšují uživatelskou přívětivost webu a pomáhají uživateli snadno se orientovat na stránce. Kontrola a uchovávání změn chlebových drobků je důležitým krokem při provádění změn v kódu samotného webu.