A kenyérmorzsa fontos eleme a webhely navigációjának, és javítja annak használhatóságát. Ez különösen igaz az összetett szerkezetű webhelyekre. Sajnos (vagy talán nem sajnos) nem használom őket a legtöbb webhelyemen, valószínűleg azért, mert túl egyszerű a felépítésük (egy ilyen webhelynél úgy tűnik, nincs rájuk szükség).

Amikor megoldok egy problémát egy WordPress webhelyen, mindig Igyekszem elkerülni a pluginokat ahol lehetséges. Gyakran ugyanaz a feladat megoldható kevesebb kóddal, és kevésbé erőforrásigényes, mint a bővítmények használata.

Szolgáltatás jellemzői

Megjelenik a teljes linklánc az aktuális oldalra. Például, ha az aktuális oldal egy második szintű kategóriába tartozik, akkor a lánc így fog kinézni:

Az összes általam látott megoldásban (a bővítmények kivételével) egy ilyen lánc így nézett ki:

Azok. egy link elveszett.

Az oldalak „morzsája” nekem ugyanígy néz ki. Például a 3. beágyazási szintű oldal esetében a lánc a következő lesz:

Kezdőlap > 1. szintű oldal > 2. szintű oldal > 3. szintű oldal

• A WordPress webhelyek következő típusú oldalaihoz jelennek meg a navigációs elemek:

  • oldalnavigáció a főoldalról (például site.ru/page/2/);
  • rovat archívum;
  • címkearchívum;
  • archívum naponta;
  • havi archívum;
  • év archívuma;
  • szerzői archívum;
  • egyedi rekordtípus;
  • oldal;
  • gyors;
  • keresési eredmények;
  • 404-es hibaoldal.
• Ha az archívum 2. vagy több oldala, akkor oldalszámot adunk hozzá.
• A hivatkozások között bármilyen elválasztó karaktert megadhat.
• Beállíthatja a Kezdőlap hivatkozás szövegét.
• Schema.org mikro-jelölés integrálva.

Breadcrumb funkció a WordPresshez (frissítve: 2019.03.03.)

