Salam, əziz oxucular! Bu gün biz çörək qırıntılarının nə olduğu, bloqda hansı funksiyaları yerinə yetirdiyi və ən əsası, yaratmağa imkan verən Breadcrumb NavXT plaginini necə quraşdırmaq və konfiqurasiya etmək barədə danışacağıq. WordPress çörək qırıntıları.

Çörək qırıntıları nədir

“Çörək qırıntıları” blogda əsas səhifədən cari səhifəyə qədər izləməli olduğunuz yolu göstərir. Bu, hər bir keçidi daha yüksək səviyyəli səhifəyə keçid olan bir növ naviqasiya zənciridir. Ən yüksək səviyyə əsas blogdur. İdeal olaraq, əsas səhifədən hər hansı bir blog səhifəsinə gedən yol maksimum 3 siçan klikləməlidir. Əslində bu ev - kateqoriya - yazı və ya ev - kateqoriya - kateqoriya - yazı, lakin artıq deyil. Bu, təkcə istifadəçilərin deyil, həm də axtarış sistemlərinin rahatlığı üçün lazımdır. Axtarış motorları daha dərin məzmunlu yazıları müəyyən gecikmə ilə indeksləşdirə bilər. Bundan əlavə, onların axtarış motorları qarşısında əhəmiyyəti yuva səviyyəsinin artması ilə azalır. Nəticədə bloqdakı ən vacib və maraqlı məqalələrin linklərini əsas səhifəyə qoymağa çalışın.

Saytdakı oxşar xüsusiyyət fərqli adlanır - naviqator, çörək qırıntıları, saytdakı yol, lakin ən populyar ad "çörək qırıntıları" dır. Bu ad, qəhrəmanların geri qayıtmaq üçün çörək qırıntılarını səpələdiyi Hansel və Qreta haqqında nağıldan gəlir.

Rahatlıq və naviqasiya ilə yanaşı, onlar daha bir vacib funksiyanı yerinə yetirirlər - blog səhifələrinin daxili əlaqəsini yaxşılaşdırırlar. Əvvəllər mən artıq hər kəsə öz bloqunda quraşdırmağı tövsiyə etdiyim daxili əlaqə üçün üç vacib və maraqlı plagin haqqında danışdım. Breadcrumb NavXT asanlıqla bu siyahıya əlavə edilə bilər.

Axtarış sistemləri bloq məqaləsini indeksləşdirdikdə onun hansı kateqoriyaya aid olduğunu və əsas məqaləyə gedən tam yolu dərhal görürlər ki, bu da bloqun strukturunu müəyyən etməyə kömək edir. Sadəcə onu həm axtarış motorları, həm də istifadəçilər üçün bloqunuza əlavə etməyi unutmayın.

Breadcrumb NavXT plagininin quraşdırılması və konfiqurasiyası

Breadcrumb NavXT quraşdırmaqdan bir qədər fərqlidir, ona görə də ona ətraflı baxaq:

2. Arxivi qabdan çıxarın və plagin faylları olan qovluğu wp-content/plugins qovluğundakı serverə yükləyin. Bunu etmək üçün FileZilla-dan istifadə edin.

3. WordPress idarəetmə panelinin “Pluginlər” bölməsi vasitəsilə plaqini aktivləşdirin.

4. İndi aşağıdakı kodu daxil etməlisiniz:

İkinci ən populyar yer saytın başlığıdır. Bunun üçün kodu yalnız bir şablona - header.php-ə daxil etmək lazımdır. Dəqiq yeri deyə bilmərəm, hər şey mövzudan asılıdır. Elmi poking üsulu burada uyğun gəlir - kodu yapışdırın, yadda saxlayın, nəticəyə baxın, xoşunuza gəlmirsə, şablondakı kodun yerini dəyişdirin.

Bəzi qabaqcıl mövzular defolt olaraq bloqda çörək qırıntılarını göstərir, lakin mən yenə də Breadcrumb NavXT plaginindən istifadə etməyi tövsiyə edərdim, çünki onun daha çevik parametrləri var. Belə hallarda, çörək qırıntılarının nümayişinə cavabdeh olan tema şablonlarındakı standart kodu yuxarıda göstərilən plagin kodu ilə əvəz etməlisiniz. Standart kod bir çox cəhətdən verilmiş plagin koduna bənzəməlidir, ona görə də onu tapmaq çətin olmayacaq (adətən o, eyni ada malik div, ID və ya sinif etiketinə əlavə olunur - çörək qırıntısı).

Kodu əlavə etdikdən sonra WordPress çörək qırıntılarının görünüşünü dəyişə bilərsiniz. Bunun üçün istifadə etdiyiniz mövzunun style.css faylında çörək qırıntıları sinfinə üslublar əlavə edin. Əlbəttə ki, bunun üçün siz CSS-in əsaslarını bilməlisiniz, ona görə də sizə Vlad Merzheviçdən blogumdan yükləyə biləcəyiniz pulsuz CSS dərsliyini oxumağı məsləhət görürəm.

Plugin parametrləri "Seçimlər" bölməsində yerləşir - "Breadcrumb NavXT". İnternetdə bunun üçün bir çat tapa bilərsiniz, lakin təəssüf ki, plaginin ən son versiyaları ilə çox əyri işləyir - parametrlərin əksəriyyəti ingilis dilində qalır. Buna görə də, ən vacib məqamlara dair tərcümələri və şərhlərimi verərək, parametrləri ingilis dilində nəzərdən keçirəcəyəm.

Birinci sekmə "Ümumi" adlanır.

Çörək qırıntıları ayırıcı - çörək qırıntıları zəncirindəki əlaqələr arasında ayırıcı kimi istifadə ediləcək bir simvol.

Breadcrumb Max Title Length - səhifə başlığı naviqasiya zəncirində keçid kimi istifadə olunur, bu seçim başlığın maksimum uzunluğunu təyin edir, 0 - bütün başlıq kəsilmədən istifadə olunur.

Home Breadcrumb - çörək qırıntılarında əsas bloqu göstərib-göstərməmək. Mən sizə onu aktivləşdirməyi və bloqunuzun adına uyğun adlandırmağı məsləhət görürəm.

- link deyilsə, əsas bloqda görünəcək mətn.

"Cari element" və ya "Cari yer" mənasını verən Cari Element sekmesine keçin.

Cari Elementi Bağla - cari səhifənin adını ona keçid kimi göstərin və ya yox.

Paged Breadcrumb - səhifə naviqasiyası üçün dəstək. Aktivləşdirildikdən sonra nömrələr çörək qırıntılarında göstəriləcək.

— səhifə naviqasiyası dəstəyi işə salındıqda cari mövqenin adını müəyyən edən şablon.

Növbəti bölmə “Post və Səhifələr” adlanır - Yazılar və səhifələr.

Post Taxonomy Display - yazıya aparan bütün mümkün yolları göstərin.

Post Taksonomiyası - post yolu seçimlərində göstərilə bilər. Bloqum üçün standart variantı - Başlıqları seçdim.

Səhifə Şablonu və Səhifə Şablonu (Əlaqəsiz)— yuxarıda müzakirə edilən Yazı Şablonu və Yazı Şablonu (Əlaqəsiz) kimi, yalnız onlar dərc olunmuş məqalələr üçün göstəriləcək.

Növbəti "Kateqoriyalar və Teqlər" bölməsidir.

Bu bölmə kateqoriyalar və teqlər üçün çörək qırıntıları yaratmaq üçün şablonları müəyyənləşdirir. Sadəcə yuxarıda müzakirə edilən yazı şablonları ilə eyni addımları yerinə yetirin.

Bölmədə müəllif səhifəsi (Müəllif), tarix/arxiv (Tarix), axtarış nəticələri (Axtarış) və 404 səhvləri üçün şablonlar təyin edə bilərsiniz.

Mən digər variantlardan istifadə etmirəm, buna görə də onların məqsədləri haqqında ağıllı olmayacağam.

Yaxşı, hər şeyi başa düşdük! Təbrik edirik! Hekayəmi burada bitirirəm və sizinlə vidalaşıram, amma çox keçməyib, çünki tezliklə bloqumda daha bir maraqlı məqalə dərc olunacaq!

Bu plagin WordPress bloqunuz/saytınız üçün Çörək qırıntıları yaradır, çıxış və Avtomatik quraşdırma üçün Alt Kateqoriyaları dəstəkləyir!

 Avtomatik quraşdırma!

 SEO Dostu! Bütün axtarış sistemləri (Google, Bing, Yandex və s...) tərəfindən çox sevilən SEO Dostu “Schema.org Microdata Breadcrumbs” əsasında yaradılmışdır.

 Sadə Parametrlər! Hətta ən təcrübəsiz istifadəçi parametrləri edə bilər. İstifadəçi dostu inzibati interfeys parametrləri çox sadələşdirir.

 Super Asan! Plugin JavaScript və ya jQuery istifadə etmir, yalnız təmiz və sadə CSS, fayllar minimum PHP kodunu ehtiva edir.

Əla AMP (Sürətləndirilmiş Mobil Səhifələr) ilə işləyir!

Əla Taksonomiyalarla işləyir!

 Alət məsləhətləri dəstəyi! Təmiz CSS.

Ekran görüntüləri

Quraşdırma

Avtomatik quraşdırma! Artıq fayllara hər hansı kod yerləşdirməyə ehtiyac yoxdur, sadəcə plaqini quraşdırın və aktivləşdirin, hamısı budur.

Əllə quraşdırma üçün: Parametrlər > bölməsinə keçin

Mövzunuz üçün uyğun faylı açın (adətən header.php). Bu, WordPress idarəetmə panelinin Görünüşü > Redaktor və ya sevimli mətn redaktoru vasitəsilə edilə bilər. Çörək qırıntılarının görünməsini istədiyiniz yerə aşağıdakı kodu yerləşdirin:

və bu kodu AMP (Sürətləndirilmiş Mobil Səhifələr) şablon səhifələrinizə əlavə edin:

və ya .zip vasitəsilə əl ilə quraşdırma:

1. `yummi-breadcrumb` faylını `/wp-content/plugins/` qovluğuna yükləyin
2. Veb saytınızın/bloqunuzun “Pluginlər” sekmesinde plaqini aktivləşdirin
3. Parametrlər > Yummi Çörək qırıntılarına gedin və Quraşdırma Növünü Əl ilə dəyişdirin
4. Bu kodu şablonlarınıza yerləşdirin:

Tez-tez verilən suallar

1. SEO dostu?

2. RDFa-nı dəstəkləyirmi?

   Bəli, tamamilə

3. Schema.org mikrodatasına dəstək varmı?

   Bəli, tam dəstək

4. Alt kateqoriyaları dəstəkləyirmi?

5. Alt kateqoriyaların daxili çıxışını dəstəkləyirmi?

6. Alt Kateqoriyaları açılan siyahı kimi göstərməyi dəstəkləyirmi?

7. Alət göstərişlərini dəstəkləyirmi?

   Bəli, təmiz CSS-də

8. Kateqoriyalar istisna olmaqla dəstəklənirmi?

   Bəli, tamamilə

9. Taksonomiyalar istisna olmaqla dəstəklənirmi?

   Bəli, tamamilə

10. İdarəetmə paneli aydındır?

11. RDFa-nı dəstəkləyirmi?

    Bəli, tamamilə

12. Pluginin çəkisi haqqında nə demək olar?

    Çox yüngül! Plugin JavaScript və ya jQuery istifadə etmir, yalnız təmiz və sadə CSS, fayllar minimum PHP kodunu ehtiva edir.

13. Necə istifadə etməli?

    Avtomatik quraşdırma!İndi fayllarınıza bir kod sətri daxil etməyinizə ehtiyac yoxdur, sadəcə plaqini yükləyin və aktivləşdirin, hamısı budur.

14. Onu Manual rejimdə necə quraşdırmaq olar?

    Seçimlər > Yummi Çörək qırıntılarına keçin və orada Quraşdırmanı Manuala keçirin, sonra Görünüş > Redaktorda və ya sevimli mətn redaktoru (adətən header.php) vasitəsilə şablon faylları açın. Çörək qırıntılarının izlərinin görünməsini istədiyiniz yerə aşağıdakı kodu yapışdırın.

    və bu kodu AMP (Sürətləndirilmiş Mobil Səhifələr) şablonlarınız üçün:

15. Hansı dillər dəstəklənir?

    İngilis və Rus tamamilə və zamanla bir çox başqaları :)

Rəylər

İştirakçılar və tərtibatçılar

"Yummi Breadcrumbs (Alt Kateqoriya Dəstəyi ilə)" açıq mənbəli layihədir. Aşağıdakı töhfəçilər plaqinin inkişafına töhfə verdilər:

İştirakçılar

Dəyişikliklər jurnalı

2.0.1

• “1” göstərdikdə url-i düzəldin (CPT UI taksonomiyası)

2.0.0

• Çoxlu düzəlişlər
• Wordpres 5 dəstəyi əlavə edin

1.9.19

• Arxiv səhifələri üçün düzəliş

1.9.18

• Köhnə WP üçün massiv düzəlişi

1.9.17

• Tab ev çantaları

1.9.16

• Tab CSS düzəlişi

1.9.15

• AMP Düzəltmə

1.9.14

• Qısa yazı bağlantılarında yazı tipli obyekt 'post'u düzəldin

1.9.13

• Subcat delimer və taksonomiya kateqoriyasını düzəldin

1.9.12

• Admin seçim səhifəsində bəzi düzəlişlər və kodda çoxlu dəyişikliklər (arxiv səhifələrində də çoxkateqoriyalar düzəldildi)

1.9.9

• Bəzi təkmilləşdirmələr əlavə edildi

1.9.8

• Yummi Plugins səhifəsi əlavə edildi

1.9.7

• Birinci arxiv səhifəsindən "Səhifə 1"i və səhifələnmiş arxivdəki sabit ayırıcını silin

1.9.6

• Sabit açılan menyu və sonuncu uşaq kateqoriya ayırıcısını kəsin

1.9.5

• İkinci səviyyəli İerarxiya üçün düzəldildi

1.9.4

• Xüsusi Yazı Tipi UI Düzəliş

1.9.2

• yummi.club indi təhlükəsiz əlaqəni dəstəkləyir və https://yummi.club/ ünvanına keçin

1.9.1

• Sabit xətalar validator.w3.org

1.9

• AMP (Sürətləndirilmiş Mobil Səhifələr) və Xüsusi CSS üçün əlavə dəstək

1.8.7

• Standart “Ev” mətnini Ev ikonasına dəyişdi

1.8.6

• “Kateqoriyasız” kateqoriyanı göstərən səhv düzəldildi
• rdf.data-vocabulary.org saytına qaytarıldı

1.8.5

• Bir neçə səhv düzəldildi

1.8.2

• Bir səhv düzəldildi

1.8.1

• İdarə panelində açılan siyahı və onun parametrləri üçün kölgə əlavə edildi

1.8

• Bir neçə səhv düzəldildi
• Düzəliş edilmiş tərcümələr

1.7

• schema.org/BreadcrumbList saytında köhnəlmiş mikro işarələmə rdf.data-vocabulary.org dəyişdirildi
• Google Structured Data Testing Tool istifadə edərək sınaqdan keçirilib, hər şey qaydasındadır, https://developers.google.com/structured-data/testing-tool/ testi ilə sayta keçid edin
• Düzəliş edilmiş tərcümələr
• Sabit alət ipuçları

1.6

• Yalnız birinci kateqoriyanın çıxışı əlavə edildi. HTML simvollarına keçid əlavə edildi

1.5.9

• Səhifələrdə çıxışla bağlı səhv düzəldildi

1.5.7

• Bir neçə səhv düzəldildi

1.5.6

• İstisna edilə bilən Kateqoriyalar və Taksonomiyaların siyahıları əlavə edildi

1.5.5

• Bir neçə səhv düzəldildi. Separatorlar dəyişdirilib

1.5.4

• Bir neçə səhv düzəldildi. Açılan siyahı kimi alt kateqoriyaların göstərilməsi əlavə edildi

1.5.1

• Bir neçə səhv düzəldildi

1.5.0

• Bütün kod yenidən yazılmış və qısaldılmışdır -> daha yüksək sürət. Bir çox səhvlər düzəldildi. Avtomatik quraşdırma və bir çox yeni funksiyalar əlavə edildi

1.0.2

• Azaldılmış kod miqdarı -> daha yüksək sürət. Bir neçə səhv düzəldildi

Salam, blog saytının əziz oxucuları. Bu gün mən blogumda iki çox vacib məqsəd üçün istifadə olunan WordPress üçün plagin haqqında danışmaq istəyirəm.

Birincisi, naviqasiyanı asanlaşdırır, ikincisi, çox vacib bir problemi həll edir - düzgün daxili əlaqə yaratmaq. İntriqanı uzatmamaq üçün dərhal deyim ki, Breadcrumb NavXT plagini haqqında danışacağıq. Ancaq ilk şeylər.

Hər hansı bir xarici keçid vasitəsilə ötürülən statik çəkinin layihənin bütün veb səhifələrində bərabər paylanması üçün sayt səhifələrinin düzgün əlaqələndirilməsinin yaradılması zərurəti haqqında artıq çox danışmışam. Bu xüsusilə vacibdir.

WordPress-də niyə çörək qırıntılarına ehtiyacınız var?

LF vasitəsilə təşviqat bir sıra üstünlüklərə malikdir, bunlardan əsas biri (xüsusilə qeyri-kommersiya layihələri üçün vacibdir) xarici bağlantıların alınması üçün lazım olan vəsaitin investisiyasını tələb etməməsidir. Bu, yalnız daxili sayt sayəsində və təsvir edildiyi kimi düzgün əlaqə yaratmaqla LF-də irəliləməyin mümkün olması ilə bağlıdır.

Yeri gəlmişkən, kommersiya layihələri üçün aşağı tezlikli təşviqat da bir sıra üstünlüklərə malikdir, bunlardan əsası yenə də aşağı qiymətdir, lakin bundan əlavə, bu cür sorğular üçün axtarış nəticələrindən gələn ziyarətçilərin daha çox ehtimalı var. orta sorğulardan gələn ziyarətçilərə nisbətən əskinaslara çevrilə bilər və yüksək tezlikli (sonuncunun qeyri-müəyyənliyinə görə).

Düzgün bağlantının əsas ideyası saytın müxtəlif səhifələrinə ötürülən statik çəkinin (ən çox xarici bağlantılar adətən əsas səhifəyə aparır) LF boyunca birbaşa təbliğ olunanlara (məqalələrin yerləşdiyi yerdə) problemsiz axmasını təmin etməkdir. əslində yerləşir).

Lakin yuxarıdakı məqalədə təsvir edilən ideal dairəvi sxemi real şəraitdə həyata keçirmək çətindir, ona görə də sferik birləşdirici sxem yaxşı seçim olardı. Təxminən desək, belə bir sxem o qədər şişirdilə bilər ki, daha çox daxili bağlantılar, statik çəki daha yaxşı paylanacaq. Bu, qanın bütün daxili orqanlara, hətta ağciyərlərdən ən uzaq olanlara da oksigeni daşımasına imkan verən budaqlanmış qan dövranı sisteminə bənzəyir.

Hər dəfə məqalə yazdığınız zaman saytınızdakı digər materiallara müvafiq olacaq keçidləri əl ilə əlavə edə bilərsiniz. Düzdür, hər bir məqalə üçün yaratdığınız daxili çapa siyahısına çox ciddi yanaşırsınız. Bu, təxminən eyni şəkildə edilməlidir. Bütün istinadlarda eyni həll edilməmiş açardan istifadə etməməlisiniz, nə demək istədiyimi bilirsiniz.

Bu, çox yaxşı üsuldur, lakin avtomatik üsullardan istifadə etməklə onu genişləndirmək və əlavə etmək həmişə yaxşı fikir olacaq.Belə bir şey təşkil etmək üçün ən çox yayılmış variantlardan biri resursda naviqasiya imkanlarını genişləndirən sözdə çörək qırıntılarıdır. , həmçinin bu məqalənin mövzusuna bənzər layihənizin digər oxşar materiallarına keçidlər bloku yaratmaq.

Bu gün mən birinci varianta ətraflı baxmaq istəyirəm, lakin WordPress üçün oxşar materiallar haqqında .

Çörək qırıntılarını tətbiq etmək üçün biz Breadcrumb NavXT plaginindən istifadə edəcəyik. Prinsipcə, bu məqsədlər üçün digər WordPress plaginlərindən istifadə edə bilərsiniz, amma ən çox bunları bəyəndim. Hətta mümkündür.

Breadcrumb NavXT plagininin WordPress-də quraşdırılması

Tamam, plaqinin quraşdırılmasına və konfiqurasiyasına keçməyin vaxtı gəldi. Birdən çörək qırıntılarının nə olduğunu bilmirsinizsə, bu, yaxşıdır. Əslində, mən də əvvəlcə bilmədim, çünki bu termin burjuaziyadan götürülmüşdür və onların Hansel və Qreta haqqında burjua nağılı ilə əlaqələndirilir, hansı ki, onlardan yolu işarələmək üçün istifadə edirdilər.

Bizim anlayışımıza görə, sayt naviqasiyasının bu elementi "Ariadne'nin ipi" adlandırılmalıdır, çünki o, bizə bir növ daha yaxındır. Yaxşı, yaxşı, bunu belə adlandırdılar. Beləliklə, onlar adətən sayt pəncərəsinin yuxarı hissəsində görünür və əslində oxuduğunuz məqaləyə gedən yoldur.

Məsələn, mən qırıntılardan istifadə edərək naviqasiyanı çox sevirəm və mən əslində harada olduğumu və eyni mövzuda daha çox oxumaq üçün bu gözəl məqalənin yerləşdiyi bölməyə necə getdiyimi başa düşmək üçün həmişə hər hansı bir saytda onların xəttini tapmağa çalışıram. .

Yaxşı, çörək qırıntılarının nə olduğunu xatırlayırsan? Düşünürəm ki, xatırladın, amma yoxsa, bu bloqun başlığı altında bu pəncərənin ən yuxarısına baxın.

Əvvəlcə Breadcrumb NavXT yükləməlisiniz buradan. WordPress-də plaqinin quraşdırılması standartdır. FTP vasitəsilə bloqunuza qoşulun (FileZilla müştərisi ilə işləmək ətraflı təsvir olunub) və serverdə qovluğu açın:

/wp-content/plugins

Arxivi Breadcrumb NavXT ilə paketdən çıxarın və yaranan qovluğu kataloqdakı hosting serverinə köçürün (/wp-content/plugins). İndi WordPress idarəetmə sahəsinə getməli, sol menyudan “Pluginlər”i seçməli və açılan pəncərədə “Qeyri-aktiv” sekmesine keçməlisiniz. Lazım olan sətri tapın və aşağıda yerləşən “Aktivləşdir” mətninə klikləyin.

Breadcrumb NavXT-ə zəng etmək və qırıntıların görünüşünü fərdiləşdirmək

Əslində hamısı budur. İndi daha bir vacib detal qalıb: WordPress şablonunda (mövzusunda) çörək qırıntıları olan xəttin göstəriləcəyi yeri seçin və bu yerə Breadcrumb NavXT plagin funksiyasının kodunu daxil edin. Mühərrikin quruluşu və mövzularının işi ilə az tanış olan təcrübəsiz bir veb ustası üçün tapşırıq tamamilə əhəmiyyətsiz deyil.

Amma bu, yəqin ki, sizi çaşdırmayacaq, çünki... həmişə oxuya bilərsiniz, xoşbəxtlikdən, orada mürəkkəb bir şey yoxdur.

Əgər mövzuların strukturu ilə artıq tanışsınızsa və ondakı müəyyən şablonların məqsədini bilirsinizsə, o zaman davam edəcəyik. Ancaq əks halda, yuxarıda göstərilən materialdan (və ya başqa bir şeydən) istifadə edərək, heç olmasa səthi şəkildə tanış olmağı məsləhət görürəm.

Beləliklə, bizim vəzifəmiz istifadə etdiyiniz mövzu ilə qovluqdakı faylları müəyyən etməkdir ki, biz qırıntıları çağırmaq üçün kodu daxil etməli olacağıq. Və sonra bunu kodun hara daxil edəcəyimizə dəqiq qərar verməli olacaqsınız:

Əvvəlcə FTP vasitəsilə bloqunuza qoşulmalı və hazırda istifadə etdiyiniz mövzu ilə qovluğu açmalısınız:

Wp-content/themes/WordPress mövzu adı

İndi sizə deyim ki, mən özüm çörək qırıntılarının çıxışını necə hazırlamışam və siz məndən sonra hər şeyi təkrarlaya və ya öz daxiletmə variantınızdan istifadə edə bilərsiniz.

Mövzudan şablonların məqsədini vizuallaşdırmağa çalışsanız, belə bir tərtibat əldə edəcəksiniz:

Bu tərtibatdan belə nəticəyə gələ bilərik ki, biz Breadcrumb NavXT-ə zəng etmək üçün kodu bloqun mərkəzi hissəsində məzmunun göstərilməsinə cavabdeh olan şablonlara daxil etməliyik: INDEX, SINGLE, ARXIV, PAGE və ya AXTAR.

Düzdür, mən qırıntıları WordPress əsas səhifəsinin yaradılmasına cavabdeh olan INDEX-də göstərmədim, çünki orada əlavə naviqasiya lazımsız olardı.

Mən onu daxil etdim: SINGLE (məqalələri olan səhifələrin yaradılmasına cavabdehdir), ARXIV (kateqoriyaların səhifələrini, müvəqqəti arxivləri, etiket arxivlərini yaradır), PAGE (statik səhifələrə formalar, məsələn, “Bloq haqqında”).

Breadcrumb NavXT-ə zəng etmək üçün kodu bu şablonlara eyni yerdə - ən əvvəlində, birinci sətirdən sonra daxil etdim:

ki, belə çıxır:

Mövzu qovluğundan STYLE.CSS kaskad üslub cədvəli faylına BREADCRUMB sinfi üçün bir neçə CSS xassələri əlavə etdim:

