Nastavení strouhanky. Drobečková navigace ve WordPressu bez pluginů. Drobečková navigace s WordPress Hacks

Dobrý den, milí čtenáři tohoto blogu. Dnes chci mluvit o pluginu pro WordPress, který se na mém blogu používá ke dvěma velmi důležitým účelům.

Za prvé usnadňuje navigaci a za druhé řeší velmi důležitý problém – vytvoření správného vnitřní propojení. Abychom neprodlužovali intriky, hned řeknu, že budeme mluvit o pluginu Breadcrumb NavXT. Ale nejdřív.

Již jsem hodně mluvil o potřebě vytvořit správné propojení stránek webu, aby se statická váha přenášená prostřednictvím jakýchkoli externích odkazů rovnoměrně rozložila na všechny webové stránky projektu. To je obzvláště důležité.

Proč potřebujete ve WordPressu strouhanku?

Propagace prostřednictvím LF má řadu výhod, hlavní (zejména důležitá u nekomerčních projektů) je, že nejsou potřeba žádné investice Peníze nutné pro nákup externí odkazy. To je způsobeno skutečností, že v LF je možné postupovat pouze díky samotnému internímu webu a vytvořením správného propojení, jak je popsáno.

Mimochodem, pro komerční projekty má propagace nízkou frekvencí také řadu výhod, z nichž hlavní je opět nižší cena, ale kromě toho budou mnohem pravděpodobnější návštěvníci, kteří přišli z výsledků vyhledávání na takové dotazy. být převedeny na bankovky než návštěvníci, kteří přicházeli ze středních dotazů a s vysokou frekvencí (kvůli vágnosti posledně jmenovaných).

Hlavní myšlenkou správného propojení je přenesení statické váhy různé stránky webu (většina externích odkazů obvykle vede na hlavní stránku), bez problémů proudily na ty, které jsou přímo propagovány přes LF (kde se články skutečně nacházejí).

Ale ideální kruhové schéma popsané ve výše uvedeném článku je obtížné implementovat reálných podmínkách, Proto dobrá volba bude zde kulové spojovací schéma. Zhruba řečeno, takové schéma může být přehnané do té míry, že čím více vnitřních vazeb bude, tím lépe bude rozložena statická váha. Je podobný rozvětvenému oběhovému systému, který umožňuje krvi přenášet kyslík do všech vnitřních orgánů, dokonce i do těch nejvzdálenějších od plic.

Pokaždé, když píšete články, můžete ručně přidat odkazy na další materiály na vašem webu, které budou relevantní. Je pravda, že interní seznam kotev, který vytvoříte pro každý článek, berete velmi vážně. To by mělo být provedeno přibližně stejným způsobem jako. Neměli byste používat stejný nezředěný klíč ve všech odkazech na něj, dobře, víte, co tím myslím.

Toto je velmi dobrá cesta, ale vždy bude dobré jej rozšiřovat a doplňovat pomocí automatických metod Jednou z nejčastějších možností, jak něco takového uspořádat, jsou tzv. strouhanky, které rozšiřují možnosti navigace ve zdroji, ale i vytváření nějakého. blok odkazů na další podobné materiály ve vašem projektu, tématicky podobné tomuto článku.

Dnes se chci podrobně podívat na první možnost, ale o podobných materiálech pro WordPress v .

K implementaci drobenky použijeme plugin Breadcrumb NavXT. V zásadě můžete pro tyto účely použít i jiné WordPress pluginy, ale tyto se mi líbily nejvíce. Je to dokonce možné.

Instalace pluginu Breadcrumb NavXT ve WordPressu

Dobře, je čas přejít k instalaci a konfiguraci pluginu. Pokud najednou nevíte, co jsou strouhanka, pak je to v pořádku. Vlastně jsem to zprvu taky nevěděl, protože tento termín byl převzat z buržoazie a souvisí s jejich buržoazní pohádkou o Jeníčkovi a Gretě, kteří jimi označovali cestu.

Podle našeho chápání by se tento prvek navigace na webu měl nazývat „Ariadnino vlákno“, protože je nám nějak bližší. No dobře, tak tomu říkali. Obvykle se tedy objevují někde v horní části okna webu a jsou vlastně cestou k článku, ve kterém se nacházíte tento momentČtete.

Například mám velmi rád navigaci pomocí drobků a vždy se snažím najít jejich řádek na jakékoli stránce, abych pochopil, kde vlastně jsem a jak přejít do sekce, kde se nachází tento úžasný článek, abych si přečetl více na stejné téma .

Pamatujete si, co je to strouhanka? Myslím, že jste si vzpomněli, ale pokud ne, tak se podívejte úplně nahoře v tomto okně pod hlavičkou tohoto blogu.

Nejprve si budete muset stáhnout Breadcrumb NavXT odtud. Instalace pluginu na WordPress standard. Připojte se ke svému blogu přes FTP protokol(pracovat s Klient FileZilla podrobně popsáno) a otevřete složku na serveru:

/wp-content/plugins

Rozbalte archiv pomocí Breadcrumb NavXT a zkopírujte výslednou složku na hostitelský server do adresáře (/wp-content/plugins). Nyní budete muset přejít do oblasti pro správu WordPress, z levé nabídky vybrat „Pluginy“ a v okně, které se otevře, přejděte na kartu „Neaktivní“. Najděte řádek s tím, co potřebujete, a klikněte na text „Aktivovat“ umístěný těsně pod ním.

Volání Breadcrumb NavXT a přizpůsobení vzhledu drobků

To je vlastně všechno. Nyní zbývá ještě jeden důležitý detail: vyberte místo v šabloně WordPress (téma), kde se bude zobrazovat řádek se strouhankou, a na toto místo vložte kód funkce Breadcrumb plugin NavXT. Úkol není úplně triviální pro začínajícího webmastera, který se málo orientuje ve struktuře enginu a práci jeho témat.

Ale to vás asi nebude mást, protože... číst se dá vždycky, naštěstí tam není nic složitého.

Pokud jste již obeznámeni se strukturou témat a znáte v ní účel určitých šablon, pak budeme pokračovat. Ale jinak vám stále doporučuji, abyste se s tím alespoň povrchně seznámili pomocí výše uvedeného materiálu (nebo nějakého jiného).

Naším úkolem je tedy identifikovat ty soubory ze složky s motivem, který používáte, do kterého budeme muset vložit kód pro volání drobků. A pak se budete muset rozhodnout, kam přesně do kódu vložíme toto:

Nejprve se musíte připojit ke svému blogu přes FTP a otevřít složku s motivem, který právě používáte:

Wp-obsah/témata/název WordPress témata

Nyní vám řeknu, jak jsem si výstup strouhanky vyrobil sám a můžete po mně vše zopakovat, nebo použít vlastní verzi vkládání.

Pokud se pokusíte vizualizovat účel šablon z motivu, dostanete něco takového:

Z tohoto rozložení můžeme usoudit, že budeme muset vložit kód pro volání Breadcrumb NavXT do těch šablon, které jsou zodpovědné za zobrazování obsahu v centrální části blogu: INDEX, SINGLE, ARCHIVE, PAGE nebo SEARCH.

Pravda, drobky jsem nezobrazoval v INDEXU, který je zodpovědný za vytvoření hlavní stránky WordPressu, protože tam další navigace bude nadbytečný.

Vložil jsem to do: SINGLE (zodpovědný za vytváření stránek s články), ARCHIV (formuluje stránky kategorií, dočasné archivy, archivy tagů), PAGE (formuluje do statických stránek, např. „O blogu“).

Kód pro volání Breadcrumb NavXT jsem do těchto šablon vložil na stejné místo - úplně na začátku, hned za první řádek:

aby to dopadlo takto:

Do souboru tabulky kaskádové styly STYLE.CSS ze složky s motivem, který jsem používal, jsem jich pár přidal Vlastnosti CSS pro třídu BREADCRUMB:

Breadcrumb ( font:bolder 12px "Trebuchet MS", Verdana, Arial; padding-bottom: 10px; ) .breadcrumb a( color: #1B7499; ) .breadcrumb a:hover ( color: #EF0E0E; )

Tyto vlastnosti definují vzhled pro drobečky ve WordPressu: , a . Určují také barvu odkazů ze strouhanky (.breadcrumb a) a barvu odkazů, když na ně najedete myší (.breadcrumb a:hover). Obecně vám doporučuji přečíst si stránku.

Funkce a nastavení pluginu Breadcrumb

Můžete si dělat, jak chcete. Jak se říká, pán je pán. Tím jsme ale pouze určili umístění strouhanky a nastavili jejich vzhled. Tento plugin má ale ještě poměrně hodně nastavení.

Chcete-li to provést, přejděte na stránku Správce WordPressu a vyberte „Breadcrumb NavXT“ z levé nabídky v oblasti „Nastavení“. V okně, které se otevře, uvidíte několik záložek:

Na kartě Obecné můžete nastavit parametry, které se použijí na všechny stránky vašeho blogu. V poli „Oddělovač“ zadejte znak, který bude sloužit jako oddělovač ve strouhance. V mém případě je dán symbol ">". speciální kód, protože umístěn symbol ">". výslovně, bude WordPress interpretován jako znak otevíracího HTML tagu.

Obecně existují (mnemotechnické prostředky), které například nelze vložit přímo. Tady jsou některé z nich:

Mnemotechnický kód Symbol " " & &< < > > ¤ ¤ ¦ ¦ § § © ª ? « « ® ® ° ° ± ± µ µ ¶ ¶ · ¹ ? € €

Jako oddělovač strouhanky si vyberte libovolný symbol, který se vám líbí.

V poli „Maximální délka“ můžete nastavit délku kotvy (textu odkazu) ve znacích. Limit délky na 60 znaků jsem nastavil ne z důvodů designu, ale optimalizace obsahu.

Vyhledávače mohou být ambivalentní ohledně odkazů se stejnými kotvami, a proto je zkracuji na malé kousky, aby byly jedinečné. Je možné, že to není opravdu nutné, ale jen pro případ.

Do polí „Prefix“ a „Suffix“ můžete zadat text, který bude předcházet nebo následovat odkaz na hlavní stránku ve strouhance.

Upozorňujeme, že tento text bude umístěn v atributu Značka TITLE A a bude pravděpodobně brána v úvahu vyhledávači jako alternativní kotva. Chci říct, že by se to mělo používat klíčová slova související s domovskou stránkou vašeho blogu.

Změny v nastavení pluginu Breadcrumb NavXT nezapomeňte uložit pomocí stejnojmenného tlačítka. Dále můžete projít všechny karty. Například na následující stránce můžete nastavit nastavení pro odkaz, který povede na stránku, kde se právě nacházíte:

Na další kartě „Příspěvky / Stránky“ můžete nakonfigurovat zobrazení odkazů na stránky s články a statické stránky vašeho blogu:

U článků jsem nastavil předchozí nápis „Aktuální článek“ a text jsem uzavřel do uvozovek pomocí mnemotechnického kódu (viz seznam mnemotechnických kódů výše):

Přejděte na další kartu „Kategorie“. V zásadě se zde opakují všechna stejná nastavení jako v předchozích. Nenastavil jsem rámec (předponu a příponu) pro odkazy na kategorie, ale nastavil jsem rámec pro archivní stránky:

V důsledku toho vypadá drobečková navigace na webových stránkách archivu takto:

Tak zvané " strouhanka„slouží ke zlepšení navigace na webu a pomáhají návštěvníkovi webu zjistit, kde se právě nachází. Návštěvník na kterékoli stránce webu rozumí své poloze ve struktuře blogu pomocí strouhanky.

Drobečková navigace je dalším prvkem interního propojení webových stránek. Navigace po webu je zjednodušená, což je pro návštěvníka webu pohodlné, a v tomto ohledu se zvyšují faktory chování.

Samotný termín „Strouhanka“ je převzat z pohádky bratří Grimmů „Jíšek a Mařenka“, ve které byly děti odvedeny do lesa. Poprvé, když otec na příkaz zlé macechy vezme svého bratra a sestru do lesa, najdou cestu zpět díky tomu, že po cestě nechali oblázky. Podruhé děti neměly žádné kamínky a místo kamínků nechaly na cestě drobky chleba, které sežralo lesní ptactvo a děti se v lese ztratily. Po různých peripetiích se dětem ještě podařilo vrátit se domů.

Navigace Drobečková navigace je obvykle pruh v horní části stránky, který vypadá asi takto:

Všechny části webu, kromě poslední, jsou odkazy. Poslední sekce navigace je přesně ta stránka, na které se právě nacházíte. Není třeba vytvářet hypertextový odkaz na tuto stránku.

Tento poslední prvek nemusí být nutné samostatná stránka, a například název kategorie, pokud jste zařazeni do nějaké kategorie. V tomto případě již název kategorie nebude hypertextovým odkazem.

Drobečku lze na web nainstalovat pomocí pluginu nebo bez jeho použití. speciální plugin. Nejprve se podívejme na instalaci drobečkové navigace pomocí pluginu Breadcrumb NavXT.

Breadcrumb plugin NavXT

Chcete-li nainstalovat plugin Breadcrumb NavXT, musíte se přihlásit do „Administrátorského panelu WordPress“ => „Pluginy“ => „Přidat nový“. Do pole „Search“ musíte zadat výraz „Breadcrumb NavXT“ a poté musíte kliknout na tlačítko „Search for Plugins“.
V okně „Install Plugin“ klikněte pod názvem pluginu „Breadcrumb NavXT“ na odkaz „Install“.

V okně „Instalace pluginu: Breadcrumb NavXT“, které se otevře, klikněte na odkaz „Aktivovat plugin“. Poté na postranním panelu " Administrátorské panely WordPress"objevilo se nový předmět"Drobečková navigace NavXT". Pokud kliknete na tuto položku, můžete vstoupit do nastavení pluginu.

Okno Breadcrumb NavXT Settings obsahuje poměrně dost nastavení pro tento plugin. Nastavení Breadcrumb NavXT lze ponechat ve výchozím nastavení. Pokud chcete, můžete na kartě „Základní“ změnit položku „Odkaz na domovskou stránku“.

Nyní musíte do souborů motivů vložit následující kód na místa, kde se budou zobrazovat drobky:

Tento kód je vhodné vložit do následujících souborů vašeho motivu: “Jedna položka (single.php)”, “Šablona stránky (page.php)”, “Archiv (arhvie.php)”, “Výsledky vyhledávání (hledání. php)“.

Abyste mohli vložit tento kód, musíte vstoupit do „Administračního panelu WordPress“ => „Vzhled“ => „Editor“ => „Šablony“.

V šabloně „Single Post (single.php)“, která je zodpovědná za stránky s články, je kód vložen tak, jak je znázorněno na tomto obrázku.

Po vložení kódu klikněte na tlačítko „Aktualizovat soubor“.

Kód je vložen, poté musíte kliknout na tlačítko „Aktualizovat soubor“.

Tento kód budete také muset vložit do souboru „Archives (arhvie.php)“, který je zodpovědný za kategorie.

Po vložení kódu klikněte na tlačítko „Aktualizovat soubor“.

A po instalaci kódu do souborů motivů WordPress je kód vložen do souboru „Search Results (search.php)“, který je zodpovědný za vyhledávání na webu. Vložte kód na místo, jak je znázorněno na obrázku.

Tento obrázek ukazuje, jak vypadá drobečková navigace. Název domovské stránky nebyl změněn na název webu.

Můžete také vložit následující kód do souboru „Style Sheet (style.ccs)“ (toto je volitelné):

Breadcrumb ( font:bolder 12px "Trebuchet MS", Verdana, Arial; padding-bottom: 10px; ) .breadcrumb a( color: #1B7499; ) .breadcrumb a:hover ( color: #EF0E0E; )

V tomto kódu můžete změnit velikost a písmo (font:bolder 12px “Trebuchet MS”, Verdana, Arial), odsazení (padding-bottom: 10px) a také barvu odkazů drobečkové navigace ve statickém stavu a při najetí myší na kurzor myši nad nimi (můžete změnit digitální hodnoty).

Hodnoty v tomto kódu lze změnit podle vašeho uvážení nebo můžete najít jiný podobný kód na internetu. Můžete se také obejít bez instalace tohoto kódu do souboru „Style Sheet (style.ccs)“. V motivu, který jsem nainstaloval, se po instalaci kódu písmo trochu změnilo.

Tento článek se zabýval instalací drobečkové navigace na web pomocí pluginu Breadcrumb NavXT. Následující článek se bude zabývat touto otázkou - jak nainstalovat bez použití pluginu.

Závěry článku

Pomocí pluginu Breadcrumb NavXT se na stránky instaluje navigace, tzv. „breadcrumbs“, která uživateli pomáhá pochopit, ve které části webu se v daný čas nachází.

Dobrý den, milí čtenáři! Dnes si povíme, co jsou to drobky, jaké funkce na blogu plní a hlavně, jak nainstalovat a nakonfigurovat plugin Breadcrumb NavXT, který vám umožní vytvořit Strouhanka WordPress.

Co jsou to strouhanky

„Drobečková navigace“ ukazuje cestu na blogu, kterou musíte sledovat z hlavní stránky na aktuální stránku. Jedná se o druh navigačního řetězce, jehož každý odkaz je odkazem na stránku vyšší úrovně. Nejvyšší úroveň je hlavní blog. V ideálním případě by cesta na jakoukoli stránku blogu z hlavní stránky měla trvat maximálně 3 kliknutí myší. Ve skutečnosti tohle domů - kategorie - příspěvek nebo domů - kategorie - kategorie - příspěvek, ale ne déle. To je nezbytné pro pohodlí nejen uživatelů, ale také vyhledávačů. Vyhledávače mohou indexovat příspěvky s hlubším obsahem s určitým zpožděním. Jejich význam v očích vyhledávačů navíc klesá s rostoucí úrovní vnořování. Zkuste proto na hlavní stránku umístit odkazy na nejdůležitější a nejzajímavější články na blogu.

Podobná funkce na webu se nazývá jinak - navigátor, strouhanka, cesta na webu, ale nejoblíbenější název je „strouhanka“. Tento název pochází z pohádky o Jeníčkovi a Gretě, ve které hrdinové rozházeli drobky chleba, aby našli cestu zpět.

Kromě pohodlí a navigace plní další důležitou funkci – zlepšují vnitřní propojování stránek blogu. Již dříve jsem mluvil o třech důležitých a zajímavých pluginech pro interní linkování, které všem vřele doporučuji nainstalovat na svůj blog. Do tohoto seznamu lze snadno přidat Breadcrumb NavXT.

Když vyhledávače indexují článek na blogu, okamžitě vidí, do které kategorie patří, a úplnou cestu k té hlavní, což jim pomáhá určit strukturu blogu. Nezapomeňte jej přidat na svůj blog pro vyhledávače i uživatele.

Instalace a konfigurace pluginu Breadcrumb NavXT

Instalace Breadcrumb NavXT se poněkud liší od instalace, takže se na ni podíváme podrobně:

2. Rozbalte archiv a nahrajte složku se soubory pluginů na server do adresáře wp-content/plugins. Chcete-li to provést, použijte FileZilla.

3. Aktivujte plugin prostřednictvím sekce „Pluginy“ na panelu administrátora WordPress.

4. Nyní musíte vložit následující kód:

Druhým nejoblíbenějším místem je záhlaví webu. K tomu je potřeba kód vložit pouze do jedné šablony – header.php. Nemohu říci přesné místo, vše závisí na tématu. Zde je vhodná metoda vědeckého šťouchání - vložte kód, uložte, podívejte se na výsledek, pokud se vám nelíbí, změňte umístění kódu v šabloně.

Některá pokročilá témata ve výchozím nastavení zobrazují na blogu drobky, ale přesto bych doporučil používat plugin Breadcrumb NavXT, protože má flexibilnější nastavení. V takových případech byste měli nahradit standardní kód v šablonách motivů odpovědných za zobrazení drobečkové navigace kódem pluginu uvedeným výše. Standardní kód by měl být v mnoha ohledech podobný danému kódu pluginu, takže nebude těžké ho najít (obvykle je uzavřen v tagu div, ID nebo class, který má také stejný název – strouhanka).

Po přidání kódu můžete změnit vzhled strouhanky WordPress. Chcete-li to provést, přidejte styly do třídy drobečkové navigace v souboru style.css motivu, který používáte. K tomu samozřejmě potřebujete znát základy CSS, proto vám doporučuji přečíst si bezplatný návod CSS od Vlada Merzheviče, který si můžete stáhnout z mého blogu.

Nastavení pluginu se nachází v části „Options“ – „Breadcrumb NavXT“. Na internetu na něj můžete najít crack, ale bohužel s nejnovějšími verzemi pluginu funguje velmi pokřiveně - většina nastavení zůstává v angličtině. Proto zvážím nastavení v angličtině, poskytnu překlady a své komentáře k nejdůležitějším bodům.

První záložka se nazývá „Obecné“.

Oddělovač drobečkové navigace – symbol, který bude použit jako oddělovač mezi články v řetězci drobečkové navigace.

Drobečková maximální délka názvu - název stránky se používá jako odkaz v navigačním řetězci, tato volba nastavuje maximální délku názvu, 0 - použije se celý název bez oříznutí.

Home Breadcrumb – zda ​​uvést hlavní blog ve strouhance. Doporučuji vám povolit a pojmenovat jej podle názvu vašeho blogu.

- text, který bude viditelný na hlavním blogu, pokud se nejedná o odkaz.

Přejděte na kartu Aktuální položka, což znamená „Aktuální položka“ nebo „Aktuální umístění“.

Odkaz na aktuální položku – zobrazí název aktuální stránky jako odkaz na ni nebo ne.

Stránkovaná drobečková navigace – podpora pro navigaci na stránce. Po aktivaci se čísla budou zobrazovat ve strouhance.

— šablona, ​​která definuje název aktuální pozice, když je povolena podpora navigace stránkami.

Další sekce se nazývá „Příspěvky a stránky“ – Příspěvky a stránky.

Zobrazení taxonomie příspěvku - zobrazí všechny možné cesty vedoucí k příspěvku.

Taxonomie příspěvku - lze zobrazit v možnostech cesty příspěvku. Pro svůj blog jsem zvolil standardní možnost - Nadpisy.

Šablona stránky a šablona stránky (nepropojeno)— podobně jako Šablona příspěvku a Šablona příspěvku (Nepropojeno) diskutované výše, pouze se zobrazí u publikovaných článků.

Další na řadě je sekce „Kategorie a štítky“.

Tato část určuje šablony pro vytváření strouhanky pro kategorie a značky. Postupujte podle stejných kroků jako u výše uvedených šablon příspěvků.

V sekci můžete nastavit šablony pro stránku autora (Author), datum/archiv (Date), výsledky vyhledávání (Search) a chyby 404.

Ostatní možnosti nepoužívám, takže nebudu chytře zkoumat jejich účel.

No, na všechno jsme přišli! Gratulujeme! Zde končím svůj příběh a loučím se s vámi, ale ne na dlouho, protože brzy na mém blogu vyjde další zajímavý článek!

Ahoj všichni přátelé. V dnešním článku vám prozradím, co jsou to strouhanky, k čemu jsou a jak je přidat na váš blog WordPress s pluginem nebo bez něj. Pojďme začít!

Drobečková navigace – pohodlný způsob propojení blogu

Jedním z jednoduchých způsobů, jak současně zjednodušit navigaci na webu a propojení, je drobečková navigace. Svůj název dostal na počest toho, jak se hrdinové německé pohádky „Jíšek a Mařenka“ snažili najít cestu z lesa.

Je pravda, že drobky dětem nepomohly - klovali je ptáci, ale při vývoji webových stránek se funkce pojmenovaná po neúspěšné metodě záchrany zakořenila a používá se ve zdrojích pro různé účely, od osobních blogů po online obchody.

Tuto drobečkovou stezku jste pravděpodobně viděli na různých internetových zdrojích. Obvykle je umístěn nad článkem a vypadá asi takto:

Domovská stránka> Kategorie > Podkategorie > Aktuální stránka

Navíc všechny „odkazy“, kromě posledního, jsou interní odkazy.

Díky tomuto řetězci může čtenář kdykoli pochopit, na jaké úrovni webu se nachází a má možnost projít celý řetězec a okamžitě přejít do sekce, která ho zajímá, nebo se vrátit na hlavní stránku zdroje.

Jaké jsou výhody strouhanky pro web a blog?

Jak bylo uvedeno výše, za prvé zjednodušuje navigaci. Čtenář například přišel k článku, přečetl si ho a rozhodl se přečíst si další články v sekci. Díky strouhance nemusí hledat mapu stránek ani seznam kategorií. Vrátí se jen o krok zpět.

Nenápadně vyzvete čtenáře, aby klikl na odkazy, čímž mu dáte další důvod zůstat na vašem webu. To zase zlepšuje faktory chování, což je to, co vyhledávací roboti rozlišují mezi blogy a weby na prvním místě.

Čím složitější je struktura webu, tím důležitější je nainstalovat na něj strouhanku. Protože pro návštěvníky, zejména pro ty, kteří se ocitnou na tomto zdroji poprvé, je obtížné pochopit všechny bloky, stránky, sekce a podsekce. Pokud nedostanou žádné rady, odejdou po přečtení jediného článku.

Druhým úkolem tohoto prvku, úzce souvisejícím s prvním, je vnitřní optimalizace webu, respektive další způsob, jak propojit co nejvíce článků pomocí odkazů. Navíc na rozdíl od ručního propojování se zde vše děje automaticky. Nad každým publikovaným článkem se okamžitě objeví požadovaná drobenka.

Tuto funkci lze na webové stránky a blogy přidat různými způsoby. Podívejme se na dvě nejjednodušší možnosti WordPressu – instalaci pomocí pluginu a pomocí malých změn v kódu.

Jak přidat drobky na blog pomocí pluginu

Nejjednodušší způsob, jak nainstalovat drobky na blog, je nainstalovat speciální plugin. Pro WordPress se obvykle používá Breadcrumb NavXT.

Způsob instalace je standardní: přejděte na admin blogu -> Pluginy -> Přidat nový. V zobrazeném okně zadejte název pluginu a klikněte na „Najít pluginy“.

Zde je náš plugin, klikněte na „Instalovat nyní“ a poté na „Aktivovat“.

a nad tento řádek vložte následující část kódu:

Pokud chcete strouhanku umístit na jiné místo, pak tam umístíte stejný kód.

Poté přejděte na „Nastavení“ -> „Nastavení Breadcrumb NavXT“ a ve sloupci „Název odkazu“ změňte název na svůj a uložte změny.

Nezbývá než zajít na blog a obdivovat výsledek.

Jak přidat strouhanku na blog bez pluginu

Vzhledem k tomu, že jakékoli pluginy jsou další zátěží blogu a zpomalují jeho práci, je lepší jen trochu změnit kód, zejména proto v tomto případě, je to jednodušší než instalace pluginu.

Přejděte na panel správce -> „Vzhled“ -> „Editor“ -> functions.php. Zde kdekoli (hlavní věc není uvnitř jiné funkce) vložte následující kód:

Funkce the_breadcrumb() ( echo " Ty jsi zde: "; if (!is_front_page()) ( echo "Home"; echo " » "; if (is_category() || is_single()) ( the_category(" "); if (is_single()) ( echo " » "; the_title(); ) ) elseif (is_page()) ( echo the_title(); ) ) else ( echo "Home"; ) )

a uložit. Pokud se obáváte, že se zmýlíte, vložte jej na úplný konec, nad poslední závorku.

Nyní potřebujete tento kód:

umístěte jej tam, kde chcete, aby se drobečka zobrazovala, například opět nad nadpis článku. Chcete-li to provést, přejděte na single.php, vyhledejte řádek s the_title a vložte tento kód nad něj a uložte změny.

Můžete přejít na web a podívat se, co se stalo. Jak vidíte, You are here a Home jsou zde zjevně mimo a je potřeba je změnit na něco vhodnějšího, například na Cesta a domov (nebo název blogu).

Kromě toho se musíte ujistit, že změny vypadají stejně dobře různé prohlížeče– nepřekrývají se s ostatními částmi tématu a zároveň jsou dobře viditelné.

To je vše, Breadcrumbs pomáhá vašim čtenářům a můžete být hrdí, že jste přišli na to, jak je nainstalovat sami. Děkuji všem za pozornost!

P.S. Na konci článku je video, jak přidat strouhanku na váš blog:

Nazývá se termín „strouhanka“. hierarchický systém navigace v nabídce, prezentovaná ve formě řetězce odkazů. Umožňuje návštěvníkům pochopit, ve které části blogu se nacházejí. Na Wordpressu se drobky často používají jako navigační pomůcky, které uživatelům pomáhají procházet stránkami webu. Tento článek pojednává o tom, jak zobrazit odkazy na blogu pomocí pluginů.

Funkce

Než do Wordpressu přidáte drobky, musíte pochopit, proč se to dělá. Pomocí pomocného menu můžete návštěvníkovi naznačit, kde se poznámka nebo produkt, který si právě prohlíží, nachází. V případě potřeby se uživatel okamžitě vrátí požadovanou kategorii aniž byste museli hledat další komplexní prvky navigace. Tímto způsobem můžete zlepšit použitelnost webu.

"Strouhanka" Wordpress stránky vám umožní vytvořit správné propojení. Tato akce je jedním z nejúčinnějších způsobů propagace blogu. Pomocí strouhanky můžete rozložit váhu spojení mezi domovská stránka, kategorie a články.

Vyhledávač systém Google již začala zobrazovat pomocnou navigaci pod názvy stránek ve výsledcích vyhledávání. To dává webovému zdroji příležitost přejít nejvyšší pozice. Detailní popis proces je uveden v oficiálním certifikátu Google. Ne všechno je tak snadné, jak se zdá. Vyhledávač nemusí vždy rozumět tomu, zda se má ve výsledcích vyhledávání zobrazovat strouhanka Wordpress.

Vyplatí se přidat na web pomocnou navigaci?

Pokud se uživateli podaří rozdělit téma blogu na 3-4 sekce, není instalace bloku s odkazy nutná. Struktura webového zdroje zůstane jednoduchá a přehledná. V tomto případě se nedoporučuje používat strouhanku Wordpress. Pomocná navigace by měla být přidána pouze v případě, že má web složitou strukturu.

Drobečková navigace ve Wordpressu se na stránkách blogu zobrazuje pomocí pluginů. Existuje mnoho rozšíření, která vám umožní nainstalovat další blok s odkazy na web. Tato recenze se bude týkat jen několika z nich.

Drobečková navigace NavXT

Tento software je nejpopulárnější a nejvýkonnější plugin, který vám umožňuje vytvářet drobky ve Wordpressu. Lze jej použít ke generování sekundární nabídky, která je vysoce přizpůsobitelná. Plugin je vhodný jak pro začátečníky, tak pro experty na Wordpress. On má velké množství funkcí. Uživatel může definovat jedinečné třídy a identifikátory pro pokročilé stylování sekundární nabídky.

Plugin podporuje několik jazyků. Mezi nevýhody patří nedostatek vestavěných témat. Tento nedostatek lze napravit použitím stylů nabízených v komunitách. Nejnovější verze softwarový produkt v ruštině. Autoři projektu navrhují pracovat s velkým množstvím jemných nastavení.

V případě potřeby můžete povolit generování kódu v souladu se standardem RDFa společnosti Google. Takové označení pomocného panelu nabídek nezaručí, že systém při vytváření úryvku vyhledávání použije „drobečky“, ale šance na to se výrazně zvýší. Odkazy se zobrazují pouze ve widgetu. Nebudete moci přidat sekundární nabídku do horní části stránky. Upozorňujeme, že strouhanka není podporována. vyhledávač"Yandex".

Yoast Wordpress SEO

Vytvoření pomocného menu je jednou z funkcí tohoto softwarového produktu. Velký počet nástroje umožňují provádět pokročilou SEO optimalizaci. Tento plugin používají lidé, kteří se zavázali k vysoce kvalitní propagaci blogu. Úprava bloku s odkazy může být pro některé vlastníky stránek obtížná. Chcete-li dokončit tento úkol, musíte otevřít správu Wordpress panel, přejděte do sekce „SEO“ a vyberte řádek „pokročilé“.

Stránka se načte s další nastavení zapojit. Zde musíte přejít na kartu „drobečka“. Možnost „povolit“ by měla být zaškrtnuta. Aby se na webu objevila pomocná nabídka, musíte přidat funkci PHP zodpovědnou za výstup do kódu blogu. Do pole „oddělovač“ můžete zadat libovolný znak, který HTML5 podporuje.

Jako text odkazu na hlavní stránku webu byste měli uvést doménu nebo jednoduše slovo „Domů“. Do pole „hlavní předpona“ musíte zadat několik písmen nebo symbolů. Zobrazí se před všemi odkazy podnabídky. Předponová pole pro drobečky pro archivy a stránky s výsledky se vyplňují stejným způsobem. Výsledky vyhledávání. V podsekci „taxonomie“ musíte vybrat „kategorie“, „značky“ nebo „formáty“.

Drobečková stezka

Pomocí pluginu od Justina Tadlocka můžete ve Wordpressu rychle vytvářet drobky. Počínaje malé písmo, tento software vyrostl do pokročilého systému.

Plugin umožňuje zobrazit pomocnou nabídku pro libovolnou strukturu. Automaticky vyhledává trvalé odkazy pro blog. Na základě výsledné struktury plugin zobrazí na webu „drobečky“. Na každou stránku jsou přidány odkazy. Plugin automaticky detekuje taxonomie, typy poznámek atd.

Mňam chlebová drobenka

Tento softwarový produkt lze nainstalovat přímo z administračního panelu ve Wordpressu. Chcete-li to provést, přejděte na stránku „pluginy“. Poté musíte kliknout na tlačítko „přidat nový“, zadat název do vyhledávacího pole, stisknout Enter a nainstalovat software. Po aktivaci je potřeba plugin nakonfigurovat. S tímto úkolem se dokáže vyrovnat i začínající uživatel.

Nejprve musíte určit typ instalace bloku s odkazy. Aby plugin Wordpress automaticky zobrazoval drobečky, měli byste vybrat příslušnou položku. Pokud uživatel zadá typ " ruční instalace“, pak bude muset kód do webu vložit sám. Poté je třeba vybrat vzhled bloku s odkazy. Dále byste měli určit, na kterých stránkách se bude drobečka zobrazovat.

Pokud chcete, můžete povolit zobrazování popisků a odkazů na domovskou stránku. Uživatel by měl také vybrat styl písma pro drobečky a hlavní kategorie. Zde je také možnost povolení. atribut názvu pro odkazy. Chcete-li odstranit informace o autorovi pluginu ze stránek webu, musíte vybrat možnost „skrýt“ vedle sloupce „vaše vděčnost“ a uložit výsledek. Všimnete si, že nastavení pluginu je celkem jednoduché a srozumitelné.

Opravdu jednoduchá strouhanka

Tento softwarový produkt je dalším jednoduchým řešením pro Wordpress. Plugin funguje správně a bez chyb a zobrazuje se podle kódu použitého motivu. Software můžete nainstalovat prostřednictvím panelu správce. Aby se drobečka zobrazovala na statických stránkách, je potřeba napsat příslušný kód nad řádek nadpisu. Pokud uživatel potřebuje změnit typ oddělovače, může upravit řádek 17 souboru breadcrumb.php.

V této volbě pro přidání pomocné nabídky není žádné mikro označení. Díky tomu se ve úryvku vyhledávání zobrazí „drobečky“. Výsledky Google místo URL. Zvýšíte tak míru prokliku. Proto musí uživatel přidat mikroznačku nebo použít jinou možnost.

Generátor drobečkové navigace DP RDFa

Plugin byl vytvořen pro optimalizace pro vyhledávače místo. Stejně jako u Yoastu Wordpress SEO, „drobečky“ se ve úryvku vyhledávání zobrazí automaticky.

Po instalaci software musíte otevřít panel správce a přejít do nastavení. Poté byste měli vybrat plugin. V okně, které se objeví, tvůrce inzeruje svůj produkt. Dále kód přichází pro kopírování. Musí být vložen tam, kde chcete zobrazit strouhanku.