/* * Breadcrumbs for WordPress * Szerző: Dimox * Verzió: 2019.03.03 * Licenc: MIT */ function dimox_breadcrumbs() ( /* === OPCIÓK === */ $text["home"] = " Kezdőlap"; // a link szövege "Home" $text["category"] = "%s"; // szöveg a kategóriaoldalhoz $text["search"] = "Keresési eredmények a "%s" lekérdezésre"; / / szöveg a keresési eredményeket tartalmazó oldalhoz $text["tag"] = ""%s" címkével ellátott bejegyzések"; // szöveg a címkeoldalhoz $text["author"] = "Cikkek szerzőtől: %s"; / / szöveg az oldal szerzőjének $text["404"] = "404-es hiba"; // szöveg a 404. oldalhoz $text["page"] = "%s oldal"; // szöveg "N oldal" $text[" cpage"] = " Megjegyzés oldal: %s"; // szöveg "N. megjegyzés oldal" $wrap_before = "

"; // a wrapper tag bezárása $sep = " › "; // elválasztó a morzsák között $before = " "; // címke az aktuális "baby" előtt $after = ""; // címke az aktuális navigációs útvonalak után $show_on_home = 0; // 1 - navigációs útvonalak megjelenítése a kezdőlapon, 0 - ne jelenjen meg a $show_home_link = 1; // 1 - a Kezdőlap hivatkozás megjelenítése, 0 - ne $show_current = 1; // 1 - az aktuális oldal címének megjelenítése, 0 - ne jelenjen meg a $show_last_sep = 1; // 1 - az utolsó elválasztó megjelenítése, ha az aktuális oldal címe nem jelenik meg, 0 - ne jelenjen meg /* = == OPCIÓK VÉGE === */ globális $post; $home_url = home_url("/"); $link = " "; $link .= " %2$s"; $link .= " "; $link .= " "; $szülőazonosító = ($bejegyzés) ? $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 ( $pozíció = 0; echo $wrap_before; if ($show_home_link) ( $pozíció += 1; echo $home_link; ) if (is_category ()) ( $szülők = get_ancestors(get_query_var("cat"), "category"); foreach (array_reverse($parents) mint $cat) ( $pozíció += 1; if ($pozíció > 1) echo $sep; echo sprintf($link, get_category_link($cat), get_cat_name($cat), $position; ) if (get_query_var("paged")) ( $pozíció += 1; $cat = get_query_var("cat"); echo $sep .sprintf($link, get_category_link($cat), get_cat_name($cat), $pozíció; echo $sep . $before .sprintf($text["page"], get_query_var("paged")) .$ after; ) else ( if ($show_current) ( if ($pozíció >= 1) echo $sep; echo $before . sprintf($text["category"], single_cat_title("", false)) . $after; ) elseif ($show_last_sep) echo $ szept; ) ) elseif (is_search()) ( if (get_query_var("paged")) ( $pozíció += 1; if ($show_home_link) echo $sep; echo sprintf($link, $home_url . "?s=" . get_search_query (), sprintf($szöveg["keresés"], get_search_query()), $pozíció); echo $sep . $before . sprintf($text["oldal"], get_query_var("lapozva")) . $utána; ) else ( if ($show_current) ( if ($pozíció >= 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_s && $show_last ) echo $szep; ) elseif (is_month()) (if ($show_home_link) echo $sep; $position += 1; echo sprintf($link, get_year_link(get_the_time("Y")), get_the_time("Y") , $pozíció); if ($show_current) echo $sep . $before . get_the_time("F") . $utána; elseif ($show_last_sep) echo $szep; ) elseif (is_day()) ( if ($show_home_link) echo $sep; $pozíció += 1; echo sprintf($link, get_year_link(get_the_time("Y")), get_the_time("Y"), $pozíció) . $sep; $pozíció += 1; echo sprintf($link, get_month_link(get_the_time("Y"), get_the_time("m")), get_the_time("F"), $pozíció); if ($show_current) echo $sep . $előtt. get_the_time("d") . $utána; elseif ($show_last_sep) echo $sep; ) elseif (is_single() && ! is_attachment()) ( if (get_post_type() != "post") ( $pozíció += 1; $post_type = get_post_type_object(get_post_type()); if ($pozíció > 1) echo $ szept; echo sprintf($link, get_post_type_archive_link($post_type->name), $post_type->labels->name, $position); if ($show_current) echo $sep . $előtt. get_the_title() . $utána; elseif ($show_last_sep) echo $sep; ) else ( $cat = get_the_category(); $catID = $macska->macska_azonosító; $szülők = get_ősök($catID, "kategória"); $szülők = array_reverse($parents); $szülők = $macskaazonosító; foreach ($ szülők mint $cat) ( $pozíció += 1; if ($pozíció > 1) echo $sep; echo sprintf($link, get_category_link($cat), get_cat_name($cat), $position); ) if (get_query_var( "cpage")) ( $pozíció += 1; echo $sep . sprintf($link, get_permalink(), get_the_title(), $pozíció); echo $sep . $before . sprintf($text["cpage"], get_query_var("cpage")) .$after; ) else ( if ($show_current) echo $szep . $előtte . get_the_title() . $utána; elseif ($show_last_sep) echo $sep; ) ) ) elseif (is_post)_type ) ( $post_type = get_post_type_object(get_post_type()); if (get_query_var("paged")) ( $pozíció += 1; if ($pozíció > 1) echo $sep; echo sprintf($link, get_post_type_archive_link($post_type-) >név), $bejegyzéstípus->címke, $pozíció); echo $szep . $előtte . sprintf($szöveg["oldal"], get_query_var("paged")) . $utána; ) else ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before . $post_type->label . $utána; elseif ($show_home_link && $show_last_sep) echo $sep; > ); $szülők = array_reverse($parents); $szülők = $catID; foreach ($szülők mint $cat) ( $pozíció += 1; if ($pozíció > 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 $szep . $előtte . get_the_title() . $utána elseif ($show_last_sep) echo $sep; ) elseif (is_page() && ! $parent_id) ( if ($show_home_link && $show_current) if echo ($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 (());foreach_ID array_reverse($parents) mint $oldalazonosító) ( $pozíció += 1; if ($pozíció > 1) echo $sep; echo sprintf($lin k, get_page_link($pageID), get_the_title($oldalazonosító), $pozíció); ) if ($show_current) echo $sep . $előtt. get_the_title() . $utána; elseif ($show_last_sep) echo $sep; ) elseif (is_tag()) ( if (get_query_var("paged")) ( $pozíció += 1; $tagID = get_query_var("tag_id"); echo $sep . sprintf($link, get_tag_link($tagID), single_tag_title("", false), $pozíció); echo $sep . $előtt. sprintf($text["oldal"], get_query_var("paged")) . $utána; ) 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("paged")) ( $pozíció += 1; echo $sep . sprintf($link, get_author_posts_url($author->ID), sprintf($szöveg["szerző"], $szerző->megjelenítési_név), $pozíció); echo $sep . $before . sprintf($text["oldal" ], get_query_var("paged")) .$after; ) else ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before .sprintf($text["author"], $author- >megjelenítési_név) .$after;elseif ($show_home_link && $show_last_sep) echo $sep; ) ) elseif (is_404()) (if ($show_home_link && $show_current) echo $sep; if ($show $before) echo. text["404"] .$after; elseif ($show_last_sep) echo $sep; ) elseif (has_post_format() && ! is_singular()) ( if ($show_home_link && $show_ áram) echo $sep; echo get_post_format_string(get_post_format()); ) echo $wrap_after; ) ) // a dimox_breadcrumbs() vége

A függvényt a WordPress téma functions.php fájljában kell elhelyezni. Ezt követően a sablon helyére, ahol a "zsemlemorzsát" szeretné megjeleníteni, adja hozzá a következő kódot:

Már csak az a teendő, hogy CSS-sel stílusozzuk őket. Ehhez a .breadcrumbs osztály van biztosítva a navigációs útvonalblokkhoz, a .breadcrumbs__separator az elválasztóhoz, és a .breadcrumbs__current az aktuális navigációs elemekhez.

Helló! Továbbra is foglalkozom a WordPress rendszer szuperhasznos bővítményeivel. Ma elmondom és megmutatom, hogyan telepíthetsz kenyérmorzsát a WordPress webhelyére nagyon egyszerűen és gyorsan. Mi az a kenyérmorzsa? A navigációs elemek megmutatják a webhelyen megtett utat az első oldaltól az aktuális oldalig. Például Ön a Főoldalon lévő oldalra ment, majd én a „Háztartási cikkek” részre, majd megnyitotta a „Hogyan fejjünk tehenet” bejegyzést stb.

Mindezek az oldalak és a rájuk mutató hivatkozások navigációs útvonalon jelennek meg. A kenyérmorzsára elsősorban a felhasználók kényelmét szolgálja, hogy gyorsan vissza tudjanak térni a kívánt oldalra vagy kategóriába. De természetesen a zsemlemorzsa pozitív hatással van az oldal SEO népszerűsítésére. Vagyis a kenyérmorzsa miatt nőhet a viselkedési tényező mutatója a webhelyén.

Egy egyszerű beépülő modul segítségével Breadcrumbs-et adhat webhelyéhez - Yummi kenyérmorzsa. Ezt a bővítményt közvetlenül a WordPress adminisztrációs paneléről telepítheti webhelyére. Lépjen a következő oldalra: Plugins - Add New , írja be a bővítmény nevét a keresőmezőbe, nyomja meg az Enter billentyűt, telepítse és aktiválja a bővítményt.

A bővítmény telepítése és aktiválása után lépjen a következő oldalra: Beállítások - Yummi kenyérmorzsa. Itt konfigurálhatja a plugint. A pluginnak van egy nagyon egyszerű beállítások, amit még a leglelkesebb teáskanna is elbír.

– Telepítés típusa, válassza ki a telepítés típusát. Válassza az Automatikus típust, hogy a navigációs útvonalak automatikusan megjelenjenek a webhelyen. Ha a Kézi típust választja, akkor manuálisan kell beillesztenie a navigációs kódot a webhelyre.

– fajta kenyérmorzsa, válassza ki a zsemlemorzsa típusát. Nyugodtan kísérletezzen a zsemlemorzsa megjelenésével.

– Aktuális oldal neve, válassza ki, hogy az aktuális oldal vagy bejegyzés neve megjelenjen-e a HK-ban.

– A kezdőlapon mutasd meg vagy ne HC a főoldalon.

– előugró tippek, eszköztippek engedélyezése vagy letiltása.

– "title=" a linkekhez, tartalmazza a cím attribútumot a linkeknél.

– Aktuális betűtípus, a HK aktuális betűtípusa van megadva.

– A fejléckategóriák megjelenésének módosítása, Módosíthatja a kategóriák betűtípusát.

– A háládat kiválasztás – Elrejtés, ha el szeretné rejteni a bővítmény szerzői webhelyének hivatkozását, hogy ne jelenjenek meg a webhelyen.

– Kattintson a gombra – Változtatások mentése.

Sziasztok, a blogoldal kedves olvasói. Ma egy WordPress bővítményről szeretnék beszélni, amelyet a blogomon egyszerre két nagyon fontos célra használnak.

Egyrészt megkönnyíti a navigációt, másrészt megold egy nagyon fontos problémát - a megfelelő belső linkelés létrehozását. Annak érdekében, hogy ne késlekedjen az intrika, azonnal elmondom, hogy a Breadcrumb NavXT bővítményről fogunk beszélni. De először a dolgok.

Sokat beszéltem már arról, hogy megfelelő linkelést kell létrehozni az oldal oldalai között, hogy az esetleges külső hivatkozások által továbbított statikus súly egyenletesen oszlik el a projekt összes weboldalán. Ez különösen fontos.

Miért van szüksége kenyérmorzsára a WordPressben?

Az LF promóciónak számos előnye van, amelyek közül a fő (különösen fontos a nem kereskedelmi projekteknél) az, hogy nem igényel a vásárláshoz szükséges forrásokat. Külső linkek. Ez annak a ténynek köszönhető, hogy az LF csak a belső webhelyen keresztül népszerűsíthető, és a leírtak szerint megfelelő hivatkozás létrehozásával.

A kereskedelmi projektek esetében egyébként az alacsony frekvenciájú promóciónak számos előnye is van, amelyek közül a fő szintén az alacsonyabb költség, de ezen kívül az ilyen kérések kibocsátásáról érkező látogatók sokkal nagyobb valószínűséggel konvertálódnak bankjegyek, mint a közepes igényű látogatók.és nagy gyakorisággal (ez utóbbi homályossága miatt).

A megfelelő összekapcsolás fő ötlete annak biztosítása, hogy a statikus súly átkerüljön különböző oldalak webhely (a legtöbb külső hivatkozás általában a főoldalra vezet), probléma nélkül eljutott azokhoz, amelyeket közvetlenül az LF-ben hirdetnek (ahol valójában a cikkek találhatók).

De a fenti cikkben leírt ideális körsémát valós körülmények között nehéz megvalósítani jó lehetőség lesz egy gömb alakú összekapcsolási séma. Nagyjából elmondható, hogy egy ilyen séma odáig eltúlozható, hogy minél több belső kapcsolat van, annál jobban eloszlik a statikus súly. Olyan, mint egy kiterjedt keringési rendszer, amely lehetővé teszi, hogy a vér oxigént szállítson minden, még a tüdőtől, belső szervtől legtávolabb eső szervhez is.

Minden alkalommal, amikor releváns cikkeket ír, manuálisan is hozzáadhat hivatkozásokat webhelye egyéb anyagaira. Igaz, vegye nagyon komolyan az egyes cikkekhez így elkészített belső horgonylistát. Ezt nagyjából ugyanúgy kell megtennie, mint. Nem szabad minden hivatkozásnál ugyanazt a hígítatlan kulcsot használni, tudod, mire gondolok.

Ez nagyon jó út, de mindig hasznos lesz automatikus módszerekkel bővíteni, kiegészíteni.. Az ilyesmi rendszerezésére az egyik leggyakoribb lehetőség az úgynevezett kenyérmorzsa, amely kiterjeszti az erőforrásban való navigálás lehetőségeit, valamint egy linkblokk létrehozását a projektben szereplő egyéb hasonló anyagokhoz, amelyek témája hasonló ehhez a cikkhez.

Ma szeretném részletesen megvizsgálni az első lehetőséget, de a WordPress hasonló anyagairól itt.

A kenyérmorzsa megvalósításához a Breadcrumb NavXT beépülő modult használjuk. Elvileg mást is használhat WordPress bővítmények, de ezek jobban tetszettek. Még az is lehetséges.

A Breadcrumb NavXT beépülő modul telepítése a WordPressben

Rendben, ideje közvetlenül a bővítmény telepítéséhez és konfigurálásához. Ha hirtelen nem tudja, mi az a zsemlemorzsa, akkor rendben van. Tulajdonképpen én sem tudtam először, mert ezt a kifejezést a burzsoáziától vették, és a Hanselről és Grétáról szóló polgári meséjükhöz kötik, akik az ösvényt jelölték meg velük.

Megértésünk szerint ezt a webhely-navigációs elemet "Ariadne szálának" kell nevezni, mert valahogy közelebb vagyunk. Na jó, ahogy hívták, úgy hívták. Tehát általában valahol a webhely ablakának tetején jelennek meg, és valójában a cikk elérési útját jelentik Ebben a pillanatban olvas.

Például nagyon szeretem a morzsák segítségével navigálni, és mindig igyekszem megtalálni a vonalukat bármely webhelyen, hogy megértsem, hol vagyok valójában, és hogyan kell eljutni ahhoz a részhez, ahol ez a csodálatos cikk található, és többet olvashat ugyanaz a téma.

Nos, emlékszel, mi az a zsemlemorzsa? Azt hiszem, emlékeztek, és ha nem, akkor nézze meg ennek az ablaknak a legtetejét a blog fejléce alatt.

Először le kell töltenie a Breadcrumb NavXT-t innen. A bővítmény telepítése a WordPress rendszeren szabványos. Csatlakozzon a blogjához FTP-n keresztül (a FileZilla klienssel való munka részletes leírása), és nyissa meg a mappát a szerveren:

/wp-content/plugins

Csomagolja ki az archívumot a Breadcrumb NavXT segítségével, és másolja a kapott mappát a tárhelykiszolgálóra a könyvtárba (/wp-content/plugins). Most el kell lépnie a WordPress adminisztrációs paneljére, a bal oldali menüből válassza ki a "Plugins" elemet, és a megnyíló ablakban lépjen az "Inaktív" fülre. Keresse meg a kívánt sort, és kattintson az „Aktiválás” címkére, amely közvetlenül alatta található.

A Breadcrumb NavXT meghívása és a Breadcrumb megjelenésének testreszabása

Valójában ez minden. Most még egy lényeges részlet maradt hátra: a WordPress sablonban (témában) válassz egy helyet, ahol a kenyérmorzsát tartalmazó sor fog megjelenni, és ebbe a helyre illessze be a Breadcrumb NavXT beépülő modul funkciókódját. A feladat nem teljesen triviális egy kezdő webmester számára, aki nem nagyon ismeri a motor felépítését és témáinak működését.

De talán ez nem fogja összezavarni, mert. mindig lehet olvasni, szerencsére nincs ott semmi nehéz.

Ha már ismeri a témákat, és ismeri az egyes sablonok célját, akkor folytatjuk. De egyébként továbbra is azt tanácsolom, hogy legalább felületesen ismerkedjen meg ezzel a fent jelzett anyag (vagy valamilyen más) segítségével.

Tehát a feladatunk az, hogy a használt témájú mappából meghatározzuk azokat a fájlokat, amelyekbe be kell illesztenünk a morzsahívás kódját. Ezután el kell döntenie, hogy pontosan hová illesszük be ezt a kódot:

Először csatlakoznia kell a blogjához FTP-n keresztül, és meg kell nyitnia a jelenleg használt téma mappát:

wp-tartalom/témák/cím WordPress témák

És most elmeséljük, hogyan készítettem magam a zsemlemorzsa következtetését, és mindent megismételhetsz utánam, vagy használhatod a beillesztési lehetőséget.

Ha a témából megpróbálja elképzelni a sablonok célját, valami ehhez hasonló elrendezést kap:

Ebből az elrendezésből arra következtethetünk, hogy a Breadcrumb NavXT hívókódot kell beszúrnunk azokhoz a sablonokhoz, amelyek felelősek a tartalom megjelenítéséért a blog központi részén: INDEX, SINGLE, ARCHÍV, PAGE vagy SEARCH.

Igaz, a WordPress főoldalának kialakításáért felelős INDEX-ben nem kezdtem el morzsákat megjeleníteni, mert ott felesleges lenne a további navigáció.

Beszúrtam: SINGLE (felelős a cikkeket tartalmazó oldalak kialakításáért), ARCHÍV (oldalakat generál kategóriákhoz, ideiglenes archívumok, címkearchívumok), PAGE (statikus oldalakká formál, pl. "A blogról").

A Breadcrumb NavXT híváskódot ugyanoda szúrtam be ezekbe a sablonokba - a legelején, közvetlenül az első sor után:

hogy így nézzen ki:

A téma mappából a lépcsőzetes stíluslap STYLE.CSS fájlban hozzáadtam néhányat CSS tulajdonságok BREADCRUMB osztályhoz:

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

Ezek a tulajdonságok határozzák meg a kenyérmorzsa megjelenését a WordPressben: , és . Ezenkívül meghatározzák a linkek színét a kenyérmorzsából (.breadcrumb a) és a hivatkozások színét, amikor az egérmutatót rájuk viszi (.breadcrumb a:hover). Általában azt tanácsolom, hogy olvassa el az oldalt.

A Breadcrumb beépülő modul szolgáltatásai és beállításai

Szabadon megteheti, amit akar. Ahogy mondani szokás, a mester az úr. De ezzel csak a zsemlemorzsa kibocsátásának helyét határoztuk meg és a megjelenésüket. De ez a bővítmény még mindig elég sok beállítást tartalmaz.

Ehhez lépjen a WordPress adminisztrációs panelre, és válassza a „Breadcrumb NavXT” lehetőséget a bal oldali menüben a „Beállítások” területen. A megnyíló ablakban több lapot fog látni:

Az "Általános" lapon beállíthatja azokat a paramétereket, amelyek a blogod összes oldalára vonatkoznak. A "Határoló" mezőben adjon meg egy karaktert, amely elválasztóként fog szolgálni a navigációs útvonalon. Esetemben ez a „>” szimbólum, amelyet egy speciális kód állít be, mert a kifejezetten elhelyezett ">" szimbólumot a WordPress egy nyitó HTML címke jeleként értelmezi.

Általában vannak (mnemonikák), amelyeket például nem lehet közvetlenül beilleszteni. Itt van néhány közülük:

Mnemokód szimbólum " " & &< < > > ¤ ¤ ¦ ¦ § § © ª ? « « ® ® ° ° ± ± µ µ ¶ ¶ · ¹ ? € €

Válassza ki a kívánt karaktert a zsemlemorzsa elválasztójaként.

A "Maximális hossz" mezőben beállíthatja a horgony (hivatkozás szövege) hosszát karakterekben. A hosszkorlátot 60 karakterre állítottam, nem tervezési, hanem tartalomoptimalizálási okokból.

A keresőmotorok ambivalensek lehetnek az azonos horgonyokkal rendelkező linkekkel kapcsolatban, ezért az egyediség kedvéért morzsában lerövidítem őket. Lehet, hogy nem szükséges, de minden esetre.

Az „Előtag” és „Utótag” mezőkbe beírhatja azt a szöveget, amely a kezdőlapra mutató hivatkozást megelőzi vagy követi navigációs útvonalon.

Vegye figyelembe, hogy ez a szöveg az A címke TITLE attribútumába kerül, és figyelembe vehető kereső motorok alternatív horgonyként. Ez nekem, hogy mit kell használni benne kulcsszavakat blogja főoldalához kapcsolódik.

Ne felejtse el menteni a Breadcrumb NavXT beépülő modul beállításait az azonos nevű gombbal. Ezután végigmehet az összes lapon. Például a következőnél beállíthatja annak a linknek a beállításait, amely arra az oldalra vezet, ahol éppen tartózkodik:

A következő "Bejegyzések / Oldalak" lapon konfigurálhatja a cikkeket tartalmazó oldalakra mutató hivatkozások megjelenítését és a blog statikus oldalait:

A cikkeknél az előző "Jelenlegi cikk" feliratot állítottam be, és a szöveget idézőjelbe tettem a mnemonikus kód segítségével (lásd a fenti mnemonikus kódok listáját):

Lépjen a következő „Kategóriák” fülre. Itt elvileg ugyanazok a beállítások ismétlődnek, mint az előzőekben. A kategóriákra mutató hivatkozások szegélyét (elő- és utótag) nem állítottam be, de az archív oldalaknak szegélyt:

Ennek eredményeként az archívum weboldalain a kenyérmorzsa így néz ki:

Sok szerencsét! Hamarosan találkozunk a blogoldalak oldalán

Lehet, hogy érdekel

Kapcsolódó bejegyzések listájának létrehozása a WordPressben (bélyegképekkel) a Kapcsolódó bejegyzések beépülő modul használatával belső linkeléshez
Blogtérkép készítése a látogatók számára a WordPressben ( webhelytérkép-bővítmények Generátor és WP DS blogtérkép)
Megjegyzés eszköztár – hozzáadás WordPress megjegyzések lehetőség a válaszadásra és az árajánlatra
Egyszerű számlálók és kategória- és oldalikonok – gyönyörű RSS- és Twitter-számlálók, valamint kategóriák és oldalak ikonjai a WordPressben Hogyan távolítsuk el az átlátszó képpontot http://yarpp.org/pixels a Yet Another Related Posts beépülő modulból, és módosítsuk a feliratot
Kódkiemelő és megjegyzésformázó gombok a WordPress-ben – SyntaxHighlighter és Comment Form
Google XML-webhelytérképek – Webhelytérkép készítése WordPresshez
Naptárba hozd! - Eseménynaptár a WordPresshez
WP-PageNavi - lapozás WordPress bloghoz - oldalszámozás telepítése, konfigurálása és megjelenésének megváltoztatása
Jobb hírfolyam a WordPress számára – hogyan ne küldje el a bejegyzések teljes szövegét RSS-re, és hogyan védekezzen a tartalomlopás ellen hírfolyamon keresztül
All in One SEO Pack és egy WordPress blog belső keresőoptimalizálása (Canonical, Description és Title meta tagek)

Kezdjük azzal, hogy elmondjuk, mire használják általában a kenyérmorzsát a webhelyek tervezésekor.

Mi az a "zsemlemorzsa"?

zsemlemorzsa(zsemlemorzsa) egy webhelynavigációs elem. Navigációs láncnak, duplikált navigációnak, navigációs menünek stb. is nevezik. Az angol irodalomban a név is megtalálható: " süti morzsa» (sütimorzsa). A kenyérmorzsát néha navigációs útvonalnak is nevezhetjük. Valójában ezek a szinonimák ugyanazt az objektumot írják le, amelyet tovább fogunk elemezni.

A navigációs elemek vizuálisan jelenítik meg az útvonalat a webhely fő (gyökér) oldalától ahhoz az oldalhoz, amelyen a felhasználó éppen tartózkodik. Miért kapott ez a navigáció ilyen furcsa nevet? Ha olvasta a Grimm testvérek „Hansel és Grimm” című mesét, akkor tudja, hogy abban a gyerekek, miután meghallották szüleiket, hogy az erdőben hagyták őket, megpróbáltak előre felhalmozni apró kavicsokat, amelyeket rádobtak. az utat, hogy kijusson. Az első alkalommal sikerült, de másodszorra már nem lehetett követ szedni, így a gyerekek zsemlemorzsát szórtak az útra. Azt azonban nem látták előre, hogy ezeket a morzsákat a madarak csipkedték. Ennek eredményeként a gyerekek eltévedtek, és rábukkantak a boszorkány házára. Nincs értelme a mese teljes cselekményét újramesélni, nagy valószínűséggel úgyis elolvasod. Valójában a navigáció neve is erre az eseményre küld bennünket.

Vizuálisan a kenyérmorzsa általában egy kis menü, amely leggyakrabban az oldal tetején található. A menüben található elemek hiperhivatkozások (az utolsó elem kivételével), és az oldalon található anyagok hierarchikus felépítését tükrözik.

A kenyérmorzsát keresőrobotok használják. Ennek a navigációnak a segítségével a robotok képesek gyorsan megérteni az Ön webhelyének architektúráját és elemezni azt. Ennek megfelelően nem lehet figyelmen kívül hagyni vagy szándékosan megtagadni a kenyérmorzsát, mivel ez közvetve befolyásolhatja a webhely indexelésének romlását (vagy az erőforrásoldalak robot általi hiányos feltérképezését).

Ennél is fontosabb, hogy a kenyérmorzsa pozitív hatással van a felhasználói élményre. A felhasználó mindig pontosan meg tudja érteni, hogy éppen hol tartózkodik az oldalon, gyorsan át tud lépni az anyagok beágyazásának előző szintjére (vagy egy adott szakaszra), pl. egy személy szeme előtt van az útvonal, amelyet a webhely főoldalától az aktuális oldalig megtett. BAN BEN Google SERP zsemlemorzsát is használnak, és nem a keresőrobotok munkájának egyszerűsítéséért vezetik be, hanem éppen azért, hogy a felhasználó lássa az anyagok szerkezetét.

Hello barátok. A mai cikkben elmondom, mi az a zsemlemorzsa, mire való, és hogyan adhatjuk hozzá wordpress blog pluginnal és anélkül. Kezdjük!

A kenyérmorzsa kényelmes módja a blog összekapcsolásának

Az egyik egyszerű módokon Egyszerre egyszerűsítheti a webhelyen való navigációt és a linkelést, ezek a navigációs elemek. Nevét arról a tiszteletről kapta, ahogyan a "Hansel és Grilka" című német mese hősei megpróbáltak kijutni az erdőből.

Igaz, a gyerekeken a morzsák nem segítettek - a madarak csipkedték őket, de a honlapkészítésben meghonosodott a sikertelen megtakarítási módról elnevezett funkció, amelyet a személyes blogoktól a webáruházakig különféle célokra felhasználnak.

Bizonyára ezt a kenyérmorzsa-ösvényt láttad a legtöbben különböző internet erőforrások. Általában a cikk fölé kerül, és valahogy így néz ki:

Főoldal> Címsor > Alcím > Aktuális oldal

Sőt, az utolsó kivételével minden „link” belső hivatkozás.

Ennek a láncnak köszönhetően az olvasó bármikor megértheti, hogy az oldal melyik szintjén van, és lehetősége van végigmenni a teljes láncon, és azonnal eljutni az őt érdeklő részhez, vagy visszatérni kezdőlap forrás.

Milyen előnyökkel jár a kenyérmorzsa az oldal és a blog számára

Mint fentebb említettük, először is ez a navigáció egyszerűsítése. Például egy olvasó eljött egy cikkhez, elolvasta, és úgy döntött, hogy elolvassa a szekció további cikkeit. A kenyérmorzsának köszönhetően nem kell webhelytérképet vagy kategórialistát keresnie. Csak egy lépést fog hátrálni.

Finoman felkéred az olvasót, hogy kövesse a linkeket, vagyis még egy okot adsz neki, hogy elidőzz az oldaladon. Ez viszont javítja a viselkedési tényezőket, amihez keresőrobotok, először is különböztesse meg a blogokat és a webhelyeket.

Minél összetettebb a webhely szerkezete, annál fontosabb, hogy zsemlemorzsát telepítsünk rá. Mivel a látogatók, különösen azok, akik először jelentek meg ezt az erőforrást, nehéz megérteni az összes blokkot, oldalt, szakaszt és alfejezetet. Ha nem kapnak felszólítást, akkor csak egy cikk elolvasása után távoznak.

Ennek az elemnek az elsőhöz szorosan kapcsolódó második feladata az oldal belső optimalizálása, vagy inkább egy másik módja annak, hogy minél több cikket linkeljünk. Sőt, a kézi összekapcsolással ellentétben itt minden automatikusan történik. Minden publikált cikk felett azonnal megjelenik a kívánt navigációs lánc.

Ez a funkció hozzáadható webhelyekhez és blogokhoz különböző utak. Vessünk egy pillantást a WordPress két legegyszerűbb lehetőségére – a telepítés plugin használatával és a kód apró módosításaival.

Hogyan adhatunk kenyérmorzsát egy bloghoz egy plugin segítségével

A kenyérmorzsa telepítésének legegyszerűbb módja egy speciális bővítmény telepítése. A WordPress esetében általában a Breadcrumb NavXT használatos.

A telepítés módja szabványos: menj a blog admin -> Plugins -> Add new. A megjelenő ablakban illessze be a beépülő modul nevét, és kattintson a "Bővítmények keresése" gombra.

Itt van, a bővítményünk, kattintson a "Telepítés most", majd az "Aktiválás" gombra.

és e sor fölé illessze be a következő kódrészletet:

Ha a kenyérmorzsát egy másik helyre szeretné helyezni, akkor ugyanazt a kódot helyezze el oda.

Ezután lépjen a "Beállítások" -\u003e "Breadcrumb NavXT beállítások" elemre, és a "Link neve" oszlopban módosítsa a nevet a sajátjára, és mentse a változtatásokat.

Már csak a blogra kell menni, és megcsodálni az eredményt.

Hogyan adhatunk kenyérmorzsát egy bloghoz plugin nélkül

Mivel minden plugin plusz terhelést jelent a blogon, lelassítja azt, jobb, ha csak egy kicsit módosítod a kódot, főleg, hogy ebben az esetben egyszerűbb, mint egy plugint telepíteni.

Menj az admin -> oldalra Kinézet» -> «Szerkesztő» -> functions.php. Itt, bárhol (a lényeg nem más függvényen belül van), beillesztjük a következő kódot:

Függvény the_breadcrumb() ( echo "Itt van: "; 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"; ) )

és mentse el. Ha fél attól, hogy összezavarodik, egyszerűen helyezze be a legvégére az utolsó zárójel fölé.

Most erre a kódra van szüksége:

hely, ahol a navigációs láncot szeretné látni, például ismét a cikk címe felett. Ehhez lépjen a single.php oldalra, keresse meg a_title sort, és illessze be ezt a kódot fölé, és mentse el a változtatásokat.

Felkeresheti a webhelyet, és megnézheti, mi történt. Amint látja, az Ön itt vagy, és az Otthon egyértelműen nincs itt helyén, ezért valami megfelelőbbre kell változtatni, mint például az Út és az Otthon (vagy a blog neve).

Ezenkívül gondoskodnia kell arról, hogy a változtatások ugyanolyan jól nézzenek ki különböző böngészők- ne fedjenek át a téma más részeivel, és ugyanakkor jól láthatóak legyenek.

Ez az, a Breadcrumbs segít olvasóinak, és büszke lehet arra, hogy rájött, hogyan telepítheti őket. Köszönöm mindenkinek a figyelmet!

P.S. A zsemlemorzsa blogodba helyezésével foglalkozó videócikk végén: