Zdravo! Stalno pokrivam super korisne dodatke za wordpress sustavi. Danas ću vam reći i pokazati kako vrlo jednostavno i brzo instalirati wordpress na svoju stranicu. krušne mrvice. Što su krušne mrvice? Krušne mrvice pokazuju put kojim ste krenuli na stranici, od prve stranice do trenutne. Na primjer, otišli ste na stranicu na glavnoj stranici, onda ću ja ići na odjeljak "Kućanski proizvodi", zatim ste otvorili unos "Kako pomusti kravu" itd.
Sve ove stranice i veze na njih bit će prikazane u krušnim mrvicama. Krušne mrvice su potrebne prvenstveno radi praktičnosti korisnika kako bi se brzo vratili na stranicu ili kategoriju koja im je potrebna. No, naravno, krušne mrvice imaju pozitivan učinak na SEO promociju stranice. To jest, zbog krušnih mrvica, pokazatelj se može povećati faktor ponašanja na vašoj web stranici.
Možete dodati Breadcrumbs na svoju stranicu pomoću jednostavnog dodatka - Yummi krušne mrvice. Ovaj dodatak možete instalirati na svoju web stranicu izravno s administratorske ploče WordPressa. Idite na stranicu: Plugins - Add New , unesite naziv dodatka u obrazac za pretraživanje, pritisnite Enter, instalirajte i aktivirajte dodatak.
Nakon instaliranja i aktivacije dodatka idite na stranicu: Postavke - Yummi krušne mrvice. Ovdje možete konfigurirati dodatak. Dodatak ima vrlo jednostavne postavke koje čak i najzahtjevniji čajnik može podnijeti.
– Vrsta instalacije, odaberite vrstu instalacije. Odaberite Automatski tip da bi se krušne mrvice automatski pojavile na vašoj web-lokaciji. Ako odaberete vrstu - Ručno, tada ćete morati ručno umetnuti kod na web mjestu.
– vrsta krušnih mrvica, odaberite vrstu krušnih mrvica. Slobodno eksperimentirajte s izgledom krušnih mrvica.
– Naziv trenutne stranice, odaberite želite li prikazati naziv trenutne stranice ili objave u HK.
– Na početnoj stranici, prikazati ili ne HC na glavnoj stranici.
– skočni savjeti, omogućite ili onemogućite opise alata.
– "naslov=" za veze, uključiti atribut title za veze.
– Trenutni font, naveden je trenutni font za HK.
– Promijenite izgled kategorija zaglavlja, Možete promijeniti stil fonta za kategorije.
– Vaša zahvalnost odaberite – Sakrij da biste sakrili vezu autora dodatka od prikazivanja na vašoj web-lokaciji.
– Kliknite na gumb – Spremi promjene.
Danas ću govoriti o dodatku za WordPress popularno nazvanom "Breadcrumbs", službeni naziv je Breadcrumb NavXT. Ovo je možda najpopularniji i najpopularniji dodatak među webmasterima. Njegova popularnost je zbog dva razloga.
Prvi razlog popularnosti dodatka "Breadcrumbs"
Ovo je pogodnost za navigaciju. Nakon instaliranja i konfiguriranja dodatka Breadcrumb NavXT, na vrhu stranice pojavljuje se zgodan navigacijski izbornik koji korisniku postupno prikazuje ne samo naziv stranice na kojoj se nalazi, već i uzastopno sve stranice stranice na kojima se nalazi posjetili ranije. Što je svakako vrlo zgodno, pogotovo kada se proučava velika količina materijala i pregleda nekoliko stranica.
Drugi razlog potražnje za ovim dodatkom
Dodatno povezivanje stranica, i kao rezultat + na ljestvici tražilica. (Zapravo, nadimak "Krušne mrvice" dolazi iz bajke braće Grimm zvane Hansel i Gretel, prema čijoj su radnji djeca bacala mrvice kruha kako se ne bi izgubila u šumi... Ali ovo je tako, lirski digresija.) Vratimo se našem dodatku.
Preuzmite i instalirajte dodatak Breadcrumb NavXT.
Najbolji način za preuzimanje dodatka Breadcrumb NavXT je da ga pronađete putem svoje upravljačke ploče upisivanjem u traku za pretraživanje " Krušne mrvice NavXT"
Uobičajena instalacija ne razlikuje se od instalacije drugih dodataka. Ali s postavkama morate petljati.
Idite na karticu "Postavke"...
... i uđite u ploču postavki dodatka Breadcrumb NavXT. U ovom slučaju nas zanima samo kartica "Osnovni, temeljni", sve ostale kartice postavki: "Postovi i stranice", "Taksonomije", "Ostalo", za sada možete ostaviti nepromijenjenu. Možda ćete im se nekad morati vratiti kako biste postavili Breadcrumbs naprednije, ali za sada, ostavimo sve kako jest. Pa, mijenjamo postavke kartice "Osnovno" kao što je prikazano na slici ispod:
Spremamo promjene postavki i to je to.
A sada prijeđimo na zabavni dio.
Morate urediti predložak teme.
Nažalost, bez toga nije moguće. Dodatak Breadcrumb NavXT, "samo tako" neće raditi.
Idite na konzolu i odaberite " Izgled»→«Urednik»:
Kao rezultat toga, idemo na odjeljak za uređivanje teme. U ovom odjeljku, za uređivanje, morate odabrati točno onu temu koju trenutno koristite. U pravilu, mnogi administratori web-mjesta instaliraju nekoliko predložaka web-mjesta, ali se koristi samo jedan. Stoga treba urediti onaj koji se koristi.
Morate urediti sljedeće predloške: single.php, index.php i page.php (ako postoji posebno kreirana stranica, na primjer, category.php, onda i ova)
izgleda ovako:
Prvo odaberite željeni predložak. (Ovaj primjer prikazuje predloške dostupne u mojoj temi, možda ih imate više ili manje. Morate urediti sve što je dostupno prema popisu: single.php, index.php i page.php, category.php Ako bilo koji od navedenih predložaka nije prikazan na vašem popisu, jednostavno ga preskočite.)
Zatim uzimamo kod:
I umetnite ga u svaki od navedenih predložaka na otprilike isto mjesto, iza naslova ( Zaglavlje):
Naravno, svaku promijenjenu datoteku spremamo. Nakon toga, dodatak Breadcrumb NavXT će početi raditi.
Eto, to je sve, skoro... Gotovo, jer su ove postavke u pravilu sasvim dovoljne.
Ali postoje slučajevi kada dizajn teme vaše web-lokacije ne odgovara dizajnu prikazanog retka Breadcrumb.
U tom ćete slučaju morati zasebno prilagoditi Breadcrumbs za dizajn stranice.
Radi se ovako. Uzimamo ovaj kod:
.krušne mrvice(
font:bolder 12px "Trebuchet MS", Verdana, Arial;
padding-bottom: 10px
}
.krušne mrvice a(
boja: #1B7499;
} .breadcrumb a:hover (
boja: #EF0E0E;
}
U njemu mijenjamo parametre prikaza veličine teksta, fonta i boje na potrebne. Zatim kopiramo promijenjeni kod, idemo na karticu "Stilski list" svoju temu
... i zalijepite kod na samo dno uređivača
… spremljeno klikom "Ažuriraj datoteku" Naravno, da biste dobili zadovoljavajući rezultat, morat ćete malo eksperimentirati.
Pa, sad, možda sve.
(Zadnje ažuriranje: 19.05.2019.)
Pozdrav čitateljima bloga WordPress Mania! Ako vi, prijatelji, nemate krušne mrvice na svojoj stranici, nema veze. Navigacijski lanac (karike) možete sami instalirati pomoću ove upute. I tako, danas ću vam pokazati: kako dodati krušne mrvice (Krušne mrvice) na WordPress stranicu pomoću funkcije dodatka Yoast WordPress SEO(Nadam se da ste najbolji multifunkcionalni SEO dodatak).
A reći ću vam i koji posebni dodaci Breadcrumbs (WordPress breadcrumbs) postoje za tu svrhu. A za napredne korisnike, moguće je dodati breadcrumbs na stranicu bez dodatka. Dakle, dame i gospodo, pročitajte: Kako napraviti krušne mrvice u WordPressu?
Kako dodati breadcrumbs na WP stranicu sa i bez dodatka
Budući da je ovaj blog za početnike, prvo ću objasniti:
Što su krušne mrvice?
Ovo je navigacijski lanac (navigacijski izbornik, "breadcrumbs", engleski Breadcrumbs) - navigacijski element web stranice, koji je put kroz stranicu od njezina "root" do trenutne stranice na kojoj se korisnik nalazi (Wikipedia). Ali Artem Lebedev to naziva ovako: duplicirana navigacija je linija s vezama koje odgovaraju hijerarhiji strukture stranice. Ovaj redak možete vidjeti na većini web-mjesta iznad naslova članka. Otprilike ovako:
Krušne mrvice u WordPressu
Netko misli da krušne mrvice ne moraju biti instalirane na stranicu, ali netko drugi misli obrnuto.
Krušne mrvice iznimno su važan dio svake web stranice i svojim korisnicima pružaju jednostavan način da saznaju svoju trenutnu lokaciju na stranici.
Krušne mrvice ima na poznatim blogovima, što znači da ni nama nije kontraindicirano. Započnimo.
Breadcrumbs s Yoast WordPress SEO Plugin značajkom
Svrha navigacije je pomoći korisnicima da se kreću po stranici. To pomaže korisnicima da razumiju gdje se nalaze na web mjestu. Također pomaže tražilicama razumjeti hijerarhiju veza na web stranici. Za .
Koraci u nastavku privremeno su zaobilazno rješenje jer se ručne promjene u datotekama tema mogu prebrisati u budućim ažuriranjima teme. Kada ažurirate temu, ovu operaciju morate ponoviti.
Yoast SEO nudi značajku za dobivanje navigacijskih veza na vašoj web stranici. Parametri breadcrumb nisu u početku prikazani u Yoastu, za to morate otići na odjeljak SEO na administrativnoj ploči - "Prikaži u Rezultati pretraživanja" - Kartica Breadcrumbs. Nakon toga morate omogućiti breadcrumbs i konfigurirati ih:
Postavke breadcrumb u Yoast SEO-u
Postavite razdjelnik između pasusa kako želite. Napišite tekst poveznice na glavnu stranicu, možete napisati naziv svog bloga ili samo "Home". Zatim, u krušnim mrvicama, postavite taksonomiju za rubriku. Kliknite Spremi promjene. Ne zaboravite dodati kod na pravo mjesto u svom predlošku (temi).
Kako dodati krušne mrvice svojoj temi
Krušne mrvice se neće pojaviti dok ne zalijepite mali kod na svoju web-lokaciju. Započnite kopiranjem sljedećeg koda:
Sada morate instalirati kod u temu / predložak, gdje će se prikazati navigacijska linija. Uobičajena mjesta na koja možete staviti svoje krušne mrvice su unutar datoteke single.php i/ili page.php neposredno iznad zaglavlja stranice. Druga opcija koja to čini vrlo jednostavnim u nekim temama je jednostavno zalijepiti kod u header.php.
Uzmimo za primjer temu Twenty Eleven. Idemo: Izgled - Uređivač tema. Otvorite datoteku single.php (jedan unos) i zalijepite kod:
Umetanje koda u WP predložak
Spremite datoteku i pogledajte što smo na kraju dobili:
Breadcrumbs by Yoast SEO
Osim toga, možete prikazati bilo koji naslov za stranice koji će se prikazati u krušnim mrvicama prilikom uređivanja ili stvaranja novog posta. Yoast SEO kartica Napredno. Ako je, na primjer, naslov članka dugačak, onda se naslov može napisati kraće:
Naslov ove stranice, koji će biti prikazan u krušnim mrvicama
Evo kako to ide:
Vaše vlastito zaglavlje za krušne mrvice u zasebnom postu
Breadcrumb dodaci za WordPress stranicu
Najpopularniji modul danas je Breadcrumb NavXT.
Dodatak za WordPress Breadcrumb NavXT
Breadcrumb NavXT je dodatak kompatibilan s WordPress verzijama 4.0 i novijim. Generira lokalne lance za vaš WordPress blog/web stranicu. Budući da Breadcrumb NavXT dosljedno prikazuje hijerarhiju stranica, pomoći će osigurati prednosti SEO-a.
Instalirajte i aktivirajte ga na standardni način. Nadalje, ako želite, možete ga prilagoditi za sebe. Postavke - Breadcrumb NavXT. Dodatak na ruskom. Mislim da će većina korisnika biti u redu sa zadanim postavkama.
Opet, moramo urediti datoteku Single Post (single.php) i/ili Single Page (page.php). Možete koristiti datoteku zaglavlja ( header.php ). Uzimamo kod:
Otvorite datoteku, na primjer, page.php i dodajte izlaz mrvica na mjesto koje vam je potrebno. Obično ih trebate prikazati iznad naslova članka.
Instaliranje Breadcrumb NavXT koda na web stranicu
Uštedjeti. Otvorite stranicu bloga i pogledajte rezultat:
Dodajte isti kod u datoteku Single Post (single.php, ) kao što je prikazano za Yoast SEO. Lijep dodatak? O da! Ne odgovara? Nema problema.
Idemo Plugins - Dodaj novi i u polje za pretraživanje dodataka ubacujemo ključnu riječ Breadcrumb. Birajte, prijatelji:
Breadcrumb dodaci za WordPress
Usredotočite se na ažuriranja. Pogledajte dodatak Breadcrumbs SEO:
SEO krušne mrvice (krušne mrvice)
WordPress SEO Plugin Breadcrumbs
SEO Breadcrumbs je moćan i jednostavan za korištenje dodatak koji može dodati pet različitih navigacija na web stranici WordPress. Potpuno je prilagodljiv i prilagodljiv. Dodatak prikazuje krušne mrvice u objavama, stranicama, prilagođenim taksonomijama, arhivama, privitcima. Također u 404 pogreške, rezultati pretraživanja.
Dodatak omogućuje korištenje bilo koje kombinacije boja, s raznim efektima za ukrašavanje krušnih mrvica. Dodatak također podržava specifikaciju sheme za označavanje isječka koda koju koriste Google i drugi. tražilice kako biste identificirali krušne mrvice i upotrijebili ih u rezultatima pretraživanja.
Kako instalirati WordPress Breadcrumbs bez dodatka
Ovaj hack (nađen preko brda) prikladan je za one koji ne koriste dodatak. Otvorite datoteku "Funkcije teme" (functions.php ) i prije završne oznake (na samom dnu) ?> zalijepite ovaj dugi kod (ne zaboravite napraviti sigurnosnu kopiju datoteke):
Funkcija dimox_breadcrumbs() ( /* === OPCIJE === */ $text["home"] = "Početna"; // tekst veze "Početna" $text["category"] = "Arhiva kategorije "%s" "; // tekst za stranicu kategorije $text["search"] = "Rezultati pretraživanja za "%s""; // tekst za stranicu s rezultatima pretraživanja $text["tag"] = "Postovi označeni sa "%s" " "; // tekst za stranicu oznake $text["author"] = "Članci autora %s"; // tekst za stranicu autora $text["404"] = "Pogreška 404"; // tekst za 404 stranica $ show_current = 1; // 1 - prikaži naslov trenutnog članka/stranice/kategorije, 0 - ne prikazuj $show_on_home = 0; // 1 - prikaži krušne mrvice na početnoj stranici, 0 - nemoj show $show_home_link = 1; // 1 - prikaži vezu "Početna", 0 - ne prikazuj $show_title = 1; // 1 - prikaži opis alata (naslov) za veze, 0 - ne prikazuj $delimiter = " » "; // podijeliti između mrvica $before = " "; // oznaka ispred trenutne "bebe" $after = ""; // oznaka nakon trenutne mrvice /* === KRAJ OPCIJA === */ globalni $post; $home_link = home_url("/"); $link_before = " "; $link_after = ""; $link_attr = " rel="v:url" property="v:title""; $link = $link_before . "%2$s" . $link_after; $parent_id = $parent_id_2 = $post->post_parent; $frontpage_id = get_option("page_on_front"); if (is_home() || is_front_page()) ( if ($show_on_home == 1) echo "
Ažurirajte datoteku. Pozvati funkciju na isti način kao što je gore opisano, u single.php datotekama (jedan unos); page.php (predložak stranice); archive.php (arhive); search.php (rezultati pretraživanja) zalijepite kod:
Sve. Ako trebate stilizirati CSS za krušne mrvice (da odgovara dizajnu vaše teme), zamotajte red u:
Otvorite datoteku "Style sheet" ( style.css ) i na kraju koda zalijepite:
Mrvice (obrub-dno: 1px točkasto #999999; obitelj fontova: "Georgia", "Times New Roman", "Times", serif; veličina fonta: 9px; težina fonta: 600; visina linije: 15px; boja : #ccc; ) .crumbs a( font-family: "Georgia", "Times New Roman", "Times", serif; font-size: 9px; font-weight: 600; line-height: 15px; boja: # ccc; tekst-dekoracija: nema;)
Prilagodite stil dizajna vašeg bloga/web stranice.
Konačno
Krušne mrvice za WordPress stranicu nisu obavezne, ali mogu poboljšati njegovu upotrebljivost. Povećanje upotrebljivosti uvijek ima pozitivan učinak na čimbenike ponašanja.
Zahvaljujući mikro označavanju, Breadcrumbs (krušna mrvica) ugrađena je u Googleove rezultate pretraživanja. Yandex nema takvu funkciju, ali tražilica može samostalno prilagoditi strukturu stranice predlošku mikropodataka.
To je sve za mene. Vidimo se opet. Sretno.
(funkcija(w, d, n, s, t) ( w[n] = w[n] || ; w[n].push(function() ( Ya.Context.AdvManager.render(( blockId: "R-A -292864-4", renderTo: "yandex_rtb_R-A-292864-4", async: true )); )); t = d.getElementsByTagName("script"); s = d.createElement("script"); s .type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); ))(ovo , this.document, "yandexContextAsyncCallbacks");Krušne mrvice u WordPressu su pomoćni navigacijski element koji pokazuje položaj korisnika u odnosu na cijelu hijerarhiju resursa. Jednostavno rečeno, ovaj izbornik pokazuje točno gdje se posjetitelj trenutno nalazi.
Breadcrumbs se nazivaju izbornicima jer prikazuju odjeljke s poveznicama, zahvaljujući kojima možete "skakati" kroz hijerarhiju web stranice.
Inače, takva je navigacija ironično nazvana po analogiji s jednom od bajki. Suština je bila da djeca koja su dovedena u šumu nisu mogla pronaći put do kuće, jer su cijelim putem bile razbacane krušne mrvice. Zbog toga su ih ptice kljucale, pa djeca nisu našla put natrag (morala su bacati kamenčiće).
Zapravo, krušne mrvice su vrlo korisne za posjetitelje, jer mogu usmjeriti korisnika u pravom smjeru i dati opću predodžbu o strukturi stranice. Nije loša opcija za pomoćnu navigaciju, koja ne ide na štetu glavne. Pa, oni također pružaju mogućnost ponovnog povezivanja stranica, što je dobro za SEO. Ali uvijek postoje nijanse. Dakle, ako uzmemo standardni predložak, tada će biti malo smisla od krušnih mrvica (kada je korisnik u naslovima, tada bi mrvice, zapravo, jednostavno ponovile ovu informaciju).
Krušne mrvice su korisne u takvim slučajevima:
- kada izgledaju sjajno s dizajnom stranice (u ovom slučaju izbornik se ne koristi za optimizaciju, već samo za dobrobit i udobnost posjetitelja);
- kada stranica ima stvarno složenu strukturu (na primjer, korporativni resurs sa složenom i zamršenom strukturom).
Ukupno postoji nekoliko vrsta mrvica koje se koriste kako u ruskom govornom području interneta tako iu inozemstvu:
- mjesto. Ovaj tip definira put, a on je konstantan, t.j. neće se mijenjati kako se korisnik kreće kroz resurs;
- Staza. Ovaj tip pokazuje posjetitelju put koji je već prošao. Glavni nedostatak takvih mrvica je da ako korisnik dolazi iz tražilice, mrvice se neće prikazati;
- atribut. Te se mrvice prikazuju kao oznake na određenim stranicama i omogućuju vam da definirate kategoriju na web mjestu. Ova je opcija najprikladnija i radi na gotovo svim resursima.
Promocija web stranica niskofrekventnim zahtjevima ima niz prednosti, što je posebno važno za komercijalne projekte; mrvice ponekad obeshrabruju ulaganja potrebna za stjecanje vanjskih veza. Odnosno, promocija niskofrekventnih upita može se obaviti samo uz pomoć optimizacije stvaranjem ispravnog povezivanja (ponekad to stvarno funkcionira, ali od takvog rješenja ne biste trebali očekivati previše). Ovdje je najvažnije da se posjetitelji koji su došli iz tražilica za takvim upitima vrlo često pretvaraju u novac, a ne samo u sitne goste (ovakav broj ne radi sa srednje i visokofrekventnim upitima).
Na neki način, krušne mrvice su poput krvožilnog sustava koji pruža mogućnost dovođenja kisika do najudaljenijih "unutarnjih organa". Naravno, možete sami ručno dodati veze na druge materijale na temu, ali to će zahtijevati pisanje zasebnog materijala. Za izradu breadcrumb izbornika prvo ćemo razmotriti opciju bez potrebe za instaliranjem dodataka, a zatim ćemo još razmotriti nekoliko njih, koji su, po našem mišljenju, najbolji.
Opcija bez instalacije dodatka
Razmotrimo način implementacije mrvica na svoju stranicu bez instaliranja dodataka. Prilično je jednostavno u smislu implementacije, tako da ne biste trebali očekivati nešto originalno od ovog rješenja. Ali sve radi bez dodataka, što znači da nema opterećenja na stranici.
Metoda se sastoji od nekoliko koraka:
- umetanje koda u datoteku functions.php;
- umetanje koda za mrvice na pravo mjesto.
Dakle, uzmite prvi kod i zalijepite ga u datoteku functions.php aktivnog predloška:
funkcija the_breadcrumb() (
if (!is_front_page()) (
odjek "Dom";
jeka "" ";
if (is_category() || is_single()) (
the_category(" ");
if (is_single()) (
jeka "" ";
Naslov();
}
) elseif (je_stranica()) (
echo the_title();
}
}
drugo(
odjek "doma";
}
}
Može se postaviti na sam kraj dokumenta ispred znakova "?>" (bez navodnika). Ako na kraju nema oznake, tada se kod može baciti na samom početku prije početne oznake. Prilikom postavljanja koda provjerite je li kodiranje UTF-8, inače se neka ruska slova i riječi neće ispravno prikazati. Kodiranje možete postaviti pomoću uređivača Notepad pomoću stavke Kodiranje - Kodiranje u UTF-8 (bez BOM-a).
Sada koristimo drugi kod i napišemo ga tamo gdje želimo prikazati krušne mrvice:
the_breadcrumb();
?>
Vjeruje se da mrvice treba staviti svugdje osim na glavnu stranicu. Odnosno, trebate smjestiti ovaj kod u datoteke single.php, archive.php, page.php i category.php. Na vama je gdje ćete ga točno smjestiti, ali se prema zadanim postavkama umeće prije nego što se prikaže glavni sadržaj. Ako je moguće smjestiti kod u glavni blok, onda to učinite jer se tada nećete morati igrati sa stilovima kako bi se mrvice prikazale kako se očekuje.
Kao što vidite, sve što trebate učiniti je malo kopati po datotekama tema. Osim toga, metoda radi bez pomoćnih modula. Pa, tko želi moći mijenjati mrvice po svom nahođenju, morat ćete instalirati dodatke treće strane. SEO by Yoast i Breadcrumb NavXT radi sjajno. Pogledajmo prvu.
SEO dodatak od Yoasta
Kao alternativu gornjoj metodi, možete koristiti SEO by Yaost dodatak, koji može stvoriti vrlo atraktivne mrvice. Njegove glavne prednosti:
- nema potrebe za instaliranjem modula trećih strana;
- dodatak može prikazati naslove i podnaslove, čime se prikazuje potpuna slika stranice;
- moguće je promijeniti tekst poveznice koja vodi na glavnu;
- označavanje zadnjih stranica podebljanim slovima;
- mogućnost promjene separatora i prefiksa;
- postavljanje formata taksonomije;
- Koristeći CSS, možete eksperimentirati s izgledom mrvica.
No ipak, napominjemo da u nekim slučajevima dodatak možda neće prikazati mrvice sasvim ispravno, ali kako se dodatak razvija, sigurni smo da će programeri popraviti pogreške i dodati sve nedostajuće značajke.
Počnimo s preuzimanjem i instalacijom. Dodatak možete preuzeti na poveznici: https://wordpress.org/plugins/wordpress-seo/. Instalacija je standardna - učitajte sadržaj u mapu wp-content/plugins i aktivirajte ga na admin panelu. Sada možete nastaviti s postavkama:
- Na administrativnoj ploči idite na odjeljak "SEO - Napredno";
- Učitat će se dodatne postavke dodatka (stvoren je ne samo za prikaz mrvica), ali nas posebno zanima odjeljak "Breadcrumbs";
- Aktiviramo mrvice, ali da bi se pojavile na web mjestu, bit će potrebno postaviti poseban kod (možete ga pronaći na kraju ovog popisa);
- Odaberite jedan od separatora koji podržava HTML5;
- Zatim odaberite tekst glavne stranice web-mjesta (na primjer, "Početna", "Početna" itd.);
- Prefiks je simbol ili riječ koja će se prikazati ispred svih mrvica na resursu (obično se stavlja strelica);
- Zatim možete odabrati prefikse posebno za arhive, stranice s rezultatima pretraživanja, 404 stranice;
- Možda bi bilo korisno zadnji odlomak podebljati, ali posljednja stranica je često identična naslovu, stoga sami odlučite što ćete ovdje učiniti;
- Posljednja stavka postavke je taksonomija (možete birati između kategorija, formata, oznaka);
- Spremamo napravljene promjene.
Nakon dovršetka konfiguracije, morate dodati kod u predložak:
(yoast_breadcrumb("");) ?>
To je sve, u svim ostalim aspektima rada s dodatkom neće biti teško shvatiti.
Dodatak Breadcrumb NavXT
Dodatak ima ogroman broj postavki, a što je najvažnije, radi kao kvalitetan sat za nekoliko tisuća dolara. Kao što je gore spomenuto, WordPress paginacija je moguća bez instaliranja modula treće strane, ali uz pomoć Breadcrumb NavXT sve je pojednostavljeno - svaki korisnik može prilagoditi navigacijski lanac kako želi.
Dodatak možete preuzeti na stranici: http://wordpress.org/extend/plugins/breadcrumb-navxt/ (radi na WordPressu 3.0 ili novijim i PHP 5). Nakon preuzimanja, prenesite dodatak u mapu wp-content/plugins i aktivirajte ga na administratorskoj ploči. Imajte na umu da ako ste već imali staru verziju modula, morate je onemogućiti ili dodatak možda malo pokvari (postavke nisu spremljene). Ako ste ga i dalje zaboravili isključiti i ništa ne radi, onda ga nakon instalacije isključite i postavite na novi način. Sada će sve početi kako treba.
Ako je potrebno, možete dodati kod u druge datoteke u svojoj temi. Sada trebate otići na izbornik postavki i malo se "dočarati" njegovim opcijama, zahvaljujući kojima s ovim mrvicama možete raditi što vam srce poželi (programeri su to stvarno učinili na savjesti).
Dakle, idite na administrativnu ploču resursa, pogledajte lijevu ploču i tamo odaberite stavku "Breadcrumb NavXT". Bit će prikazano nekoliko kartica poput "Općenito", "Trenutni položaj" itd. Glavna kartica "Općenito" sadrži postavke koje će utjecati na sve stranice web-mjesta. Polje "Delimiter" omogućuje vam da navedete znak koji će se koristiti kao razdjelnik za krušne mrvice (po našem mišljenju, najuspješniji znak je ">" - jednostavan i svima razumljiv).
Polje "Max Length" specificira duljinu sidra u znakovima. Preporučujemo postavljanje ograničenja od 60 znakova, što je korisno u smislu optimizacije. Gore smo već spomenuli prednosti mrvica za SEO; to jest, mrvice će biti indeksirane od strane tražilica, a one će se koristiti ne samo za prenošenje prazne težine. Spomenimo da tražilice mogu biti nepredvidive u pogledu poveznica s identičnim sidrima, pa preporučamo njihovo skraćivanje (ovo nije potrebno, ali na to ipak možete potrošiti malo vremena).
Ako označite okvir pored "Početna poveznica", poveznica na glavnu će se prikazati u mrvicama. A ako je potrebno, možete odabrati sidro. Polja "Prefiks" i "Sufiks" omogućuju vam da navedete tekst koji će biti postavljen prije ili nakon poveznice na glavnu stranicu. Pa, polje "Tekst poveznice na početnu" omogućit će vam da navedete tekst koji će se prikazati kada zadržite pokazivač miša iznad poveznice početne stranice.
Vrijedi uzeti u obzir: ovaj tekst tražilice mogu smatrati sidrenim tekstom. Odnosno, vrijedno je navesti ključne riječi koje se odnose na vašu glavnu stranicu. Nakon toga spremamo sve promjene napravljene pomoću odgovarajućeg gumba.
Ali ovo je samo jedna kartica "Općenito", tako da možete prijeći preko ostalih kartica. Dakle, sljedeći ima konfiguracijsku stavku za poveznicu koja će upućivati na stranicu na kojoj se nalazite. Veza na trenutnu poziciju poboljšava internu optimizaciju resursa, stoga preporučujemo da označite ovaj okvir. Također, ne zaboravite da preporučujemo da ne prelazite 60 znakova, kako biste izbjegli stvaranje velikih naslova.
Sljedeće polje "Tekst trenutne pozicije" može se ostaviti samo zato što dobro pokazuje značenje prijelaza (taj će tekst posjetitelj vidjeti kada mišem pređe preko linka). Kartica "Postovi/Stranice" omogućuje vam da konfigurirate prikaz poveznica na stranice sa sadržajem i statične stranice web-mjesta (za članke možete postaviti natpis "Trenutni članak").
Na kartici "Kategorije" zapravo su sve postavke slične onima koje su bile na prethodnim stranicama. Prilikom postavljanja nismo postavljali prefikse i sufikse, već smo unijeli izmjene u polje "Arhive". Kao rezultat svega toga, dobili smo tako atraktivne mrvice, gdje sve radi kako treba.
Prije nego što prijeđem izravno na pregled modula, reći ću nekoliko riječi o tome kako i zašto će se ovo rješenje primijeniti:
- Prvo, korisno je sa stajališta upotrebljivosti - navigacija će orijentirati ljude na web mjestu i pojasniti njegovu strukturu.
- Drugo, ova značajka radi i za optimizaciju, jer u stvari, to je još jedna opcija, a također povećava broj prijelaza i vrijeme boravka (+ se može prikazati u SERP-u).
Međutim, ova je funkcionalnost učinkovita u svakom web projektu. Ako imate jednostavnu posjetnicu od 10-20 stranica bez ugniježđene hijerarhije, onda nema smisla dodavati krušne mrvice u WP. Element neće imati apsolutno nikakvu korist, već samo zauzima slobodan prostor na ekranu. U slučaju korporativnih portala s višerazinskim kategorijama/odjeljcima, sasvim je druga stvar. Osim toga, izgleda i sjajno.
Teoretski, izlaz ovog bloka nije dopušten na svim stranicama. Na primjer, imate blog koji u početku nudi nekoliko tradicionalnih putova kroz web-mjesto: oznake i kategorije, arhive datuma, autora i određenih postova. U odjeljcima i bilješkama ostavio bih navigaciju, dok je u oznakama i datumima vrijednost takvih informacija minimalna, jer. samo duplira naslov. Ako vam dodaci za WordPress breadcrumb ne dopuštaju da to učinite izravno, upotrijebite . Osim toga, poželjno je maksimalno i nenametljivo stilizirati element kroz raspored i stilove.
Bilo bi glupo kada odmah ispod lanca “Glavno” - “Kategorija” – “Naslov posta” vidite isti naslov + naznaku trenutne kategorije. Takav prikaz kategorija, inače, često se nalazi u standardnim WP predlošcima, pa je nakon integracije odgovarajućeg rješenja preporučljivo ispraviti ovu nijansu.
Dodaci i krušne mrvice u WordPressu
Module za ovaj zadatak lako se pronalaze prema engleskom nazivu funkcije Breadcrumbs - u WordPress repozitoriju ili putem tražilica. Postoji dovoljno različitih opcija implementacije, ali većina njih nije ažurirana nekoliko godina.
Možda su autori umorni od natjecanja sa stalnim liderima Breadcrumb NavXT sa 600k. preuzimanja i SEO od Yoasta. Osim toga, prilično je teško smisliti nešto iznad originala po ovom pitanju, jer. što je jednostavnije moguće i čak možete implementirati breadcrumbs u WordPress bez dodatka. Kako god bilo, pokupio sam 4 najzanimljivija rješenja:
Glavni zadatak modula, u principu, nema veze s našom današnjom temom, ali je nemoguće ne spomenuti. Jedna od dodatnih značajki dodatka Yoast SEO su breadcrumbs. Odnosno, ne morate instalirati novi modul, već jednostavno aktivirajte odgovarajuću opciju. Na poslu koristim ovu opciju.
je najpopularniji dodatak za WordPress breadcrumb s više od 600 tisuća preuzimanja. Redovito se ažurira i sadrži mnoge značajke za jednostavno prilagođavanje navigacijskog zaslona. Također uključuje ugrađeni widget, podršku za bbPress, BuddyPress, lokalizaciju, mogućnost za programere da koriste filtere/hookove i još mnogo toga.
Krušne mrvice
U principu, teško je pronaći rješenja koja bi bila zanimljivija od prethodna dva, iako ima dobrih pokušaja. Tako je, na primjer, u modulu Breadcrumb za WordPress uvedena podrška za kratke kodove, plus sam lanac poveznica ima originalan dizajn (pogledajte link Live Demo!). Nije jasno samo jesu li dizajni podržani u besplatnoj verziji. Također možete prilagoditi vrstu separatora i dodati tekst na početak elementa. Prema programerima, skripta je što jednostavnija i lakša.
Još jedna opcija koja ima plus ili minus pristojan broj preuzimanja, unatoč činjenici da je ažurirana prije otprilike godinu dana. Autori obećavaju fleksibilnu prilagodbu krušnih mrvica u WordPressu: ugrađene kuke, opcije prikaza i podršku za stil (u opisu je CSS uzorak). Činilo se da je modul prilično dobro i jednostavno rješenje s dobrim ocjenama.
Krušne mrvice u Yoast SEO-u
Neću detaljno opisivati sve suptilnosti rada, o tome možete pročitati u, usredotočit ću se isključivo na stvaranje elementa s mrvicama. Proces integracije sastoji se od dva dijela - instalacija u admin panel + uređivanje predloška.
Nakon aktivacije pojavit će se cijeli novi SEO odjeljak, gdje trebate odabrati stavku "Napredno". Zatim pomaknite prekidač u stavci čudnog naziva "Enable Crumb" u položaj "Uključeno":
Ovdje u principu nema toliko različitih opcija. Vi definirate znak za razdvajanje, naziv glavne stranice, prefiks, tekst za arhive i 404 stranice. Malo niže odaberite opciju taksonomije prikazane u postu (naslov je najlogičniji).
Zatim idite na datoteku predloška u kojoj ćete prikazati navigacijski blok i dodajte redove:
| " , "" ) ; } ?> |
Najpopularnija mjesta za umetanje koda su postovi (single.php) i stranice (page.php) prije nego što se prikaže zaglavlje. Ponekad se može postaviti na kraj izgleda zaglavlja (header.php). Gornji kod ima uvjetnu izjavu i provjerava prisutnost dodatka, a zatim prikazuje rezultat. S ovim dizajnom bit će lako onemogućiti krušne mrvice u postavkama. U mnogim stručnim temama, inače, ovaj kod je dodan u početku, jer. modul je vrlo popularan.
Još jedna prednost Yoast SEO-a je da se krušne mrvice mogu postaviti u dodatne parametre blog postova:
Odnosno, imate priliku ručno definirati bilo koju vrijednost naslova WP postova kroz admin panel. Ovo je korisno za duge naslove članaka + omogućuje vam da se riješite duplih informacija.
Dodatak Breadcrumb NavXT za WordPress
Također, prilikom izrade krušnih mrvica za WordPress koristi se planin Breadcrumb NavXT. Modul ima dobru funkcionalnost, što sam djelomično spomenuo gore, plus sadrži mnogo zanimljivih opcija. Gotovo svaki korisnik to može razumjeti i lako promijeniti željene postavke navigacijskog elementa.
Preko administrativne ploče ili preuzimanje iz službenog spremišta. Važno! Za verziju 5.2 Breadcrumb NavXT trebat će vam PHP5.3, ranija izdanja zahtijevaju PHP5.2. Zatim aktivirajte i odgovarajući odjeljak će se pojaviti u WP-u.
Ovdje se nalaze 4 kartice s opcijama:
- U "Osnovnom" možete odabrati vrstu separatora, ukloniti vezu na glavnu stranicu i postaviti prikaz trenutne stranice. Format stringa je specificiran putem predložaka.
- "Postovi" - sadrži opcije za objave.
- "Taksonomije" - odgovorne za oznake/kategorije.
- "Ostalo" - formati stranica autora, arhiva, 404 pogreške.
Savjetujem vam da prođete kroz svaku karticu, vidite sve čipove. Format prikaza omogućuje vam da napravite bilo kakve promjene u ovoj navigaciji - dodate vlastiti tekst / simbole, promijenite stilove itd.
Nakon što navedete parametre Breadcrumbs breadcrumbs u WordPress dodatku, trebate postaviti izlaz informacija u predlošku - otvorite odgovarajuću datoteku izgleda (obično header.php) i postavite retke na pravo mjesto:
Slično kao kod rada s Yoast SEO-om, izbor mjesta za postavljanje koda ovisi o instaliranoj temi. Ako bi izlaz bloka trebao biti u zaglavlju, onda upotrijebite header.php. S obzirom da je ova datoteka zajednička za sve stranice izgleda, vidjet ćete lanac veza na svakoj od njih. Također možete prikazati element samo u odabranim odjeljcima - u ovom slučaju zalijepite kod u single.php, page.php, archive.php, itd. Sve u svemu, Breadcrumb NavXT je dobar alat.
Krušne mrvice u WordPressu bez dodatka
Dopušteno je implementirati značajku Breadcrumbs u WordPressu bez dodataka. Međutim, prije nego što nastavim s opisom različitih opcija, iznijet ću svoje subjektivno mišljenje zašto ovo nije najbolja ideja:
- Integracija će sigurno uzrokovati poteškoće korisnicima početnicima.
- Uređivanje parametara izravno u kodu nije baš jasno - postavljanje predložaka prikaza putem administrativne ploče puno je praktičnije od izravnog uređivanja.
- Moduli imaju više značajki - uzmite barem lokalizaciju, podršku za Schema.org, widgete.
- Nisu svi kodovi pronađeni na webu ažurni, ispravni i redovito ažurirani, dok su barem Yoast SEO i Breadcrumb NavXT u WordPressu stabilni.
Da budem iskren, ne mislim da će vam stvaranje krušnih mrvica u WordPressu bez dodatka donijeti ozbiljno povećanje performansi. Da, ako ste cool web developer, stvarate projekt za sebe, onda je sasvim moguće proći s "čistim kodom", u svim ostalim slučajevima, gotov modul je puno jednostavniji.
Jedno od najkompaktnijih i plus ili minus stvarnih rješenja. Prvo dodajete novu prilagođenu funkciju get_breadcrumb() u datoteku functions.php:
| /** * Generiraj krušne mrvice * @author CodexWorld * @authorURL www.codexworld.com */ funkcija get_breadcrumb() ( echo "Početna" ; 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 " » Rezultati pretraživanja za... " ; echo "" " ; echo the_search_query() ; echo """ ; } } |
/** * Generiraj krušne mrvice * @author CodexWorld * @authorURL www.codexworld.com */ funkcija get_breadcrumb() ( echo "Home"; 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 " » Rezultati pretraživanja za... "; echo "" "; echo the_search_query(); echo """; } }
Zatim, u izgledu prikaza posta single.php ili bilo kojem drugom, nazovite ga:
| breadcrumb ( padding : 8px 15px ; margin-bottom : 20px ; list-style: none ; background-color : #f5f5f5; border-radius: 4px ;) .breadcrumb a (boja: #428bca; text-decoration): nema |
breadcrumb ( padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; ) .breadcrumb a ( boja: #428bca; text-decoration: none; )
Kao rezultat, dobit ćete nešto poput:
Ako ti je to dovoljno, zašto onda ne. Također mogu savjetovati opciju od Dimoxa, koji je pokušao uzeti u obzir sve nedostatke postojećih isječaka. Tamo ima mnogo puta više izvornog koda, sasvim je moguće od njega stvoriti punopravni modul :)
Kako ukloniti krušne mrvice u WordPressu
U principu, ovaj zadatak je obrnut od procesa ugradnje elementa. Stoga, prije nego što ga isključite, morate točno razumjeti kako se sve implementira u vašem konkretnom slučaju. Algoritam je otprilike sljedeći:
- Provjerite postoji li dodatak breadcrumb za WordPress stranicu. Ako da, tada pokušavamo sakriti prikaz lanca karika u postavkama i / ili ga deaktivirati.
- Ako je programer ispravno izvršio integraciju, uklanjanje modula neće dovesti do pogrešaka. U suprotnom, potražite izlazni kod navigacije u datotekama predloška (WinGrep za spašavanje). To mogu biti, na primjer, funkcije yoast_breadcrumb(), bcn_display(), bread_crumb(), itd. Riješite se dodatnih linija.
- Još jednom provjeravamo prikaz stranica projekta u pregledniku.
U principu, onemogućavanje ili uklanjanje krušnih mrvica u WordPressu nije tako teško, glavna stvar je shvatiti kako se dodaju. Pažljivo uredite kod kako ne biste izbrisali ništa važno (možete prethodno komentirati retke).
Ukupno. U članku sam detaljno analizirao kako napraviti breadcrumbs u WordPressu, trebali biste imati dovoljno informacija o postavljanju. Prije instaliranja, savjetujem vam da razmislite o tome treba li vam ovaj blok stvarno. Što se tiče implementacije, osobno ne vidim smisao implementacije elementa puta web stranice u WordPress bez dodatka, s obzirom da će vaš web projekt najvjerojatnije imati Yoast SEO. Što se tiče ostalih modula, oni će biti korisni samo u slučaju neke originalne funkcionalnosti. Breadcrumb NavXT se čini prilično dobrim, ali ja sam za Yoastovo rješenje.
Ako imate bilo kakvih pitanja o radu s Breadcrumbs breadcrumbs i WordPress dodacima za njih, napišite u nastavku - riješit ćemo ih.
p.s. Straža. U našem vremenu potrebno je koristiti suvremene cjevovodne sustave - plinske cijevi koje je predstavio TD "Evrotrubplast" zadovoljavaju sve standarde kvalitete.