Çörək qırıntısı ( şrift:bolder 12px "Trebuchet MS", Verdana, Arial; padding-alt: 10px; ) .breadcrumb a( color: #1B7499; ) .breadcrumb a:hover (rəng: #EF0E0E; )

Bu xüsusiyyətlər WordPress-də çörək qırıntılarının görünüşünü müəyyən edir: , a . Onlar həmçinin çörək qırıntılarından (.breadcrumb a) keçidlərin rəngini və siçanı onların üzərinə apararkən keçidlərin rəngini müəyyən edirlər (.breadcrumb a:hover). Ümumiyyətlə, səhifəni oxumağı məsləhət görürəm.

Breadcrumb plagininin xüsusiyyətləri və parametrləri

İstədiyiniz kimi etməkdə azadsınız. Necə deyərlər, sahibi ağadır. Ancaq bununla biz yalnız çörək qırıntılarının yerini təyin etdik və onların görünüşünü təyin etdik. Ancaq bu plaqində hələ də kifayət qədər çox parametr var.

Bunu etmək üçün WordPress admin sahəsinə gedin və “Parametrlər” sahəsində sol menyudan “Breadcrumb NavXT” seçin. Açılan pəncərədə bir neçə nişanı görəcəksiniz:

Ümumi sekmesinde siz bloqunuzun bütün səhifələrinə tətbiq olunacaq parametrləri təyin edə bilərsiniz. "Separator" sahəsində çörək qırıntılarında ayırıcı rolunu oynayacaq simvolu göstərin. Mənim vəziyyətimdə bu, xüsusi kodla göstərilən “>” simvoludur, çünki “>” simvolu, açıq şəkildə yerləşdirilərsə, WordPress tərəfindən açılış HTML teqinin işarəsi kimi şərh ediləcək.

Ümumiyyətlə, məsələn, birbaşa daxil edilə bilməyən (mnemonika) var. Onlardan bəzilərini təqdim edirik:

Mnemonik kod Simvol " " & &< < > > ¤ ¤ ¦ ¦ § § © ª ? « « ® ® ° ° ± ± µ µ ¶ ¶ · ¹ ? € €

Çörək qırıntıları üçün ayırıcı kimi istədiyiniz simvolu seçin.

“Maksimum uzunluq” sahəsində lövbərin uzunluğunu (link mətni) simvollarla təyin edə bilərsiniz. Uzunluq həddini dizayn səbəbləri üçün deyil, məzmunun optimallaşdırılması üçün 60 simvol təyin etdim.

Axtarış motorları eyni lövbərləri olan bağlantılar haqqında birmənalı ola bilməz, buna görə də onları unikal etmək üçün onları kiçik parçalara ayırıram. Ola bilər ki, bu, həqiqətən də lazım deyil, ancaq hər halda.

"Prefiks" və "Şəkilçi" sahələrində siz çörək qırıntılarında əsas səhifəyə keçiddən əvvəl və ya izləyəcək mətni daxil edə bilərsiniz.

Nəzərə alın ki, bu mətn A teqinin TITLE atributunda yerləşdiriləcək və axtarış motorları tərəfindən alternativ lövbər kimi qəbul edilə bilər. Demək istədiyim odur ki, blogunuzun əsas səhifəsinə aid açar sözlərdən istifadə etməlidir.

Eyni adlı düymədən istifadə edərək Breadcrumb NavXT plagininin parametrlərində dəyişikliklərinizi yadda saxlamağı unutmayın. Sonra, bütün nişanları keçə bilərsiniz. Məsələn, aşağıdakı səhifədə indi olduğunuz səhifəyə aparacaq keçid üçün parametrlər təyin edə bilərsiniz:

Növbəti "Yazılar / Səhifələr" sekmesinde blogunuzun məqalələri və statik səhifələri olan səhifələrə keçidlərin göstərilməsini konfiqurasiya edə bilərsiniz:

Məqalələr üçün əvvəlki "Cari məqalə" yazısını təyin etdim və mətni mnemonik koddan istifadə edərək dırnaqlara əlavə etdim (yuxarıdakı mnemonic kodların siyahısına baxın):

Növbəti "Kateqoriyalar" sekmesine keçin. Prinsipcə, bütün eyni parametrlər əvvəlkilərdə olduğu kimi burada da təkrarlanır. Mən kateqoriyalara keçidlər üçün çərçivə (prefiks və şəkilçi) təyin etməmişəm, lakin arxiv səhifələri üçün çərçivə təyin etmişəm:

Nəticədə, arxiv veb səhifələrindəki çörək qırıntıları belə görünür:

Sənə uğurlar! Tezliklə blog saytının səhifələrində görüşənədək

Sizi maraqlandıra bilər

Daxili keçid üçün Related Posts plaginindən istifadə edərək WordPress-də əlaqəli yazıların siyahısını (kiçik şəkillərlə) yaratmaq
WordPress-də ziyarətçilər üçün blog xəritəsinin yaradılması (Sitemap Generator və WP DS Blog Map plaginləri)
Şərh Alətlər Paneli - WordPress şərhlərinə cavab vermək və sitat gətirmək imkanı əlavə edin
Sadə Sayğaclar və Kateqoriya və Səhifə İkonları - gözəl RSS və Twitter sayğacları, həmçinin WordPress-də kateqoriyalar və səhifələr üçün nişanlar Yenə Başqa Əlaqəli Yazılar plaginində şəffaf pikseli http://yarpp.org/pixels necə çıxarmaq və yazını dəyişdirmək olar Oxşar materiallar
WordPress-də Kod İşıqlandırıcı və Şərh Formatlama Düymələri - SyntaxHighlighter və Şərh Forması
Google XML Sayt Xəritələri - WordPress üçün sayt xəritəsi yaratmaq
Təqvim edin! - WordPress üçün hadisələr təqvimi
WP-PageNavi - WordPress bloqu üçün səhifə naviqasiyası - quraşdırma, konfiqurasiya və səhifələmə görünüşünün dəyişdirilməsi
WordPress üçün Better Feed - yazıların tam mətnlərini RSS-ə göndərməmək və xəbər kanalı vasitəsilə məzmun oğurluğundan özünüzü necə qorumaq olar
Hamısı Bir SEO Paketində və WordPress bloqunun daxili axtarış motorunun optimallaşdırılması (Kanonik, Təsvir və Başlıq meta teqləri)

Bu gün mən WordPress üçün rəsmi olaraq Breadcrumb NavXT adlanan “Breadcrumbs” adlı plagin haqqında danışacağam. Bu, bəlkə də veb ustaları arasında ən populyar və populyar plagindir. Onun populyarlığı iki səbəblə bağlıdır.

Breadcrumbs plagininin populyarlığının ilk səbəbi

Bu naviqasiya üçün bir rahatlıqdır. Breadcrumb NavXT plaginini quraşdırdıqdan və konfiqurasiya etdikdən sonra səhifənin yuxarı hissəsində rahat naviqasiya menyusu görünür ki, bu da istifadəçiyə təkcə onun yerləşdiyi səhifənin adını deyil, həm də ardıcıl olaraq saytın bütün səhifələrini göstərir. əvvəllər ziyarət etmişdir. Bu, əlbəttə ki, çox rahatdır, xüsusən də böyük miqdarda materialı öyrənərkən və bir neçə səhifəyə baxarkən.

Bu plaginə tələbatın ikinci səbəbi

Səhifələrin əlavə əlaqələndirilməsi və nəticədə + axtarış motorlarının reytinqlərində. (Əslində “Çörək qırıntıları” ləqəbi Qrim qardaşlarının Hansel və Qretel adlı nağılından götürülmüşdür, uşaqlar itməmək üçün meşəyə çörək qırıntıları atırdılar... Amma bu belədir, lirik bir kənarlaşmadır). Pluginimizə qayıdaq.

Breadcrumb NavXT plaginini yükləyin və quraşdırın.

Breadcrumb NavXT plaginini yükləməyin ən yaxşı yolu onu "axtarış çubuğuna" daxil edərək idarəetmə panelinizdə tapmaqdır. Çörək qırıntıları NavXT"

Normal quraşdırma digər plaginlərin quraşdırılmasından heç bir fərqi yoxdur. Ancaq parametrlərlə məşğul olmalısınız.

"Seçimlər" sekmesine keçin...

... və biz Breadcrumb NavXT plagininin parametrlər panelinə daxil oluruq. Bu vəziyyətdə, biz yalnız nişanla maraqlanırıq "Əsas", bütün digər parametrlər nişanları: Yazılar və Səhifələr, Taksonomiyalar, Digər, hələlik dəyişməz qala bilər. Çörək qırıntılarını daha təkmil konfiqurasiya etmək üçün nə vaxtsa onlara qayıtmalı ola bilərsiniz, lakin hələlik hər şeyi olduğu kimi buraxacağıq. Yaxşı, aşağıdakı şəkildə göstərildiyi kimi "Əsas" nişanının parametrlərini dəyişdirək:

Parametr dəyişikliklərini saxlayırıq və hamısı buradadır.

İndi keçək əyləncəli hissəyə.

Mövzu şablonunuzu redaktə etməlisiniz.

Təəssüf ki, bunsuz bu mümkün deyil. Breadcrumb NavXT plagini “belə” işləməyəcək.

Konsola gedin və "Görünüş" → "Redaktor" seçin:

Nəticədə mövzunun redaktəsi bölməsinə keçirik. Redaktə etmək üçün bu bölmədə siz hazırda istifadə etdiyiniz mövzunu dəqiq seçməlisiniz. Bir qayda olaraq, bir çox sayt administratoru bir neçə sayt şablonu quraşdırır, lakin yalnız birindən istifadə olunur. Buna görə də istifadə olunanı redaktə etməlisiniz.

Siz aşağıdakı şablonları redaktə etməlisiniz: single.php, index.php və page.php (əgər xüsusi yaradılmış səhifə varsa, məsələn, kateqoriya.php, o zaman bu da)

Bu belə görünür:

Əvvəlcə tələb olunan şablonu seçin. (Bu nümunə mənim mövzumda mövcud olan şablonları göstərir; sizdə onlardan az və ya çox ola bilər. Siyahıya uyğun olaraq mövcud olan hər şeyi redaktə etməlisiniz: single.php, index.php və page.php, category.php Siyahıda sadalanan şablonlardan hər hansı biri siyahınızda göstərilmirsə, sadəcə onu keçin.)

Sonra kodu alırıq:

Və biz onu sadalanan şablonların hər birinə başlıqdan sonra təxminən eyni yerə daxil edirik ( başlıq):

Təbii ki, hər bir dəyişdirilmiş faylı saxlayırıq. Bundan sonra Breadcrumb NavXT plagini işə başlayacaq.

Yaxşı, hamısı, demək olar ki, ... Demək olar ki, çünki bir qayda olaraq bu parametrlər kifayət qədərdir.

Lakin elə vaxtlar olur ki, saytınızın mövzusunun dizaynı göstərilən Breadcrumbs xəttinin dizaynına uyğun gəlmir.

Bu halda, siz Çörək qırıntılarını sayt dizaynına ayrıca tənzimləməli olacaqsınız.

Bu belə edilir. Bu kodu götürək:

.çörək qırıntısı (

şrift:bolder 12px "Trebuchet MS", Verdana, Arial;

padding-alt: 10px;

}

.breadcrumb a(

rəng: #1B7499;

} .breadcrumb a:hover (

rəng: #EF0E0E;

}

Mətn ölçüsünün, şriftin və rəngin ekran parametrlərini tələb olunanlara dəyişdiririk. Sonra dəyişdirilmiş kodu kopyalayın, nişana keçin "Üslub vərəqi" sənin mövzun

... və kodu redaktorun ən aşağı hissəsinə yapışdırın

... klikləməklə yadda saxlayın "Faylı yeniləyin"Əlbəttə ki, qənaətbəxş bir nəticə əldə etmək üçün bir az təcrübə etməli olacaqsınız.

Hə, hələlik bu qədər.

Hamıya salam dostlar. Bugünkü məqalədə mən sizə çörək qırıntılarının nə olduğunu, nə üçün olduğunu və onları plaginlə və ya plaginsiz WordPress bloqunuza necə əlavə edəcəyinizi söyləyəcəyəm. Başlayaq!

Çörək qırıntıları - bloqu əlaqələndirməyin rahat yolu

Saytın naviqasiyasını və əlaqələndirilməsini eyni vaxtda sadələşdirməyin sadə yollarından biri çörək qırıntılarıdır. Adını alman nağılının qəhrəmanlarının "Hansel və Gretel"in meşədən çıxmağa çalışmalarının şərəfinə almışdır.

Düzdür, qırıntılar uşaqlara kömək etmədi - onları quşlar ovdu, lakin veb saytın inkişafında uğursuz xilasetmə metodunun adını daşıyan funksiya kök saldı və şəxsi bloqlardan tutmuş onlayn mənbələrə qədər müxtəlif məqsədlər üçün istifadə olunur. mağazalar.

Çox güman ki, siz müxtəlif internet resurslarında bu xırda izi görmüsünüz. Adətən məqalənin üstündə yerləşdirilir və belə görünür:

Əsas səhifə> Kateqoriya > Alt kateqoriya > Cari səhifə

Üstəlik, sonuncudan başqa bütün "linklər" daxili bağlantılardır.

Bu zəncir sayəsində oxucu istənilən vaxt saytın hansı səviyyəsində olduğunu anlaya bilər və bütün zəncirdən keçmək və dərhal onu maraqlandıran bölməyə keçmək və ya resursun əsas səhifəsinə qayıtmaq imkanı əldə edir.

Veb sayt və blog üçün çörək qırıntılarının faydaları nələrdir?

Yuxarıda qeyd edildiyi kimi, birincisi, naviqasiyanı asanlaşdırır. Məsələn, bir oxucu bir məqaləyə gəldi, onu oxudu və bölmədəki digər məqalələri oxumağa qərar verdi. Çörək qırıntıları sayəsində o, sayt xəritəsi və ya kateqoriyalar siyahısını axtarmağa ehtiyac duymur. Sadəcə bir addım geri gedəcək.

Siz oxucunu incəliklə linkləri tıklamağa dəvət edirsiniz və onlara saytınızda qalmaq üçün başqa səbəb verirsiniz. Bu da öz növbəsində davranış amillərini yaxşılaşdırır ki, bu da axtarış robotlarının ilk növbədə bloqlar və vebsaytlar arasında fərq qoymasıdır.

Saytın strukturu nə qədər mürəkkəbdirsə, onun üzərinə çörək qırıntılarının quraşdırılması bir o qədər vacibdir. Ziyarətçilər, xüsusən də ilk dəfə bu resursda tapanlar üçün bütün blokları, səhifələri, bölmələri və alt bölmələri başa düşmək çətin olduğundan. Əgər onların heç bir eyhamı yoxdursa, sadəcə bir məqaləni oxuyandan sonra gedəcəklər.

Birincisi ilə sıx əlaqəli olan bu elementin ikinci vəzifəsi saytın daxili optimallaşdırılması, daha doğrusu, mümkün qədər çox məqaləni bağlantılarla əlaqələndirməyin başqa bir yoludur. Üstəlik, əl ilə əlaqələndirmədən fərqli olaraq, burada hər şey avtomatik olaraq baş verir. Tələb olunan çörək qırıntısı cığır dərhal hər dərc olunmuş məqalənin üstündə görünür.

Bu funksiya vebsaytlara və bloqlara müxtəlif yollarla əlavə edilə bilər. WordPress üçün ən sadə iki varianta baxaq - plagindən istifadə edərək və kodda kiçik dəyişikliklər etməklə quraşdırma.

Plugin ilə bloqa çörək qırıntılarını necə əlavə etmək olar

Bloqda çörək qırıntılarını quraşdırmağın ən asan yolu xüsusi bir plagin quraşdırmaqdır. WordPress üçün adətən Breadcrumb NavXT istifadə olunur.

Quraşdırma üsulu standartdır: blogun admin panelinə keçin -> Plugins -> Yeni əlavə et. Görünən pəncərədə plaqinin adını daxil edin və "Pluginləri tap" düyməsini basın.

Budur, plaginimiz, "İndi quraşdırın", sonra "Aktivləşdir" düyməsini basın.

və bu sətirin üzərinə aşağıdakı kod parçasını daxil edin:

Çörək qırıntılarını başqa yerə yerləşdirmək istəyirsinizsə, o zaman eyni kodu ora yerləşdirirsiniz.

Bundan sonra, "Parametrlər" -> "Breadcrumb NavXT Parametrləri" bölməsinə keçin və "Bağlantı Adı" sütununda adı özünüzə dəyişdirin və dəyişiklikləri yadda saxlayın.

Yalnız bloqa getmək və nəticəyə heyran olmaq qalır.

Bir plagin olmadan bir bloga çörək qırıntılarını necə əlavə etmək olar

Hər hansı plaginlər bloqda əlavə yük olduğundan, işini yavaşlatır, kodu bir az dəyişdirmək daha yaxşıdır, xüsusən də bu vəziyyətdə plagin quraşdırmaqdan daha asandır.

İdarəetmə panelinə keçin -> "Görünüş" -> "Redaktor" -> functions.php. Burada, istənilən yerdə (əsas başqa bir funksiyanın içərisində deyil) aşağıdakı kodu daxil edin:

the_breadcrumb() funksiyası ( echo "Siz buradasınız: "; if (!is_front_page()) ( echo "Home"; echo " » "; if (is_category() || is_single()) ( the_category(" "); əgər (single()) ( echo " " "; the_title(); ) ) elseif (is_page()) ( echo the_title(); ) ) else ( "Echo"; ) )

və qənaət edin. Əgər çaşqın olmaqdan narahatsınızsa, onu sadəcə ən sonunda, sonuncu mötərizənin üstünə yapışdırın.

İndi bu kod lazımdır:

onu çörək qırıntılarının izinin görünməsini istədiyiniz yerə qoyun, məsələn, yenidən məqalə başlığının üstündə. Bunun üçün single.php saytına daxil olun, the_title ilə sətri axtarın və bu kodu onun üzərinə yapışdırıb dəyişiklikləri yadda saxlayın.

Sayta daxil olub nə baş verdiyini görə bilərsiniz. Gördüyünüz kimi, Siz buradasınız və Ev açıq şəkildə burada yersizdir və onlar daha uyğun bir şeyə dəyişdirilməlidir, məsələn, Yol və Ev (və ya bloqun adı).

Bundan əlavə, dəyişikliklərin müxtəlif brauzerlərdə eyni dərəcədə yaxşı göründüyünə əmin olmalısınız - onlar mövzunun digər hissələrinə qarışmır və eyni zamanda aydın görünür.

Budur, Çörək qırıntıları oxucularınıza kömək edir və siz onları necə quraşdıracağınızı bildiyiniz üçün fəxr edə bilərsiniz. Diqqətiniz üçün hamınıza təşəkkür edirik!

P.S. Məqalənin sonunda blogunuza çörək qırıntılarını necə əlavə etmək barədə bir video var: