Plugin navxt breadcrumb. De ce firimituri și de ce fără un plugin? Adăugarea breadcrumb-urilor utilizând Breadcrumb NavXT Plugin
Să începem prin a vă spune pentru ce sunt folosite în general pesmeturile atunci când proiectați site-uri web.
Ce sunt pesmeturile?
firimituri de pâine (breadcrumbs) este un element de navigare pe site. Ele se mai numesc pesmet, navigare duplicat, meniu de navigatie etc. În literatura în limba engleză puteți găsi și numele: „ firimituri de fursecuri„(pesmet de biscuit). Pesmeturile pot fi uneori numite o cale de navigare. De fapt, toate aceste sinonime descriu același obiect, pe care îl vom analiza în continuare.
Breadcrumbs afișează vizual calea de la pagina principală (rădăcină) a site-ului la pagina pe care acest moment utilizatorul este localizat. De ce a primit această navigație un nume atât de ciudat? Dacă ați citit basmul Fraților Grimm „Hansel și Gretel”, atunci știți că în el copiii, auzindu-și părinții vorbind despre lăsarea în pădure, au încercat să se aprovizioneze în avans cu pietricele mici, pe care le-au aruncat. drumul pentru a ieși. Prima dată a funcționat, dar a doua oară nu au putut strânge pietre, așa că copiii au aruncat firimituri de pâine pe drum. Cu toate acestea, nu au prevăzut că aceste firimituri vor fi mâncate de păsări. Drept urmare, copiii s-au rătăcit și au dat peste casa vrăjitoarei. Nu are rost să repovesti întreaga intrigă a basmului; cel mai probabil l-ai citit oricum. De fapt, numele navigației ne trimite la acest eveniment.
Din punct de vedere vizual, pesmeturile sunt de obicei un meniu mic, cel mai adesea situat în partea de sus a paginii. Elementele incluse în acest meniu sunt hyperlink-uri (cu excepția ultimului articol) și reflectă structura ierarhică a materialelor de pe site.
Pesmeturile sunt folosite de roboții de căutare. Cu ajutorul acestei navigări, roboții sunt capabili să înțeleagă rapid arhitectura site-ului dvs. și să o analizeze. În consecință, nu puteți ignora pesmeturile sau le refuzați în mod deliberat, deoarece acest lucru poate afecta indirect deteriorarea indexării site-ului (sau accesarea incompletă a paginilor cu resurse de către robot).
Mai important, pesmetul are un efect pozitiv asupra experiența utilizatorului interacțiuni. Utilizatorul poate înțelege oricând unde exact se află în prezent pe site și poate trece rapid la nivelul anterior de imbricare a materialelor (sau la o anumită secțiune), de exemplu. o persoană are în fața ochilor traseul pe care l-a parcurs de pe pagina principală a site-ului către pagina curenta. ÎN Rezultate Google Se folosesc și pesmeturile, care sunt introduse nu pentru a simplifica munca roboților de căutare, ci tocmai pentru ca utilizatorul să poată vedea structura materialelor.
Breadcrumb-urile sunt un sistem de navigare pe mai multe niveluri care le spune utilizatorilor unde se află în prezent pe site în raport cu pagina principală. În acest articol vă vom arăta cum să afișați pesmeturile WordPress:
Ce sunt pesmeturile și pentru ce sunt acestea?
Breadcrumbs este un termen folosit pentru a descrie un meniu de navigare ierarhic prezentat ca un lanț de legături. Este adesea folosit ca meniu suplimentar navigare.
Pesmeturile sunt diferite de sistemul de meniu Navigare WordPress, folosit implicit.
Scopul breadcrumb-urilor este de a ajuta utilizatorii să navigheze pe site. Ele ajută la înțelegerea unde se află utilizatorul acum. Acest lucru ajută, de asemenea motoare de căutare definiți ierarhia legăturilor către pagini web.
Motoarele de căutare precum Google au început să afișeze breadcrumbs ale site-ului în rezultatele căutării. Acest lucru crește vizibilitatea site-ului în rezultatele căutării și îmbunătățește ratele de conversie:
Adăugarea breadcrumb-urilor utilizând Breadcrumb NavXT Plugin
Acesta este un plugin WordPress flexibil și ușor de utilizat. Are mai multe diverse funcții decât vă puteți imagina. Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul Breadcrumb NavXT. După activare, trebuie să accesați pagina de setări a pluginului: Setări - Breadcrumb NavXT:
Pentru majoritatea site-urilor, setările implicite vor fi bune. Dar dacă este necesar, puteți face modificări setărilor.
Pagina de setări este împărțită în mai multe secțiuni. În fila General, puteți defini cum se va comporta pluginul pe site.
Aici puteți schimba șablonul de link. Aceste șabloane folosesc parametrii Schema.org în eticheta de link.
În secțiunea „Tipuri de postări”, puteți seta „pesmeturi” pentru postări, pagini, precum și pentru orice tipuri personalizateînregistrări. Puteți alege să afișați ierarhia înregistrărilor. În mod implicit, pluginul va folosi ierarhia " Titlul site-ului > Categorie > Titlul postării».
Puteți înlocui elementele de navigare cu etichete, date sau elementele părinteînregistrări. Filele Taxonomii și Autori au șabloane similare pentru link-uri de meniu. Nu uitați să faceți clic pe „ Salvează modificările».
Se afișează Breadcrumb NavXT pe site-ul dvs
Pentru a utiliza acest plugin WordPress breadcrumbs, trebuie să editați fișierele teme. Trebuie să adăugați următorul cod în fișierul header.php al temei în locul în care vor fi afișate pesmeturile:
Accesați site-ul și deschideți o postare sau o pagină. Veți vedea că aveți deja pesmet afișate.
Adăugarea de breadcrumbs cu Yoast SEO Plugin
Instalați și activați Yoast SEO Conecteaza. După activarea pluginului trebuie să mergeți la pagină SEO > Avansatși bifați caseta pentru opțiunea " Activați pesmeturile»:
După aceasta, vor deveni disponibile mai multe opțiuni cu care puteți schimba opțiunea de afișare pentru pesmet. Setările implicite ar trebui să fie bune pentru majoritatea site-urilor, dar pot fi modificate cu ușurință dacă este necesar.
După ce ați terminat, faceți clic pe „ Salvează modificările».
Generarea de breadcrumbs folosind pluginul Yoast SEO
Unele teme acceptă deja pesmeturile Yoast. Accesați site-ul și deschideți orice pagină sau postare pentru a vedea dacă afișează pesmeturile WordPress. Dacă nu, atunci trebuie să adăugați o mică bucată de cod la tema activă.
Lipiți acest cod în header.php al temei la sfârșitul fișierului:
Asta e tot, acum poți accesa site-ul tău web, pesmeturile vor fi deja afișate acolo.
Sperăm că acest articol v-a ajutat.
Traducerea articolului " Cum să afișați link-uri de navigare Breadcrumb în WordPress„a fost pregătit de echipa prietenoasă de proiect.
Rău Bun
Salutare tuturor!. Astăzi, în acest articol, aș dori să vă spun cum puteți îmbunătăți gradul de utilizare al site-ului dvs. folosind plugin-ul Yoast SEO, despre care voi vorbi în detaliu într-unul dintre următoarele articole.
Cu siguranță mulți au auzit deja despre acest plugin și știu că este necesar pentru a scrie articole optimizate pentru SEO. Dar puțini oameni își dau seama ce altceva poate face pesmeturile WordPress Yoast SEO.
Mai întâi, permiteți-mi să vă explic ce sunt „pesmetul” și de ce sunt necesare.
Asa de, „pesmetul” sunt un plus navigare pe pagină, care afișează în ce categorie sau secțiune se află articolul. Un vizitator, care a mers pe o pagină a blogului dvs., trebuie să înțeleagă în ce secțiune se află și dacă caută informațiile de care are nevoie în categoria potrivită. Această navigare poate fi rezumată după cum urmează:
Pe site-ul nostru arată așa:
În plus, prezența acestei navigări îi ajută pe roboți să înțeleagă mai clar structura site-ului și să indexeze blogul mai repede. Și acest lucru este foarte important pentru proiectele online.
"De ce?" - întrebați, am decis să folosim acest plugin. Răspunsul aici va fi simplu. există pe Internet un numar mare de servicii similare, care va ajuta la retragerea „fărâmițelor”, dar în același timp vor încărca suplimentar site-ul, acest lucru cu siguranță nu îl va îmbunătăți. Și din moment ce încă folosim Yoast SEO pentru a optimiza postările, ar fi un păcat să nu profităm de capacitățile sale și să nu facem o utilizare convenabilă cu ajutorul lui.
Configurarea ieșirii breadcrumb folosind plugin-ul Yoast SEO
Nu voi scrie aici cum să instalez acest Yoast SEO. Dacă nu știi cum să faci asta, atunci citește acest articol al meu „”. În ea spun în detaliu și arăt în ce moduri puteți instala pluginurile necesare pentru lucru.
În fereastra care se deschide, bifați caseta de selectare „Activați pesmeturile”.
Spre bucuria noastră, setările se vor deschide toate în rusă și sunt intuitive. În videoclipul care va apărea în curând în acest articol, voi arăta mai clar ce se va întâmpla când vei schimba unele puncte acest meniu. Între timp, puteți experimenta cu ușurință și încerca să schimbați singur setările. Este imposibil să facem ceva groaznic aici, deoarece acestea sunt doar ajustări vizuale ale „fărâmiturilor noastre”.
După activarea pesmeturilor, următorul pas este să inserați codul de activare pentru această caracteristică în șablonul dvs. de temă. Pentru a afla ce cod trebuie introdus, urmați linkul care vine după setările lanțului nostru.
După ce ajungem pe site-ul oficial al acestui plugin, copiem codul necesar și îl lipim în locul din tema noastră unde plănuim să fie afișat.
Nu pot recomanda un loc universal pentru a introduce acest cod, deoarece depinde de tema pe care o utilizați. Poate fi necesar să-l scrieți fie în fișierul single.php, fie în page.php și, în unele cazuri, în header.php.
În cazul nostru, am inserat codul aproape de la începutul fișierului single.php, care se află la www/wp-content/themes/your theme/.
Notă: Vă rugăm să rețineți că este mai bine să introduceți codul prin Client FTP. Folosim Filezilla, despre a cărui lucrare a fost scrisă în detaliu. Asigurați-vă că citiți instrucțiunile noastre pentru a evita multe greșeli pentru începători.
Mai mult, vă rugăm să rețineți că codul pe care îl avem este ușor diferit de cel recomandat nouă de dezvoltatori. Și anume, am împachetat funcția pesmet într-o etichetă div. Acest lucru se face astfel încât să vă puteți seta propriul stil de afișare individual.
Pentru a face acest lucru, în fișierul style.css scriem stilurile de care avem nevoie. În ele putem seta culoarea, fundalul, dimensiunea fontului, sublinierea, adică să conducă la un aspect care să se potrivească pe deplin gusturilor noastre sau să fie combinat cu stilul general al paginii. In cazul nostru arata asa:
În acest moment, configurarea pluginului este aproape completă, dar în această versiune, după afișarea titlurilor, va fi afișat și titlul articolului. Acest lucru poate duce la spam excesiv. Cred că veți fi de acord cu mine că acest lucru este inutil, deoarece titlul articolului este deja vizibil pentru utilizator și nu este nevoie să îl duplicați din nou.
Pentru a evita acest lucru, trebuie să introduceți suplimentar cod mic la fișierul functions.php.
Funcția adjust_single_breadcrumb($link_output) ( if(strpos($link_output, "breadcrumb_last") !== false) ( $link_output = ""; ) return $link_output; ) add_filter("wpseo_breadcrumb_single_link", "adjust_crumble");
Acum toate setările noastre sunt finalizate. Dacă ați făcut totul corect, atunci veți obține aproximativ la fel ca pe blogul nostru.
Dacă aveți întrebări, scrieți în comentarii!
La revedere tuturor!
Anton Kalmykov a fost cu tine
Bună ziua, dragi cititori ai site-ului blogului. Astăzi vreau să vorbesc despre cum implementez acum breadcrumbs care ajută cititorul să înțeleagă în ce structură se află acest articol. Probabil, sunt necesare în primul rând pentru proiectele cu sistem complex categorii imbricate (titluri), dar personal mi-au plăcut pur extern.
Există, de asemenea, o rațiune de optimizare pentru utilizarea firimituri - acestea sunt un element legături interne, despre care am scris nu cu mult timp în urmă. Un alt lucru este că adaugă greutate statică titlurilor și pagina principala, de care personal nu am nevoie deloc. Totuși, am avut deja o perioadă în care firimiturile erau destul de bune perioadă lungă de timp(mai mult de un an, iar aceasta a coincis cu perioada de cea mai mare creștere a frecvenței).
De ce firimituri și de ce fără un plugin?
Au fost apoi implementate pe baza unui plugin - destul de funcțional, dar cu capabilități destul de slabe design vizual firimituri.
Desigur, ar fi posibil să folosesc stiluri pentru a crea frumusețe, dar atunci nu am fost foarte prietenoasă cu el. Abia după ce am scris despre stilurile CSS am început să înțeleg puțin eu însumi. A ieșit ca în gluma despre profesorul care s-a indignat de lipsa de înțelegere a elevilor, care a declarat furios: „Am explicat de trei ori! eu am inteles! Și tu...".
Ei bine, atunci am îndepărtat firimiturile și nici nu-mi amintesc exact de ce, dar cu siguranță nu din motive de optimizare. În general, dacă te bazezi pe articolele mele, atunci firimiturile vor fi de prisos în problema delicată a creării schema ideala legarea. Dar, cu toate acestea, ar trebui să cred după.
Există multe teorii despre această problemă. Dacă în articolele menționate am încercat să fiu deștept și să caut adevărul în chestiuni înalte (Ajax, schema corecta linking) atunci acest prieten, de exemplu, spune cum să optimizați WordPress în rezumate, fără detalii, dar destul de ușor de înțeles. Trebuie să fii mai simplu și oamenii vor fi atrași de tine și poate că motoarele de căutare îi vor urma. Bine, înapoi la firimituri.
Nu este deloc dificil să le faci și nu trebuie să instalezi pluginuri. Acest lucru are avantajul său, deoarece un plugin strâmb poate copleși un server destul de puternic. De exemplu, am avut probleme similare după instalarea pluginului de link intern descris puțin mai devreme (un panou pop-up în zona din dreapta care apare pe blogul meu când derulați pagina lui până la începutul comentariilor).
Eu, după cum vă amintiți (deși nu este clar de ce trebuie să vă amintiți asta, dar totuși), stau acum pe Infobox. Este un lucru minunat și ieftin, dar cu puțin peste o lună în urmă l-am avut - de parcă aș fi revenit la normal.
Frânele groaznice s-au rostogolit în valuri, ceea ce se întâmplă destul de des gazduire regulata, dacă cineva de pe propriul server începe să mănânce resurse partajate nu va măsura sau dăuna niciunuia dintre vecinii tăi virtuali.
Am început să scriu scrisori furioase către suportul tehnic, cerând satisfacție și scuturându-i cu un link către articolul menționat mai sus despre Paralelele lor, pe care l-am lăudat acolo, dar cât de dezgustător s-a dovedit a fi.
Mi-au răspuns (politicos, dar destul de convingător) că volumul meu de muncă este foarte mare. Le-am răspuns că de la începutul anului a scăzut semnificativ (adică traficul și numărul de vizualizări). Ei bine, în general, m-au convins să mă gândesc în direcția a ceea ce eu, de fapt, În ultima vreme Am făcut așa ceva cu blogul meu care ar fi putut avea un impact atât de negativ asupra muncii lui.
Din cauza dificultăților apărute cu traficul de căutare, mă gândeam mai ales la modalități de a recupera totul, sau mă complacem cu melancolie, amintindu-mi zilele de glorie dinaintea prăbușirii. În general, mi-a fost greu să-mi amintesc că cam în același timp am instalat același plugin upPrev. Am intrat în setările sale și am citit corect expresia din fila „Cache”:
Utilizarea pe site-uri mari (mai mult de 1000 de postări) poate provoacă prăbușirea site-ului
Mai exact, pur și simplu nu l-am citit până la sfârșit în momentul configurării și am bifat caseta automat, hotărând că cache-ul este în general minunat, iar în raport cu WordPress, în general este un cimus complet (ține minte pe al meu și îți permite să plătească pentru găzduire de câteva ori mai puțin). În general, am dezactivat cache-ul în upPrev și frânele au dispărut.
Desigur, acest exemplu nu indică clar că pluginurile sunt dăunătoare, dar pot provoca încetiniri (poate chiar neobservate la început). În general, dacă cineva a instalat și upPrev, atunci știți ce să faceți dacă hosterul vă informează că sarcina admisă a fost depășită sau simțiți singur.
De aceea, ori de câte ori este posibil, încerc să mă mulțumesc cu cât mai puțin posibil. În plus, este destul de interesant de utilizat diferite funcții, pentru că ți se pare mai deștept decât ești cu adevărat. Acest lucru este deosebit de grozav atunci când cunoașteți PHP, sau mai degrabă nu îl știți deloc. Atunci se dovedește un puzzle adevărat, cum ar fi, de exemplu, cel pe care l-am descris.
Ei bine, și printre altele, aceste pesmeturi fac o impresie vizuală foarte plăcută:
Și pentru a le personaliza în funcție de designul blogului dvs., veți avea la dispoziție șase scheme de culori.
Implementarea unor pesmeturi frumoase pentru WordPress
Mai întâi va trebui să vă conectați la serverul dvs. ( gazduire virtuala) prin FTP. De exemplu, folosind Filezilla descris. Apoi accesați folderul cu dvs subiect actual design, care de obicei trăiește pe această cale:
/wp-content/themes/numele său
În general, am descris temele WordPress, sau mai degrabă am spus din ce fișiere (șabloane) pot consta și de ce fragmente din layout-ul blogului sunt responsabili. Cu toate acestea, în afară de pur solutii de proiectareîn folderul cu teme veți găsi și un fișier functions.php (dacă nu există, trebuie doar să îl creați).
Este folosit pentru a scrie tot felul de funcții sau filtre care vă permit să implementați o mulțime de lucruri utile fără a săpa direct în fișierele motorului, modificări în care ulterior se pot pierde. Și tot ce adăugați la functions.php va fi valabil până când veți schimba tema.
Deci, adăugați următoarea funcție la acest fișier minunat:
//Breadcrumb ca funcția Google the_breadcrumb() ( dacă (!is_home()) ( echo "
"; }Doar nu o împinge deja înăuntru. functia existenta. Probabil cea mai ușoară modalitate ar fi să găsiți funcția cuvânt și să introduceți construcția de mai sus imediat înaintea acesteia (deși ar fi mai bine să o separați cu o întrerupere de linie pentru claritate).
Acesta este cadrul. Acum trebuie să mai adăugăm câteva stiluri. În primul rând, este recomandabil să vă decideți asupra culorii, dar o puteți ajusta pe parcurs.
Arhiva va conține șase fișiere grafice format PNG, dintre care fiecare constă din dungi ale nuanței pe care o alegeți și diferite grade de iluminare:
Una dintre bare va fi folosită în mod implicit, alta va fi afișată când mutați cursorul mouse-ului peste ea, iar a treia va fi afișată când faceți clic pe un link de breadcrumb. Toate acestea sunt stabilite, firesc, în Stiluri CSS, pe care acum o vom nota.
Dar mai întâi, despachetați arhiva cu fundalurile și încărcați-le în folderul cu tema dvs. din directorul de acolo:
/wp-content/themes/theme folder/images
Acum deschideți pentru editare (de preferință nu în adminul WordPress, ci prin conectarea la site prin FTP) fișierul cu stiluri style.css din folderul cu tema dvs. Puteți adăuga următorul cod până la sfârșit:
#breadcrumb (display:block;float:none;margin:0 0 40px 0;font-weight:600;) #breadcrumb ul (font-family: Helvetica, sans-serif;list-style: none;).crumbs (afișare) : bloc;) .crumbs li.first (padding-left: 8px;) .crumbs li a, .crumbs li a:link, .crumbs li a:visited (culoare: #616d7e;display: block;float: left;font) -size: 11px;margin-left: -13px;padding: 7px 17px 11px 25px;position: relative;text-decoration: none;) .crumbs li a (background-image: url(images/bg-crumbs-blue.png) );background-position: 100% 0%;background-repeat: nu-repeat;position: relative;) .crumbs li a:hover (background-position: 100% -48px;color: #333;cursor: pointer;) .crumbs li a:activ (poziția de fundal: 100% -96px;culoare: #333;) .crumbs li.first a span (chenar-stânga: 1px solid #d9d9d9;înălțime: 29px;stânga: 0;poziție: absolută ;sus: 0;latime: 3px;)
Pe linia background-image: url (images/bg-crumbs-blue.png) sunteți liber să schimbați numele fisier grafic fundal pe cel al cărui culoarea se potrivește cel mai bine designului blogul tau. Despre modul în care funcționează, precum și despre toate variantele sale posibile (culoare, poziție, imagine, repetare, atașament). De fapt, este înfricoșător cât de interesant, pentru că deschide o mulțime de posibilități.
Afișarea firimituri în postările WordPress și reglarea lor ușor
De fapt, am pregătit baza și acum nu mai rămâne decât să decidem unde exact pesmetul nostru va fi vizibil pentru vizitatori. Evident, pe pagina principală vor fi de prisos. Personal, am decis să le afișez doar în postări, ceea ce înseamnă că va trebui să adăugăm codul pentru apelarea lor în fișierul (șablonul) temei tale care este responsabil pentru acest lucru.
În cele mai multe cazuri, acesta va fi un fișier single.php, dar este posibil să rulați în schimb index.php (vezi linkul de mai sus către articolul despre temele WordPress). Apoi, pentru a afișa breadcrumb-urile numai în postări, va trebui să creați un fișier single.php prin copierea conținutului index.php în el și apoi adăugând codul pentru a apela breadcrumbs numai în single.
Acesta (codul) va arăta astfel:
Fără ezitare, am introdus-o chiar de la început, imediat după încărcarea antetului blogului:
De fapt, pe blog erau firimituri, dar după ce am rătăcit prin pagini am descoperit un lucru neplăcut - unele dintre titlurile articolelor mele s-au dovedit a fi mai lungi decât lățimea fundalului grafic. Literele au urcat pe marginile sale și nu era gheață.
Ar putea fi, desigur, extins la editor grafic() benzi de substrat, dar asta ar fi prea simplu și nu căutăm căi ușoare. Sau vice versa.
În general, sunt puțin a redus numărul de caractere(am înlocuit the_title() în cod cu trim_title_chars (60, "...")), care este afișat în linkul către postarea curentă, deoarece titlurile mele sunt prea lungi și pur și simplu nu se potrivesc în spațiile de substrat:
Funcția the_breadcrumb() ( ... if(is_single()) ( echo "
Aici, dar pentru asta a trebuit să mai adăugăm o funcție în fișierul nostru de multă suferință functions.php:
Funcția trim_title_chars($count, $after) ( $title = get_the_title(); if (mb_strlen($title) > $count) $title = mb_substr($title,0,$count); else $after = ""; ecou $titlu . $după; )
Un lucru minunat și poate înlocui the_title() cu trim_title_chars (60, "...") oriunde aveți nevoie. De exemplu, am implementat acest lucru în . Desigur, numărul 60 înseamnă numărul de simboluri Taital afișate și sunteți liber să îl înlocuiți cu cel de care aveți nevoie.
Dar apoi nu mi-a plăcut că cuvintele au fost tăiate la mijloc sau altceva urât, așa că am ajuns să înlocuiesc trim_title_chars (60, "...") cu trim_title_words (5, "..."). Ghici ce sunt 5? Ei bine, evident, există cuvinte și apoi va fi o elipsă.
Ecou"
Cu toate acestea, trebuie să adăugați încă o funcție la functions.php:
Funcția trim_title_words($număr, $după) ( $title = get_the_title(); $words = split(" ", $title); if (count($words) > $count) ( array_splice($words, $count); $titlu = implode(" ", $cuvinte); ) else $după = ""; echo $titlu . $după; )
Atât am vrut să spun cu această ocazie importantă.
P.S. Mi-am mutat micul meu raport la comentariile la postarea despre.
Multă baftă! Inainte de pe curând pe paginile site-ului blogului
Puteți viziona mai multe videoclipuri accesând");">
S-ar putea să fiți interesat
Cum se adaugă automat Atribut Alt V Etichete cu imagini blogul tău WordPress (unde nu există) 
Fișierul functions.php din folderul cu Tema WordPressȘi exemple reale utilizarea acestuia Gravatar - cum să creați un avatar global și să personalizați afișarea pictogramei Gravatar într-o temă WordPress 
Creăm pentru un blog pe butoane WordPress completări la social mediași marcaje (fără pluginuri și scripturi) Cum să utilizați Ajax pentru a închide link-uri și cum să setați o condiție pentru afișarea a ceva în postările din categoriile WordPress dorite (in_category) 
Cum în WordPress puteți afișa postări dintr-o categorie cu miniaturi (creându-le în Auto Post Thumbnail și catch_that_image)
Salutare tuturor prieteni. În articolul de astăzi vă voi spune ce sunt pesmeturile, pentru ce sunt și cum să le adăugați la dvs. blog wordpress cu sau fără un plugin. Sa incepem!
Breadcrumbs - o modalitate convenabilă de a lega un blog
Unul dintre moduri simpleîn același timp, simplificați navigarea pe site și linkurile, acestea sunt breadcrumbs. Și-a primit numele în onoarea modului în care eroii basmului german „Hansel și Gretel” au încercat să-și găsească calea de ieșire din pădure.
Adevărat, firimiturile nu i-au ajutat pe copii - au fost ciuguliți de păsări, dar în dezvoltarea site-ului, funcția, numită după metoda nereușită de salvare, a prins rădăcini și este folosită în resurse pentru o varietate de scopuri, de la bloguri personale până la online. magazine.
Probabil că ați văzut cel mai mult acest traseu pesmet internet diferit resurse. De obicei, este plasat deasupra articolului și arată cam așa:
pagina principala> Categorie > Subcategorie > Pagina curenta
Mai mult, toate „linkurile”, cu excepția ultimului, sunt legături interne.
Datorită acestui lanț, cititorul poate înțelege oricând la ce nivel al site-ului se află și are posibilitatea de a parcurge întregul lanț și de a merge imediat la secțiunea de care este interesat sau de a reveni la pagina principală a resursei.
Care sunt beneficiile pesmeturilor pentru un site web și blog?
După cum sa menționat mai sus, în primul rând, simplifică navigarea. De exemplu, un cititor a venit la un articol, l-a citit și a decis să citească alte articole din secțiune. Datorită pesmeturilor, nu trebuie să caute o hartă a site-ului sau o listă de categorii. Va face doar un pas înapoi.
Inviți subtil cititorul să facă clic pe linkuri, oferindu-i un alt motiv pentru a rămâne pe site-ul tău. Acest lucru, la rândul său, se îmbunătățește factori comportamentali, apoi pentru ce roboți de căutare, în primul rând, blogurile și site-urile web diferă.
Cu cât structura site-ului este mai complexă, cu atât este mai important să instalați pesmet pe el. Din moment ce vizitatorii, în special cei care vizitează pentru prima dată, această resursă, este greu de înțeles toate blocurile, paginile, secțiunile și subsecțiunile. Dacă nu au indicii, vor pleca după ce au citit doar un articol.
A doua sarcină a acestui element, strâns legată de primul, este optimizare internă site, sau mai degrabă o altă modalitate de a lega cât mai mult posibil cantitate mare articole. În plus, spre deosebire de conectarea manuală, aici totul se întâmplă automat. Traseul necesar apare imediat deasupra fiecărui articol publicat.
Această funcție poate fi adăugată la site-uri web și bloguri căi diferite. Să luăm în considerare două dintre cele mai multe opțiuni simple pentru WordPress - instalare folosind un plugin și efectuând mici modificări la cod.
Cum să adăugați breadcrumbs la un blog cu un plugin
Cel mai simplu mod de a instala breadcrumbs pe un blog este să instalezi un plugin special. Pentru WordPress, se folosește de obicei Breadcrumb NavXT.
Metoda de instalare este standard: accesați panoul de administrare a blogului -> Plugins -> Adăugați nou. În fereastra care apare, introduceți numele pluginului și faceți clic pe „Găsiți pluginuri”.
Iată, pluginul nostru, faceți clic pe „Instalare acum”, apoi pe „Activare”.
iar deasupra acestei linii introduceți următorul cod:
Dacă doriți să plasați pesmetul în alt loc, atunci plasați același cod acolo.
După aceea, accesați „Setări” -> „ Setări Breadcrumb NavXT” și în coloana „Nume link”, schimbați numele cu al dvs. și salvați modificările.
Rămâne doar să intri pe blog și să admiri rezultatul.
Cum să adăugați breadcrumbs la un blog fără un plugin
Deoarece orice plugin reprezintă o încărcare suplimentară pe blog, încetinind activitatea acestuia, este mai bine să schimbați puțin codul, mai ales că în acest caz,, este mai ușor decât instalarea unui plugin.
Accesați panoul de administrare -> " Aspect" -> "Editor" -> functions.php. Aici, oriunde (principalul nu se află în altă funcție), introduceți următorul cod:
Funcție the_breadcrumb() ( echo "Sunteți aici: "; if (!is_front_page()) ( echo "Acasă"; echo " » "; if (is_category() || is_single()) ( the_category(" "); dacă (is_single()) ( echo " " "; the_title(); ) ) elseif (is_page()) ( echo the_title(); ) ) else ( echo "Acasă"; ) )
și salvați. Dacă vă faceți griji că vă confundați, lipiți-l la sfârșit, deasupra ultimei paranteze.
Acum aveți nevoie de acest cod:
plasați-l acolo unde doriți să apară traseul breadcrumb, de exemplu, din nou deasupra titlului articolului. Pentru a face acest lucru, accesați single.php, căutați linia cu the_title și lipiți acest cod deasupra acestuia și salvați modificările.
Puteți intra pe site și vedeți ce s-a întâmplat. După cum puteți vedea, Sunteți aici și Acasă sunt în mod clar deplasați aici și trebuie schimbate în ceva mai potrivit, de exemplu, în Cale și Acasă (sau numele blogului).
În plus, trebuie să vă asigurați că modificările arată la fel de bine browsere diferite– nu se suprapun cu alte părți ale subiectului și, în același timp, sunt clar vizibile.
Gata, Breadcrumbs vă ajută cititorii și puteți fi mândru că v-ați dat seama cum să le instalați singur. Vă mulțumim tuturor pentru atenție!
P.S. La sfârșitul articolului, există un videoclip despre cum să adăugați pesmet pe blogul dvs.:
