Chlieb strúhanka strúhanka. Prehľad doplnku Wordpress Breadcrumb

Drobečková navigácia je dôležitým prvkom navigácie na webovej stránke a zvyšuje jej použiteľnosť. To platí najmä pre stránky so zložitou štruktúrou. Nanešťastie (alebo možno nie) ich na väčšine svojich stránok nepoužívam, pravdepodobne preto, že majú príliš jednoduchú štruktúru (pre stránky ako je táto sa nezdajú byť potrebné).

Keď riešim problém na webe WordPress, vždy Pluginom sa snažím vyhýbať kde je možné. Často je možné rovnakú úlohu vyriešiť s menším množstvom kódu a je menej náročná na zdroje ako používanie doplnkov.

Vlastnosti

    Zobrazí sa celý reťazec odkazov na aktuálnu stránku. Ak je napríklad aktuálna stránka v kategórii druhej úrovne, reťazec bude vyzerať takto:

    Vo všetkých riešeniach, ktoré som videl (s výnimkou pluginov), takýto reťazec vyzeral takto:

    Tie. jeden odkaz sa stratil.

    „Omrvinky“ pre stránky vyzerajú pre mňa rovnako. Napríklad pre stránku 3. úrovne vnorenia bude reťaz vyzerať takto:

    Domov > Stránka 1. úrovne > Stránka 2. úrovne > Stránka 3. úrovne

  • Drobečková navigácia sa zobrazuje pre nasledujúce typy stránok na webe WordPress:

    • navigácia na stránke z hlavnej stránky (napríklad site.ru/page/2/);
    • archív nadpisov;
    • archív značiek;
    • archív za deň;
    • mesačný archív;
    • archív za rok;
    • archív autora;
    • vlastný typ záznamu;
    • stránka;
    • rýchly;
    • výsledky vyhľadávania;
    • chybová stránka 404.
  • Číslo strany sa pridá, ak ide o 2. alebo viac strán archívu.
  • Medzi odkazmi môžete zadať ľubovoľný oddeľovací znak.
  • Môžete nastaviť text pre odkaz Domov.
  • Integrované mikroznačenie Schema.org.

Funkcia Breadcrumb pre WordPress (aktualizované: 03.03.2019)

/* * Breadcrumbs pre WordPress * Autor: Dimox * Verzia: 2019.03.03 * Licencia: MIT */ function dimox_breadcrumbs() ( /* === MOŽNOSTI === */ $text["home"] = " Home"; // text odkazu "Domov" $text["category"] = "%s"; // text pre stránku kategórie $text["search"] = "Výsledky vyhľadávania pre dopyt "%s""; / / text pre stránku s výsledkami vyhľadávania $text["tag"] = "Príspevky označené '%s'"; // text pre stránku značky $text["author"] = "Články od autora %s"; / / text pre autora stránky $text["404"] = "Chyba 404"; // text pre stranu 404 $text["page"] = "Stránka %s"; // text "Stránka N" $text[" cpage"] = " Stránka s komentármi %s"; // text "Stránka s komentármi N" $wrap_before = "

"; // otváracia značka obalu $wrap_after = "
"; // uzatváracia značka obalu $sep = " › "; // oddeľovač medzi omrvinkami $predtým = " "; // značka pred aktuálnym "dieťaťom" $after = ""; // značka za aktuálnou strúhankou $show_on_home = 0; // 1 - zobraziť strúhanku na domovskej stránke, 0 - nezobrazovať $show_home_link = 1; // 1 - zobraziť odkaz Domov, 0 - nezobrazovať zobraziť $show_current = 1; // 1 - zobraziť názov aktuálnej stránky, 0 - nezobraziť $show_last_sep = 1; // 1 - zobraziť posledný oddeľovač, keď nie je zobrazený názov aktuálnej stránky, 0 - nezobraziť /* = == KONIEC MOŽNOSTÍ === */ globálny $príspevok; $home_url = home_url("/"); $link = " "; $odkaz .=" %2$s"; $odkaz .=" "; $odkaz .=" "; $parent_id = ($post) ? $post->post_parent: ""; $home_link = sprintf($link, $home_url, $text["home"], 1); if (is_home() || is_front_page( )) ( if ($show_on_home) echo $wrap_before . $home_link . $wrap_after; ) else ( $position = 0; echo $wrap_before; if ($show_home_link) ( $position += 1; echo $home_link; ) if (is_category ()) ( $parents = get_ancestors(get_query_var("cat"), "category"); foreach (array_reverse($parents) as $cat) ( $position += 1; if ($position > 1) echo $sep; echo sprintf($link, get_category_link($cat), get_cat_name($cat), $position); ) if (get_query_var("paged")) ( $position += 1; $cat = get_query_var("cat"); echo $sep .sprintf($link, get_category_link($cat), get_cat_name($cat), $position); echo $sep . $before .sprintf($text["page"], get_query_var("paged")) .$ after; ) else ( if ($show_current) ( if ($position >= 1) echo $sep; echo $before . sprintf($text["category"], single_cat_title("", false)) . $after; ) elseif ($show_last_sep) echo $ sep; ) ) elseif (is_search()) ( if (get_query_var("paged")) ( $pozícia += 1; if ($show_home_link) echo $sep; echo sprintf($link, $home_url . "?s=" . get_search_query (), sprintf($text["search"], get_search_query()), $position); echo $sep . $before . sprintf($text["page"], get_query_var("paged")) . $after; ) else ( if ($show_current) ( if ($position >= 1) echo $sep; echo $before . sprintf($text["search"], get_search_query()) . $after; ) elseif ($show_last_sep) echo $sep; ) ) elseif (is_year()) ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before . get_the_time("Y") . $after; elseif ($show_home_link && $show_last_sep ) echo $sep; ) elseif (is_month()) ( if ($show_home_link) echo $sep; $pozícia += 1; echo sprintf($link, get_year_link(get_the_time("Y")), get_the_time("Y") , $position); if ($show_current) echo $sep . $before . get_the_time("F") . $after; elseif ($show_last_sep) echo $sep; ) elseif (is_day()) ( if ($show_home_link) echo $sept; $pozícia += 1; echo sprintf($link, get_year_link(get_the_time("Y")), get_the_time("Y"), $pozícia) . $sept; $pozícia += 1; echo sprintf($link, get_month_link(get_the_time("Y"), get_the_time("m")), get_the_time("F"), $pozícia); if ($show_current) echo $sep . $predtým. get_the_time("d") . $po; elseif ($show_last_sep) echo $sep; ) elseif (is_single() && ! is_attachment()) ( if (get_post_type() != "post") ( $position += 1; $post_type = get_post_type_object(get_post_type()); if ($position > 1) echo $ sep; echo sprintf($link, get_post_type_archive_link($post_type->name), $post_type->labels->name, $position); if ($show_current) echo $sep . $predtým. get_the_title() . $po; elseif ($show_last_sep) echo $sep; ) else ( $cat = get_the_category(); $catID = $cat->cat_ID; $parents = get_ancestors($catID, "category"); $parents = array_reverse($parents); $parents = $catID; foreach ($ rodičia ako $cat) ( $pozícia += 1; if ($pozícia > 1) echo $sep; echo sprintf($link, get_category_link($cat), get_cat_name($cat), $position); ) if (get_query_var( "cpage")) ( $position += 1; echo $sep . sprintf($link, get_permalink(), get_the_title(), $position); echo $sep . $before . sprintf($text["cpage"], get_query_var("cpage")) .$after; ) else ( if ($show_current) echo $sep . $before . get_the_title() . $after; elseif ($show_last_sep) echo $sep; ) ) ) elseif (is_post_type_archive() ) ( $post_type = get_post_type_object(get_post_type()); if (get_query_var("paged")) ( $pozícia += 1; if ($pozícia > 1) echo $sep; echo sprintf($link, get_post_type_archive_link($post_type- >name), $post_type->label, $position); echo $sep . $before . sprintf($text["page"], get_query_var("paged")) . $after; ) else ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before . $post_type->label . $po; elseif ($show_home_link && $show_last_sep) echo $sep; ) ) elseif (is_attachment()) ( $parent = get_post($parent_id); $cat = get_the_category($parent->ID); $catID = $cat->cat_ID; $parents = get_ancestors($catID, "category" ); $parents = array_reverse($parents); $parents = $catID; foreach ($rodičia ako $cat) ( $pozícia += 1; if ($pozícia > 1) echo $sep; echo sprintf($link, get_category_link ($cat), get_cat_name($cat), $position); ) $position += 1; echo $sep .sprintf($link, get_permalink($parent), $parent->post_title, $position); if ($ show_current) echo $sep . $before . get_the_title() . $after; elseif ($show_last_sep) echo $sep; ) elseif (is_page() && ! $parent_id) ( if ($show_home_link && $show_current) echo $sep; ($show_current) echo $before .get_the_title() .$after; elseif ($show_home_link && $show_last_sep) echo $sep; ) elseif (is_page() && $parent_id) ( $parents = get_post_ancestors(get_the_ID()); array_reverse($parents) ako $pageID) ( $pozícia += 1; if ($pozícia > 1) echo $sep; echo sprintf($lin k, get_page_link($pageID), get_the_title($pageID), $position); ) if ($show_current) echo $sep . $predtým. get_the_title() . $po; elseif ($show_last_sep) echo $sep; ) elseif (is_tag()) ( if (get_query_var("stránkované")) ( $pozícia += 1; $tagID = get_query_var("tag_id"); echo $sep . sprintf($link, get_tag_link($tagID), single_tag_title("", false), $pozícia); echo $ sept . $predtým. sprintf($text["stránka"], get_query_var("stránka")) . $po; ) else ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before . sprintf($text["tag"], single_tag_title("", false)) . $after; elseif ($show_home_link && $show_last_sep) echo $sep; ) ) elseif (is_author()) ( $author = get_userdata(get_query_var("author")); if (get_query_var("stránkované")) ( $pozícia += 1; echo $sep . sprintf($link, get_author_posts_url($author->ID), sprintf($text["author"], $author->display_name), $position); echo $sep . $before . sprintf($text["page" ], get_query_var("paged")) .$after; ) else ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before .sprintf($text["author"], $author- >display_name) .$after;elseif ($show_home_link && $show_last_sep) echo $sep; ) ) elseif (is_404()) ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $be text["404"] .$after; elseif ($show_last_sep) echo $sep; ) elseif (has_post_format() && ! is_singular()) ( if ($show_home_link && $show_ aktuálny) echo $sep; echo get_post_format_string(get_post_format()); ) echo $wrap_after; ) ) // koniec funkcie dimox_breadcrumbs()

Funkcia musí byť umiestnená v súbore functions.php vašej WordPress témy. Potom na miesto šablóny, kde chcete zobraziť „strúhanku“, pridajte nasledujúci kód:

Jediné, čo teraz treba urobiť, je upraviť ich pomocou CSS. Na tento účel je poskytnutá trieda .breadcrumbs pre blok strúhanky, .breadcrumbs__separator pre oddeľovač a .breadcrumbs__current pre aktuálnu strúhanku.

Ahoj! Pokračujem v pokrytí super užitočných pluginov pre systém wordpress. Dnes vám poviem a ukážem, ako veľmi jednoducho a rýchlo nainštalovať strúhanku na váš web WordPress. Čo je strúhanka? V strúhanke sa zobrazuje cesta, ktorou ste na stránke prešli, od prvej stránky po aktuálnu. Napríklad ste prešli na stránku na hlavnej stránke, potom prejdem do sekcie „Potreby pre domácnosť“, potom ste otvorili položku „Ako dojiť kravu“ atď.

Všetky tieto stránky a odkazy na ne sa zobrazia v strúhanke. Drobečková navigácia je potrebná predovšetkým pre pohodlie používateľov, aby sa mohli rýchlo vrátiť na stránku alebo kategóriu, ktorú potrebujú. Ale samozrejme, strúhanka má pozitívny vplyv na SEO propagáciu stránky. To znamená, že vďaka strúhanke sa môže zvýšiť ukazovateľ faktora správania na vašom webe.

Na svoju stránku môžete pridať Breadcrumbs pomocou jednoduchého doplnku – Mňam strúhanka. Tento doplnok si môžete nainštalovať na svoje stránky priamo z administračného panela WordPress. Prejdite na stránku: Plugins - Add New , do vyhľadávacieho formulára zadajte názov pluginu, stlačte Enter, nainštalujte a aktivujte plugin.

Po nainštalovaní a aktivácii pluginu prejdite na stránku: Nastavenia - Mňam strúhanka. Tu môžete nakonfigurovať doplnok. Plugin má veľmi jednoduché nastavenia, ktorý zvládne aj ten najnáruživejší čajník.

– Typ inštalácie, vyberte typ inštalácie. Ak chcete, aby sa na vašej lokalite automaticky zobrazovala navigácia, vyberte typ Auto. Ak vyberiete typ - Manuálne, potom budete musieť vložiť kód drobčeka na stránku ručne.

– Druh strúhanky, vyberte druh strúhanky. Nebojte sa experimentovať so vzhľadom strúhanky.

– Názov aktuálnej stránky, vyberte, či sa má zobraziť názov aktuálnej stránky alebo príspevku v HK.

– Na domovskej stránke zobraziť alebo nezobraziť HC na hlavnej stránke.

– vyskakovacie rady, povoliť alebo zakázať popisky.

– "title=" pre odkazy, zahrnúť atribút title pre odkazy.

– Aktuálne písmo, špecifikuje sa aktuálne písmo pre HK.

– Zmeňte vzhľad kategórií hlavičky, Pre kategórie môžete zmeniť štýl písma.

– Vaša vďačnosť vyberte – Skryť, ak chcete skryť odkaz na lokalitu autora doplnku, aby sa nezobrazoval na vašej lokalite.

– Kliknite na tlačidlo – Uložiť zmeny.

Dobrý deň, milí čitatelia blogu. Dnes chcem hovoriť o doplnku WordPress, ktorý sa na mojom blogu používa na dva veľmi dôležité účely naraz.

Po prvé, uľahčuje navigáciu a po druhé rieši veľmi dôležitý problém – vytvorenie správneho interného prepojenia. Aby som nezdržiaval intrigy, hneď poviem, že sa budeme baviť o doplnku Breadcrumb NavXT. Ale prvé veci.

Už som veľa hovoril o potrebe vytvoriť správne prepojenie stránok webu tak, aby sa statická váha prenášaná akýmikoľvek externými odkazmi rovnomerne rozložila na všetky webové stránky projektu. Toto je obzvlášť dôležité.

Prečo potrebujete strúhanku vo WordPress

Propagácia LF má množstvo výhod, z ktorých hlavnou (dôležitou najmä pri nekomerčných projektoch) je, že nevyžaduje investovanie finančných prostriedkov potrebných na nákup vonkajšie odkazy. Je to spôsobené tým, že LF možno propagovať iba prostredníctvom samotnej internej stránky a vytvorením správneho prepojenia, ako je opísané.

Mimochodom, pri komerčných projektoch má propagácia na nízkych frekvenciách tiež množstvo výhod, z ktorých hlavnou sú opäť nižšie náklady, no okrem toho sa návštevníci, ktorí pochádzajú z vydávania takýchto požiadaviek, s oveľa väčšou pravdepodobnosťou premenia na bankoviek ako návštevníkov, ktorí prichádzajú so strednými požiadavkami a s vysokou frekvenciou (kvôli nejasnostiam).

Hlavnou myšlienkou správneho prepojenia je zabezpečiť prenos statickej váhy na rôzne stránky stránky (väčšina externých odkazov zvyčajne vedie na hlavnú stránku), plynulo bez problémov na tie, ktoré sú priamo propagované v LF (kde sa v skutočnosti články nachádzajú).

Ideálna kruhová schéma opísaná vo vyššie uvedenom článku je však v reálnych podmienkach ťažko realizovateľná dobrá možnosť bude existovať sférická schéma prepojenia. Zhruba povedané, takáto schéma môže byť prehnaná do tej miery, že čím viac vnútorných prepojení bude, tým lepšie bude rozložená statická váha. Je to ako rozsiahly obehový systém, ktorý umožňuje krvi prenášať kyslík do všetkých vnútorných orgánov, dokonca aj do tých najvzdialenejších od pľúc.

Pri každom písaní článkov, ktoré budú relevantné, môžete manuálne pridávať odkazy na iné materiály na svoje stránky. Pravdaže, takto vytvorený interný kotevný zoznam pre každý z článkov berte veľmi vážne. Musíte to urobiť takmer rovnakým spôsobom ako. Nemali by ste používať rovnaký nezriedený kľúč vo všetkých odkazoch naň, viete, čo tým myslím.

Toto je veľmi dobrý spôsob, no vždy sa bude hodiť rozširovať a dopĺňať ho pomocou automatických metód.Jednou z najčastejších možností, ako niečo také usporiadať, sú takzvané strúhanky rozširujúce možnosti navigácie v zdroji, ako aj vytváranie bloku odkazov na iné podobné materiály vo vašom projekte, ktoré majú podobný predmet ako tento článok.

Dnes chcem podrobne zvážiť prvú možnosť, ale o podobných materiáloch pre WordPress v .

Na implementáciu strúhanky použijeme doplnok Breadcrumb NavXT. V zásade môžete použiť iné WordPress pluginy, ale tieto sa mi páčili viac. Dokonca je to možné.

Inštalácia doplnku Breadcrumb NavXT vo WordPress

Dobre, je čas prejsť priamo k inštalácii a konfigurácii doplnku. Ak zrazu neviete, čo sú strúhanky, potom je to v poriadku. Vlastne som to najskôr nevedel ani ja, lebo tento výraz bol prevzatý z buržoázie a spája sa s ich buržoáznou rozprávkou o Jankovi a Gréte, ktorí nimi označili cestu.

V našom chápaní by sa tento prvok navigácie na stránke mal volať „Ariadnina niť“, pretože sme si akosi bližší. No dobre, ako to nazvali, tak to nazvali. Zvyčajne sa teda zobrazujú niekde v hornej časti okna lokality a v skutočnosti predstavujú cestu k článku, v ktorom sa nachádzate tento momentčítať.

Napríklad mám veľmi rád navigáciu pomocou omrviniek a vždy sa snažím nájsť ich riadok na akejkoľvek stránke, aby som pochopil, kde vlastne som a ako prejsť do sekcie, kde sa nachádza tento úžasný článok, aby som si prečítal viac rovnaká téma.

Pamätáte si, čo sú strúhanky? Myslím, že si spomenuli, a ak nie, tak sa pozrite úplne hore v tomto okne pod hlavičkou tohto blogu.

Najprv si budete musieť stiahnuť Breadcrumb NavXT odtiaľ. Inštalácia pluginu na WordPress je štandardná. Pripojte sa k svojmu blogu cez FTP (práca s klientom FileZilla je podrobne popísaná) a otvorte priečinok na serveri:

/wp-content/plugins

Rozbaľte archív pomocou Breadcrumb NavXT a skopírujte výsledný priečinok na hostiteľský server do adresára (/wp-content/plugins). Teraz budete musieť prejsť na administračný panel WordPress, v ľavom menu vybrať položku „Pluginy“ a v okne, ktoré sa otvorí, prejsť na kartu „Neaktívne“. Nájdite riadok s tým, ktorý potrebujete, a kliknite na štítok „Aktivovať“, ktorý sa nachádza hneď pod ním.

Vyvolanie Breadcrumb NavXT a prispôsobenie vzhľadu Breadcrumb

To je vlastne všetko. Teraz zostáva ešte jeden podstatný detail: vyberte si miesto vo WordPress šablóne (téme), kde sa bude zobrazovať riadok s strúhankou a na toto miesto vložte kód funkcie zásuvného modulu Breadcrumb NavXT. Úloha nie je úplne triviálna pre začínajúceho webmastera, ktorý nie je príliš oboznámený so štruktúrou enginu a fungovaním jeho tém.

Ale možno vás to nebude zmiasť, pretože. vždy sa dá čítať, našťastie tam nie je nič ťažké.

Ak ste už oboznámení s témami a poznáte účel určitých šablón v nej, potom budeme pokračovať. Ale inak vám stále odporúčam, aby ste sa s tým aspoň povrchne oboznámili pomocou materiálu uvedeného vyššie (alebo nejakého iného).

Našou úlohou je teda určiť tie súbory z priečinka s témou, ktorú používate, do ktorej budeme musieť vložiť kód volania drobky. A potom sa budete musieť rozhodnúť, kam presne do kódu vložíme toto:

Najprv sa musíte pripojiť k svojmu blogu cez FTP a otvoriť priečinok témy, ktorý momentálne používate:

wp-content/themes/title WordPress témy

A teraz si povieme, ako som si záver strúhanky urobila ja sama a všetko si po mne môžete zopakovať, alebo využiť svoju možnosť vkladania.

Ak sa pokúsite vizualizovať účel šablón z témy, dostanete niečo ako toto rozloženie:

Z tohto rozloženia môžeme usúdiť, že budeme musieť vložiť kód volania Breadcrumb NavXT do tých šablón, ktoré sú zodpovedné za zobrazovanie obsahu v centrálnej časti blogu: INDEX, SINGLE, ARCHIVE, PAGE alebo SEARCH.

Je pravda, že som nezačal zobrazovať omrvinky v INDEXE, ktorý je zodpovedný za vytvorenie hlavnej stránky WordPress, pretože tam by bola nadbytočná ďalšia navigácia.

Vložil som ho do: SINGLE (zodpovedný za tvorbu stránok s článkami), ARCHÍV (generuje stránky pre kategórie, dočasné archívy, archívy značiek), PAGE (formuje do statických stránok, napr. "O blogu").

Kód volania Breadcrumb NavXT som vložil do týchto šablón na to isté miesto - úplne na začiatku, hneď za prvým riadkom:

aby to vyzeralo takto:

Do kaskádového súboru štýlov STYLE.CSS z priečinka témy som ich pridal niekoľko CSS vlastnosti pre triedu BREADCRUMB:

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

Tieto vlastnosti definujú vzhľad strúhanky vo WordPress: , a . Tiež určujú farbu odkazov z strúhanky (.breadcrumb a) a farbu odkazov, keď na ne umiestnite kurzor myši (.breadcrumb a:hover). Vo všeobecnosti vám odporúčam prečítať si stránku.

Funkcie a nastavenia doplnku Breadcrumb

Môžete slobodne robiť, ako chcete. Ako sa hovorí, majster je pán. Ale týmto sme len určili miesto pre výstup strúhanky a nastavili ich vzhľad. Ale tento plugin má stále pomerne veľa nastavení.

Ak to chcete urobiť, prejdite na panel správcu WordPress a v ľavej ponuke v oblasti „Nastavenia“ vyberte položku „Breadcrumb NavXT“. V okne, ktoré sa otvorí, uvidíte niekoľko kariet:

Na karte „Všeobecné“ môžete nastaviť parametre, ktoré sa použijú na všetky stránky vášho blogu. V poli "Oddeľovač" zadajte znak, ktorý bude slúžiť ako oddeľovač v strúhanke. V mojom prípade ide o symbol „>“, ktorý je nastavený špeciálnym kódom, pretože výslovne uvedený symbol ">" bude WordPress interpretovať ako znak otváracej HTML značky.

Vo všeobecnosti existujú (mnemotechnické pomôcky), ktoré sa napríklad nedajú vložiť priamo. Tu sú niektoré z nich:

Symbol Mnemocode " " & &< < > > ¤ ¤ ¦ ¦ § § © ª ? « « ® ® ° ° ± ± µ µ ¶ ¶ · ¹ ? € €

Ako oddeľovač strúhanky vyberte ľubovoľný znak, ktorý sa vám páči.

V poli "Maximálna dĺžka" môžete nastaviť dĺžku kotvy (text odkazu) v znakoch. Obmedzenie dĺžky som nastavil na 60 znakov nie z dizajnových dôvodov, ale z dôvodov optimalizácie obsahu.

Vyhľadávače môžu byť ambivalentné ohľadom odkazov s rovnakými kotvami, preto ich pre jedinečnosť skracujem v omrvinkách. Možno to nie je potrebné, ale pre každý prípad.

Do polí "Prefix" a "Suffix" môžete zadať text, ktorý bude predchádzať alebo nasledovať odkaz na domovskú stránku v strúhanke.

Upozorňujeme, že tento text bude umiestnený v atribúte TITLE značky A a možno ho zvážiť vyhľadávače ako alternatívna kotva. Toto som ja na to, čo by sa v ňom malo použiť Kľúčové slová súvisiace s hlavnou stránkou vášho blogu.

Nezabudnite uložiť zmeny v nastaveniach doplnku Breadcrumb NavXT pomocou tlačidla s rovnakým názvom. Potom môžete prejsť všetkými kartami. Napríklad na ďalšom môžete nastaviť nastavenia pre odkaz, ktorý povedie na stránku, kde sa práve nachádzate:

Na ďalšej karte „Príspevky / Stránky“ môžete nakonfigurovať zobrazovanie odkazov na stránky s článkami a statické stránky vášho blogu:

Pre články som nastavil predchádzajúci nápis „Aktuálny článok“ a text som uzavrel do úvodzoviek pomocou mnemotechnického kódu (pozri zoznam mnemotechnických kódov vyššie):

Prejdite na ďalšiu kartu „Kategórie“. V zásade sa tu opakujú všetky rovnaké nastavenia ako v predchádzajúcich. Nenastavil som hranicu (predponu a príponu) pre odkazy na kategórie, ale nastavil som hranicu pre stránky archívu:

Výsledkom je, že na webových stránkach archívu vyzerá strúhanka takto:

Veľa šťastia! Uvidíme sa čoskoro na stránkach blogu

Možno vás bude zaujímať

Vytvorenie zoznamu súvisiacich príspevkov vo WordPress (s miniatúrami) pomocou doplnku Súvisiace príspevky na interné prepojenie
Vytvorenie mapy blogu pre návštevníkov vo WordPress ( pluginy mapy stránok Generátor a mapa blogu WP DS)
Panel s nástrojmi komentárov – pridať do WordPress komentáre možnosť odpovedať a citovať
Jednoduché počítadlá a ikony kategórií a stránok – krásne počítadlá RSS a Twitter, ako aj ikony kategórií a stránok vo WordPress Ako odstrániť priehľadný pixel http://yarpp.org/pixels v doplnku Yet Another Related Posts a zmeniť nápis
Tlačidlá na zvýraznenie kódu a formátovanie komentárov vo WordPress – Zvýrazňovač syntaxe a Formulár komentárov
Google XML Sitemaps – Vytvorenie Sitemap pre WordPress
Kalendár to! - Kalendár udalostí pre WordPress
WP-PageNavi – stránkovanie pre blog WordPress – inštalácia, konfigurácia a zmena vzhľadu stránkovania
Lepší Feed pre WordPress – ako neposielať plné texty príspevkov do RSS a chrániť sa pred krádežou obsahu cez news feed
All in One SEO Pack a interná optimalizácia blogu WordPress pre vyhľadávače (metaznačky Canonical, Description a Title)

Začnime tým, že si povieme, na čo sa strúhanka vo všeobecnosti používa pri navrhovaní webových stránok.

Čo sú to „strúhanky“?

strúhanka(breadcrumb) je prvok navigácie na stránke. Nazývajú sa tiež navigačný reťazec, duplicitná navigácia, navigačné menu atď. V anglickej literatúre nájdete aj názov: " sušienky omrvinky» (strúhanka). Drobečková navigácia môže byť niekedy označovaná aj ako navigačná cesta. V skutočnosti všetky tieto synonymá opisujú ten istý objekt, ktorý budeme ďalej analyzovať.

Drobečková navigácia vizuálne zobrazuje cestu z hlavnej (koreňovej) stránky webu na stránku, na ktorej sa používateľ práve nachádza. Prečo dostala táto navigácia taký zvláštny názov? Ak ste čítali rozprávku bratov Grimmovcov „Jasok a Maruška“, viete, že v nej deti, ktoré počuli, ako sa ich rodičia rozprávajú o tom, že zostali v lese, sa snažili vopred zásobiť malými kamienkami, na ktoré hádzali. cestu, aby ste sa dostali von. Prvýkrát to vyšlo, no na druhý raz sa nedali zbierať kamene, a tak deti hádzali na cestu omrvinky z chleba. Nepredvídali však, že tieto omrvinky klovali vtáky. V dôsledku toho sa deti stratili a narazili na dom čarodejnice. Nemá zmysel prerozprávať celý dej rozprávky, s najväčšou pravdepodobnosťou si ju aj tak prečítate. K tejto udalosti nás vlastne posiela aj názov navigácie.

Z vizuálneho hľadiska je strúhanka zvyčajne malé menu, ktoré sa najčastejšie nachádza v hornej časti stránky. Položky zahrnuté v tomto menu sú hypertextové odkazy (okrem poslednej položky) a odrážajú hierarchickú štruktúru materiálov na stránke.

Prehľadávacie roboty používajú strúhanku. Pomocou tejto navigácie sú roboty schopné rýchlo pochopiť architektúru vašej stránky a analyzovať ju. V súlade s tým nie je možné ignorovať strúhanku alebo ich zámerne odmietnuť, pretože to môže nepriamo ovplyvniť zhoršenie indexovania lokality (alebo neúplné prehľadávanie zdrojových stránok robotom).

Ešte dôležitejšie je, že strúhanka má pozitívny vplyv na používateľskú skúsenosť. Používateľ vždy presne pochopí, kde sa na stránke práve nachádza, môže rýchlo prejsť na predchádzajúcu úroveň vnorenia materiálov (alebo do konkrétnej sekcie), t.j. človek má pred očami trasu, ktorú prešiel z hlavnej stránky webu na aktuálnu stránku. IN Google SERP Používa sa aj strúhanka, ktorá sa nezavádza pre zjednodušenie práce vyhľadávacích robotov, ale práve preto, aby používateľ videl štruktúru materiálov.

Dobrý deň, priatelia. V dnešnom článku vám poviem, čo sú to strúhanky, na čo slúžia a ako ich pridať do blog wordpress s pluginom a bez neho. Začnime!

Drobky predstavujú pohodlný spôsob prepojenia blogu

Jeden z jednoduchými spôsobmi Súčasne zjednodušiť navigáciu na stránkach a prepojenie, to sú omrvinky. Svoje meno dostala na počesť spôsobu, akým sa hrdinovia nemeckej rozprávky „Janiček a Gretel“ snažili nájsť cestu von z lesa.

Je pravda, že omrvinky deťom nepomohli – klovali ich vtáčiky, no pri budovaní webových stránok sa funkcia pomenovaná po neúspešnom spôsobe šetrenia udomácnila a využíva sa v zdrojoch na rôzne účely, od osobných blogov až po internetové obchody.

Tento strúhankový chodník ste už určite videli najviac iný internet zdrojov. Zvyčajne je umiestnený nad článkom a vyzerá asi takto:

Hlavná stránka> Nadpis > Podnadpis > Aktuálna stránka

Okrem toho všetky „odkazy“, okrem posledného, ​​sú internými odkazmi.

Vďaka tomuto reťazcu môže čitateľ kedykoľvek pochopiť, na akej úrovni stránky sa nachádza a má možnosť prejsť celým reťazcom a okamžite prejsť do sekcie, ktorá ho zaujíma, alebo sa vrátiť na domovskej stránke zdroj.

Aké sú výhody strúhanky pre stránku a blog

Ako bolo uvedené vyššie, po prvé, ide o zjednodušenie navigácie. Čitateľ napríklad prišiel k článku, prečítal si ho a rozhodol sa prečítať si ďalšie články v sekcii. Vďaka strúhanke nemusí hľadať mapu stránok ani zoznam kategórií. Urobí len krok späť.

Jemne vyzvete čitateľa, aby sledoval odkazy, to znamená, že mu dáte o dôvod viac, aby sa zdržiaval na vašej stránke. To zase zlepšuje faktory správania, pre ktoré vyhľadávacie roboty, v prvom rade rozlíšiť blogy a stránky.

Čím zložitejšia je štruktúra stránky, tým dôležitejšie je nainštalovať na ňu strúhanku. Keďže návštevníci, najmä tí, ktorí sa prvýkrát objavili na tento zdroj, je ťažké pochopiť všetky bloky, stránky, sekcie a podsekcie. Ak nie sú vyzvaní, odídu po prečítaní iba jedného článku.

Druhou úlohou tohto prvku, úzko súvisiacou s prvým, je vnútorná optimalizácia stránky, respektíve iný spôsob, ako prepojiť čo najviac článkov odkazmi. Navyše, na rozdiel od manuálneho prepojenia sa tu všetko deje automaticky. Nad každým publikovaným článkom sa okamžite objaví požadovaný navigačný reťazec.

Túto funkciu je možné pridať na webové stránky a blogy rôzne cesty. Poďme sa pozrieť na dve najjednoduchšie možnosti pre WordPress – inštaláciu pomocou pluginu a vykonaním malých zmien v kóde.

Ako pridať strúhanku na blog pomocou pluginu

Najjednoduchší spôsob, ako nainštalovať strúhanku na svoj blog, je nainštalovať špeciálny doplnok. Pre WordPress sa zvyčajne používa Breadcrumb NavXT.

Spôsob inštalácie je štandardný: prejdite na admin blogu -> Pluginy -> Pridať nový. V okne, ktoré sa zobrazí, vložte názov doplnku a kliknite na „Nájsť doplnky“.

Tu je náš doplnok, kliknite na „Inštalovať teraz“ a potom na „Aktivovať“.

a nad tento riadok vložte nasledujúci kus kódu:

Ak chcete umiestniť strúhanku na iné miesto, umiestnite tam rovnaký kód.

Potom prejdite na „Nastavenia“ -\u003e „Nastavenia navigácie NavXT“ a v stĺpci „Názov odkazu“ zmeňte názov na svoj vlastný a uložte zmeny.

Zostáva ísť na blog a obdivovať výsledok.

Ako pridať strúhanku na blog bez pluginu

Keďže akékoľvek pluginy sú dodatočnou záťažou blogu, ktorá ho spomaľuje, je lepšie len trochu zmeniť kód, najmä preto, že v tomto prípade je to jednoduchšie ako inštalácia pluginu.

Prejdite na admin -> Vzhľad» -> «Editor» -> functions.php. Tu kdekoľvek (hlavná vec nie je v inej funkcii) vložíme nasledujúci kód:

Funkcia the_breadcrumb() ( echo "Ste tu: "; if (!is_front_page()) ( echo "Domov"; echo " » "; if (is_category() || is_single()) ( the_category(" "); ak (is_single()) ( echo " » "; the_title(); ) ) elseif (is_page()) ( echo the_title(); ) ) else ( echo "Home"; ) )

a uložiť. Ak sa bojíte zmätku, vložte ho úplne na koniec nad posledný držiak.

Teraz potrebujete tento kód:

miesto, kde chcete vidieť navigačný reťazec, napríklad opäť nad nadpisom článku. Ak to chcete urobiť, prejdite na single.php, vyhľadajte riadok s názvom the_title a vložte tento kód nad neho a uložte zmeny.

Môžete prejsť na stránku a zistiť, čo sa stalo. Ako vidíte, You are here a Home sú tu zjavne nemiestne a mali by byť zmenené na niečo vhodnejšie, ako napríklad Cesta a Domov (alebo názov blogu).

Okrem toho sa musíte uistiť, že zmeny vyzerajú rovnako dobre rôzne prehliadače- neprekrývajú sa s inými časťami témy a zároveň sú dobre viditeľné.

To je všetko, Breadcrumbs pomáha vašim čitateľom a môžete byť hrdí, že ste prišli na to, ako ich nainštalovať sami. Ďakujem vám všetkým za pozornosť!

P.S. Na konci video článku o tom, ako dať strúhanku na svoj blog:



Načítava...
Hore