Acum mergeți la „aspect” „editor” și deschideți fișierul „foaia de stil” (style.css). Și lipiți acest cod aproape până la capăt și actualizați fișierul.
.pesmet (
font:bolder 12px „Trebuchet MS”, Verdana, Arial;
padding-bot: 10px;
}
.pesmet a(
culoare: #1B7499;
}
.breadcrumb a:hover (
culoare: #EF0E0E;
}
Înainte de a trece direct la revizuirea modulelor, voi spune câteva cuvinte despre cum și de ce se aplică această soluție:
- În primul rând, este util din punct de vedere al utilizării - navigarea va orienta oamenii pe site și va clarifica structura acestuia.
- În al doilea rând, această caracteristică funcționează și pentru optimizare, deoarece... este în esență o altă opțiune și, de asemenea, crește numărul de clicuri și timpul de așteptare (+ poate apărea în rezultate).
Cu toate acestea, o astfel de funcționalitate este eficientă în fiecare proiect web. Dacă aveți o carte de vizită simplă de 10-20 de pagini fără ierarhie imbricată, atunci nu are rost să adăugați pesmet la WP. Elementul nu va oferi absolut niciun beneficiu, ci va ocupa doar spațiu liber pe ecran. În cazul portalurilor corporative cu categorii/secțiuni cu mai multe niveluri, este cu totul altă problemă. Plus ca arata si grozav.
Teoretic, este posibil ca acest bloc să nu fie afișat pe toate paginile. De exemplu, aveți un blog, care oferă inițial mai multe căi tradiționale prin site: etichete și categorii, arhive de date, autori, precum și postări specifice. Aș lăsa navigarea în secțiuni și note, în timp ce în etichete și date valoarea unor astfel de informații este minimă, pentru că pur și simplu dublează titlul. În cazul în care plugin-urile de pesmet WordPress instalate nu vă permit să faceți acest lucru direct, utilizați . În plus, este indicat să proiectați elementul cât mai discret posibil prin aspect și stiluri.
Este o prostie când imediat sub lanțul „Acasă” - „Categorie” - „Titlul postării” vezi același titlu + o indicație a categoriei curente. Apropo, o astfel de afișare a categoriilor se găsește adesea în șabloanele WP standard, așa că după integrarea soluției adecvate, este recomandabil să corectați această nuanță.
Plugin-uri și breadcrumbs în WordPress
Modulele pentru această sarcină pot fi găsite cu ușurință după numele în limba engleză a funcției Breadcrumbs - în depozitul WordPress sau prin motoarele de căutare. Există o mulțime de opțiuni de implementare diferite, dar cele mai multe dintre ele nu au fost actualizate de câțiva ani.
Poate că autorii s-au săturat să concureze cu liderii permanenți Breadcrumb NavXT cu 600 de mii. descărcări și SEO de Yoast. În plus, este destul de dificil să vii cu ceva extra original în această chestiune, pentru că este cât se poate de simplu și poți chiar să implementezi breadcrumbs în WordPress fără un plugin. Oricum ar fi, am selectat 4 dintre cele mai interesante soluții:
Sarcina principală a modulului, în principiu, nu are nimic de-a face cu tema noastră de astăzi, dar nu poate fi ignorată. Una dintre caracteristicile suplimentare ale pluginului Yoast SEO este pesmetul. Adică nu trebuie să instalați un nou modul, ci pur și simplu să activați opțiunea corespunzătoare. În munca mea folosesc exact această opțiune.
este cel mai popular plugin breadcrumb din WordPress cu peste 600 de mii de descărcări. Actualizat regulat și conține multe funcții pentru a vă personaliza cu ușurință afișajul de navigare. Include, de asemenea, un widget încorporat, suport pentru bbPress, BuddyPress, localizare, capacitatea dezvoltatorilor de a utiliza filtre/cârlige și multe altele.
Pesmet
În principiu, este greu să găsești soluții care să fie mai interesante decât precedentele două, deși există încercări bune. De exemplu, modulul Breadcrumb pentru WordPress are suport pentru shortcodes, plus lanțul de legături în sine are un design original (vezi linkul Live Demo!). Nu este clar dacă modelele sunt acceptate în versiunea gratuită. De asemenea, puteți personaliza tipul de separator și puteți adăuga text la începutul elementului. Potrivit dezvoltatorilor, scenariul este cât se poate de simplu și ușor.
O altă opțiune care are, plus sau minus, un număr decent de descărcări, în ciuda faptului că a fost actualizată în urmă cu aproximativ un an. Autorii promit personalizare flexibilă a pesmeturilor în WordPress: cârlige încorporate, opțiuni de afișare și suport pentru stil (există un Eșantion CSS în descriere). Modulul mi s-a părut o soluție destul de bună și simplă, cu note bune.
Pesmet în Yoast SEO
Nu voi descrie în detaliu toate complexitățile lucrării, puteți citi despre ea în, mă voi concentra exclusiv pe crearea unui element cu firimituri. Procesul de integrare constă din două părți - instalarea în panoul de administrare + editarea șablonului.
După activare, va apărea o nouă secțiune SEO, unde trebuie să selectați opțiunea „Avansat”. Apoi, mutați comutatorul din elementul cu numele ciudat „Activați firimituri” în poziția „Activat”:
În principiu, nu există atât de multe opțiuni diferite aici. Definiți simbolul separatorului, titlul de pornire, prefixul, textul pentru arhive și 404 pagini. Chiar mai jos, selectează opțiunea de taxonomie afișată în postare (categoria este cea mai logică).
Apoi mergeți la fișierul șablon unde veți afișa blocul de navigare și adăugați liniile:
Cele mai populare locuri de inserare a codului sunt în postări (single.php) și pagini (page.php) înainte de afișarea antetului. Uneori poate fi plasat la sfârșitul aspectului antetului (header.php). Codul de mai sus are o declarație condiționată și verifică prezența pluginului, apoi afișează rezultatul. Cu acest design, puteți dezactiva cu ușurință pesmeturile din setări. Apropo, acest cod a fost adăugat inițial la multe teme profesionale, deoarece Modulul este foarte popular.
Un alt avantaj al Yoast SEO este că pesmeturile pot fi setate în parametri suplimentari ai postărilor de blog:
Adică, aveți șansa de a determina manual orice valoare a antetului postării WP prin panoul de administrare. Acest lucru este util pentru titlurile lungi de articole + vă permite să scăpați de informațiile duplicate.
Pluginul NavXT Breadcrumb pentru WordPress
De asemenea, atunci când se creează breadcrumbs pentru WordPress, se folosește planul Breadcrumb NavXT. Modulul are o funcționalitate bună, pe care am menționat-o parțial mai sus, plus că conține multe opțiuni interesante. Aproape fiecare utilizator îl poate înțelege și poate modifica cu ușurință setările necesare ale elementului de navigare.
Prin panoul de administrare sau descărcați din depozitul oficial. Important! Pentru Breadcrumb NavXT versiunea 5.2 veți avea nevoie de PHP5.3, versiunile anterioare necesită PHP5.2. Apoi îl activezi, iar secțiunea corespunzătoare va apărea în WP.
Există 4 file de parametri aici:
- În „De bază” puteți selecta tipul de separator, puteți elimina linkul către pagina principală și puteți configura afișarea paginii curente. Formatul șirului este specificat prin șabloane.
- „Postări” - conține opțiuni pentru postări.
- „Taxonomii” - sunt responsabili pentru etichete/categorii.
- „Altele” - formate de pagină de autor, arhive, erori 404.
Vă sfătuiesc să parcurgeți fiecare filă și să vă uitați la toate caracteristicile. Formatul de afișare vă permite să faceți orice modificări la această navigare - adăugați propriul text/simboluri, schimbați stilurile etc.
După specificarea parametrilor Breadcrumbs în pluginul WordPress, trebuie să setați ieșirea informațiilor în șablon - deschideți fișierul de aspect corespunzător (de obicei header.php) și plasați liniile în locul potrivit:
Similar cu lucrul cu Yoast SEO, alegerea locului unde să plasați codul depinde de tema instalată. Dacă intenționați să afișați un bloc în antet, atunci utilizați header.php. Având în vedere că acest fișier este comun tuturor paginilor aspectului, veți vedea un lanț de legături pe fiecare dintre ele. De asemenea, puteți afișa un element numai în secțiunile selectate - în acest caz, lipiți codul în single.php, page.php, archive.php etc. În general, Breadcrumb NavXT este un instrument bun.
Pesmeturi în WordPress fără un plugin
Este posibil să implementați funcția Breadcrumbs în WordPress fără pluginuri. Cu toate acestea, înainte de a trece la descrierea diferitelor opțiuni, îmi voi exprima opinia subiectivă despre motivul pentru care aceasta nu este cea mai bună idee:
- Integrarea va fi cu siguranță o provocare pentru utilizatorii începători.
- Editarea parametrilor direct în cod nu este deosebit de clară - setarea șabloanelor de afișare prin panoul de administrare este mult mai convenabilă decât editarea directă.
- Modulele au mai multe caracteristici - iau cel puțin localizare, suport Schema.org, widget-uri.
- Nu toate codurile găsite pe web sunt actuale, corecte și actualizate în mod regulat, în timp ce cel puțin Yoast SEO și Breadcrumb NavXT în WordPress funcționează stabil.
Sincer să fiu, nu cred că crearea de pesmeturi în WordPress fără un plugin vă va oferi o creștere serioasă a performanței. Da, dacă sunteți un dezvoltator web grozav, care creați un proiect pentru dvs., atunci vă puteți descurca cu „cod curat”; în toate celelalte cazuri, un modul gata făcut este mult mai simplu.
Una dintre cele mai compacte și soluții actuale în plus sau minus. Primul lucru pe care îl faceți este să adăugați o nouă funcție personalizată get_breadcrumb() în fișierul functions.php:
/** * Generați breadcrumbs * @author CodexWorld * @authorURL www.codexworld.com */ funcția get_breadcrumb() ( echo "Acasă" ; if (este_categoria() || is_single() ) ( echo " » " ; the_category(" . " ) ; if (is_single() ) ( echo " » " ; the_title() ; ) ) elseif (is_page() ) ( echo " » " ; echo the_title() ; ) elseif (is_search() ) ( echo " » Rezultatele căutării pentru... " ; echo "" " ; echo the_search_query() ; echo """
;
}
}
|
/** * Generați breadcrumbs * @author CodexWorld * @authorURL www.codexworld.com */ function get_breadcrumb() ( echo "Acasă"; if (is_category() || is_single()) ( echo " " "; the_category(") . "); if (is_single()) ( echo " » "; the_title(); ) ) elseif (is_page()) ( echo " » "; echo the_title(); ) elseif (is_search()) ( echo " » Rezultatele căutării pentru... "; echo "" "; echo the_search_query(); echo """;
}
}
Apoi, în aspectul de afișare post single.php sau oricare altul, numiți-l:
breadcrumb ( umplutură : 8px 15px ; margin-bottom : 20px ; list-style : none ; background-color : #f5f5f5 ; border-radius : 4px ; ) .breadcrumb a ( culoare : #428bca ; text-decoration : none ; ) |
breadcrumb ( umplutură: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; ) .breadcrumb a (culoare: #428bca; text-decoration: none; )
Ca rezultat, veți obține ceva de genul:
Dacă acest lucru este suficient pentru tine, atunci de ce nu. Pot recomanda și varianta de la Dimox, care a încercat să țină cont de toate neajunsurile fragmentelor existente. Există mult mai mult cod sursă acolo, este destul de posibil să creați un modul cu drepturi depline din acesta :)
Cum să eliminați pesmeturile din WordPress
În principiu, această sarcină este inversul procesului de instalare a unui element. Prin urmare, înainte de a-l dezactiva, trebuie să înțelegeți exact cum este implementat totul în cazul dvs. specific. Algoritmul este aproximativ următorul:
- Să vedem dacă există un plugin breadcrumb pentru un site WordPress. Dacă da, atunci încercați să ascundeți afișarea lanțului de legături în setări și/sau să-l dezactivați.
- Dacă dezvoltatorul a efectuat corect integrarea, atunci ștergerea modulului nu va duce la erori. În caz contrar, căutăm codul de ieșire de navigare în fișierele șablon (WinGrep poate ajuta). Acestea ar putea fi, de exemplu, funcțiile yoast_breadcrumb(), bcn_display(), bread_crumb(), etc. Scaparea de linii suplimentare.
- Să verificăm din nou afișarea paginilor proiectului în browser.
În principiu, dezactivarea sau eliminarea pesmeturilor în WordPress nu este atât de dificilă, principalul lucru este să înțelegeți cum au fost adăugate. Editați codul cu atenție pentru a nu șterge nimic important (puteți comenta mai întâi rândurile).
Total.În articol, am discutat în detaliu cum să faci pesmet în WordPress; informațiile despre configurarea acestuia ar trebui să fie suficiente pentru tine. Înainte de instalare, vă sfătuiesc să vă gândiți dacă aveți într-adevăr nevoie de această unitate. În ceea ce privește implementarea, personal nu văd rostul implementării unui element de cale a site-ului în WordPress fără un plugin, având în vedere că proiectul dvs. web va avea probabil Yoast SEO. În ceea ce privește alte module, acestea sunt utile doar în cazul unor funcționalități originale. Breadcrumb NavXT pare destul de bun, dar sunt pentru soluția lui Yoast.
Dacă aveți întrebări despre lucrul cu pesmeturile Breadcrumbs și cu pluginurile WordPress pentru acestea, scrieți mai jos și vom rezolva problema.
P.S. gardian. În prezent, este necesară utilizarea sistemelor de conducte moderne - conductele de gaz prezentate de Casa de Comerț Eurotrubplast îndeplinesc toate standardele de calitate.
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, „Breadcrumbs” sunt navigare suplimentară pagină cu 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ă un număr mare de servicii similare pe Internet care vor ajuta la retragerea „fărâmiților”, dar, în același timp, vor încărca suplimentar site-ul, ceea ce 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 acest articol în curând, voi arăta mai clar ce se va întâmpla când vei schimba unele elemente din 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 printr-un 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ă inserați suplimentar un mic cod în 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
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 de navigare suplimentar.
Pesmeturile sunt diferite de sistemul implicit de meniuri de navigare WordPress.
Scopul breadcrumb-urilor este de a ajuta utilizatorii să navigheze pe site. Ele ajută la înțelegerea unde se află utilizatorul acum. De asemenea, ajută motoarele de căutare să determine ierarhia linkurilor 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 caracteristici mai diverse 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 și orice tip de postări personalizate. 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 postați părinți. 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 pluginul Yoast SEO. 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