WordPress-də Şərh Sahəsinin Formatlanması. WordPress-də şərh sahəsinin formatlanması Admin şərhləri üçün mümkün üslublar

Bu məqaləni yazmaq üçün fon xarakterikdir: şərhlərimi ayrıca üslubla vurğulamaq qərarına gəldim... Xoşbəxtlikdən artıq bir neçə gündür style.php-ni parçalayıram və CSS sintaksisinin əsas qaydalarını bilirəm. Və təbii ki, bu məsum fikir bir az biabırçılığa, çarə axtarışına çevrildi... Sonda hər şey yoluna düşdü. İndi isə sizə öz şərhlərimi bəzəmək üçün istifadə etdiyim sehrli keçidləri söyləmək istəyirəm.

Aşağıda təsvir edilən bütün manipulyasiyaların məqsədi şərhlərinizi və oxuculara verdiyiniz cavabları vurğulamaqdır. Üslublarla həddindən artıq çox getməsəniz, olduqca zərif çıxacaq. Təbii ki, bu həyati zərurət deyil. Şərhlərinizə baxmaq qərarına gələn hər kəs bunu ləqəblə edə biləcək. Ancaq gözəllik ideyası bir çox bloggerlər üçün də vacibdir.

Bundan əlavə, bir çox böyük və yaxşı düşünülmüş saytlarda (məsələn, smashingmagazine) müəllifin cavablarının necə formatlandığına diqqət yetirsək, onlar üçün ayrıca bir üslub görəcəyik. Aydındır ki, bu, istifadəni yaxşılaşdırmağa kömək edəcək.

Kifayət qədər dərin yuvalanma dərəcəsi olan ağaca bənzər şərhlərə icazə verilən bloqlarda müəllif şərhləri üçün ayrıca üslubdan istifadə etmək xüsusilə vacibdir. Sadəcə olaraq, burada istifadəçi şərhlərə cavab verə bilər, cavablara cavab verə bilər və s.

Artıq istifadə olunan şərh üslublarına nəzər salaq

Sondan başlayaraq təklif etdiyimə təəccüblənməyin. Ancaq WordPress mövzularını redaktə etməkdə özünü tamamilə rahat hiss etməyən istifadəçilər üçün bu, ən vizual və aşkar üsuldur.

Beləliklə, bloqunuzda şərhləri olan bir yazı seçin. Təbii ki, burada da olmaq üçün cavablarınıza ehtiyacımız var. Belə bir səhifə açdıqdan sonra üzərinə sağ vurun və "Səhifə koduna bax" seçin (Google Chrome və Firefox brauzerlərində mütləq belə bir seçim var).

Bir kod vərəqi görəndə qorxmayın. Əslində burada mürəkkəb və ya gizli bir şey yoxdur. Səhifəni aşağı diyirləyin və görəcəksiniz ki, əvvəlcə yazı haqqında ümumi məlumat, sonra formatlı mətn göstərilir. Nəhayət, aşağıda şərhlərlə əlaqəli kod var. Siz sadəcə olaraq Ctrl+F düymələrini basıb görünən pəncərəyə daxil ola bilərsiniz şərh siyahısı və Enter düyməsini basın - dərhal axtarılan sözün parlaq şəkildə vurğulanacağı istədiyiniz sətirə "atılacaqsınız".

İndi şərh üslublarımızın necə işarələndiyinə baxaq. Aydınlıq üçün kod mənim mövzumdandır. Əlbəttə ki, sizinki bir az fərqli görünə və strukturlaşdırıla bilər, lakin kodun ayrı-ayrı hissələrinin əsas mənası aydın olmalıdır:

  • ŞƏRHÇİ NİK:

    ŞƏRH MƏTNİ

    • LƏKƏMİNİZ:

      CAVABINIZIN MƏTNİ

      BURADA "Cavab Ver" DÜYMƏSİ ÜÇÜN MƏLUMATLAR
    • Əslində bizə ancaq sizin ləqəbinizlə şərhlər tapmaq lazımdır (məsələn, bu bloqda Katyaru ləqəbi ilə yazıb cavab verirəm). Və belə başlayan tələb olunan xəttin üstündə:

    • Bunlar sinif təyinatlarıdır - comment byuser comment-author-admin bypostauthor tək alt dərinlik-2 — maraqlanırıq. Onlar nə deməkdir? — Şərh"şərh üslubu" istifadəçi"qeydiyyatdan keçmiş istifadəçi stili" şərh-müəllif-admin"idarəçi üslubu" poçt müəllifi"post müəllifinin üslubu" qəribə"hətta şərh tərzi" (və ya hətta "tək") alt"cavab şərh tərzi" dərinlik-2"şərh yuvasının dərinliyi 2"

      Diqqət: əgər siz ağılla bloga girişinizi “admin”dən başqasına dəyişmisinizsə, o zaman üslubun adı belə görünəcək. şərh-müəllif-GİRİŞİNİZ. Bu admin sahəsinə daxil olmaq üçün girişdir, qeydiyyatdan keçmək üçün istifadə etdiyiniz ləqəb deyil!!!

      Burada mümkün variantlar var. Bəlkə də bloqunuzdakı şərhçilər qeydiyyatdan keçmiş istifadəçilər olmalıdır. Ola bilsin ki, yazının müəllifi siz deyil, admin hüququ olmayan başqa bir qeydiyyatdan keçmiş istifadəçidir. Ancaq bloqda yalnız bir admin var - o da sizsiniz! Buna görə də diqqət etməlisiniz şərh-müəllif-admin(və ya şərh müəllifi-LOGİNİNİZ) - bütün şərhləriniz üçün unikal olmalıdır.

      Ümumiyyətlə, hərəkətlərin alqoritmi aşağıdakı kimidir:

      • Şərh koduna baxırıq və şərhlərinizin (hansı üslubun olması ilə) bütün digər istifadəçilərin (sadəcə oxucular, qeydiyyatdan keçmiş istifadəçilər, müəlliflər və s.) şərhlərindən necə fərqləndiyini öyrənirik.
      • Sonra stil cədvəlində bu üslubu tapıb əlavə edirik

      Bloq administratoru şərhləri üçün xüsusi üslubun əlavə edilməsi

      style.php bloqunun admin panelində stil vərəqləri olan səhifəni açın - yaxşı olar ki, əvvəlcə mövzunun ehtiyat nüsxəsini çıxarın və ya heç olmasa, bu səhifədəki bütün kodu kopyalayın və onu ayrıca fayl kimi Notepad-da saxlayın. O zaman siz hazırladığımız səhvlər olmadan üslubları bərpa edə biləcəksiniz

      Axtarış sözünün şərh siyahısından istifadə edərək şərh üslubunun təsvirini tapırıq. Xatırladım ki, kod müxtəlif mövzularda əla görünür, lakin məna hər yerdə eynidir. Məsələn, başqa şeylərlə yanaşı, məndə aşağıdakı sətirlər var:

      BURADA ÇOX MÜXTƏLİF ŞEYLƏR OLA BİLƏR ol.commentlist li.alt() ol.commentlist li.bypostauthor p() ol.commentlist li.byuser () ol.commentlist li.comment-author-admin(STİLİNİZİ GİRİN) ol .commentlist li.comment() ol.commentlist li div.comment-author-admin (Stilinizi daxil edin) ÇOX FƏRQLİ OLA BİLƏR OL.commentlist li ul.children li.bypostauthor() ol.commentlist li ul.child li.byuser() ol.commentlist li ul.children li.comment() ol.commentlist li ul.children li.comment-author-admin(STYLE GİRİN) ol.commentlist li ul.children li.depth-2() ol.commentlist li ul.children li.depth-2 li.comment-author-admin(STYLE GİRİŞ) ol.commentlist li ul.children li.depth-3() ol.commentlist li ul.children li.depth-3 li.comment-author-admin (ÜSTLÜZÜ GÖRÜN) VƏ S.S

      Bu boş buruq mötərizələr () heç bir xüsusi üslubun göstərilmədiyini göstərir. Məhz bu boşluğu kodumuzla doldurmalıyıq.

      Diqqət: əvvəlcə sizə lazımdır dəyişmək kodda login üçün "admin" sözü!!! Bu üslubun adının işləndiyi bütün sətirlərdə!!!

      Admin şərhləri üçün mümkün üslublar

      Biz artıq razılaşmışıq ki, admin şərhlərini çox etməyəcəyik. Sadəcə onları bir az vurğulamaq lazımdır. Məsələn, mən cavablarımın solunda qalın yaşıl zolaq çəkdim.

      PHP-də şərhlər HTML-də istifadə olunan şərhlərə bənzəyir. PHP sintaksisində şərhlər həmişə simvolların xüsusi ardıcıllığı ilə başlayır və bu xüsusi simvollar arasında görünən bütün mətnlər tərcüməçi tərəfindən nəzərə alınmayacaq.

      HTML-də şərhin əsas məqsədi saytınızın mənbə koduna baxa bilən tərtibatçılara qeyd kimi xidmət etməkdir. PHP şərhləri ziyarətçilərə göstərilməməsi ilə fərqlənir. PHP şərhlərinə baxmaq üçün yeganə yol faylı redaktə etmək üçün açmaqdır. Bu, PHP şərhlərini yalnız PHP proqramçıları üçün faydalı edir.

      Şərhlərin HTML-də necə edildiyini unutmusunuzsa və ya bilmirsinizsə, aşağıdakı nümunəyə baxın.

      PHP şərh sintaksisi: tək sətirli şərh

      HTML-də yalnız bir şərh növü olduğu halda, PHP-də iki növ şərh var. Müzakirə edəcəyimiz birinci növ bir sətirlik şərhdir. Yəni, tərcüməçiyə şərhlərin sağındakı bu sətirdə baş verən hər şeyi görməməzlikdən gəlməsini söyləyən şərh. Bu şərhdən istifadə etmək üçün "//" və ya "#" simvollarından istifadə edin və sağdakı bütün mətnlər PHP tərcüməçisi tərəfindən nəzərə alınmayacaq.

      Psst...Siz mənim PHP şərhlərimi görə bilməzsiniz!"; // əks-səda "heç bir şey"; // echo "Mənim adım Humperdinkledir!"; # echo "Mən də heç nə etmirəm"; ?>

      Nəticə:

      Salam Dünya! Psst...Siz mənim PHP şərhlərimi görə bilməzsiniz!

      Diqqət yetirin ki, əks-səda əmrlərimizdən bir neçəsi işlənməyib, çünki biz onları xüsusi şərh simvollarından istifadə edərək şərh etmişik. Bu tip şərh tez-tez mürəkkəb və çaşdırıcı kodu tez yazmaq və ya PHP kodunun bir sətrini müvəqqəti silmək üçün istifadə olunur (sazlama üçün).

      PHP şərh sintaksisi: çoxsətirli şərh

      HTML şərhləri kimi, PHP-də çoxsətirli şərhlər böyük kod bloklarını şərh etmək və ya bir neçə sətirdə şərh yazmaq üçün istifadə edilə bilər. PHP-də çoxsətirli şərhlər "/*" ilə başlayır və "*/" ilə bitir. Bu simvollar arasındakı hər şey nəzərə alınmayacaq.

      Nəticə.

      Koda daxil olmaq və ya daxil olmamaq? Əvvəllər şərh formasının bir az mürəkkəb olduğunu söylədik və buna görə də yaradıcılar hər şeyi mümkün qədər sadələşdiriblər.

      Şərh çağırışı funksiyası sadədir və heç bir parametri yoxdur

      Sadə görünür, amma çox şey edir. Əslində, o, böyük miqdarda html kodu yaradır və bir dəstə php kodu istifadə edir. Çünki Bu funksiya bütün hazır HTML kodunu yaradır, sonra parametrlərdən istifadə edərək birtəhər tənzimləmək və ya fərdiləşdirmək imkanı olmadan onunla məşğul olmalıyıq. Bu html kodunu həqiqətən dəyişdirə bilməyəcəyimizi nəzərə alsaq, bu problem ola bilər. Div dərslərini bəyənmirsiniz? Qravatarlardan istifadə etmək istəmirsiniz? Sətirlərin göstərilmə sırasını dəyişmək istəyirsiniz?

      Bütün bunlarla barışmalı və css-dən istifadə edərək lazımsız şeyləri gizlətməli olacaqsınız. Bu baxımdan, hansı üstünlük yolunu tutacağınıza qərar verməlisiniz:

      wp_list_comments

      • istifadəsi asan
      • daxili şərh funksiyası
      • daxili səhifələmə funksiyası
      • daxili ağac ekranı funksionallığı
      • əsas tapşırıqlar üçün standart css sinifləri

      fərdi şərh funksiyası

      • hər şeyə mütləq tam nəzarət
      • standart və xüsusi css sinifləri
      • zəruri funksionallığı əlavə etmək üçün plaginlərin mövcudluğu

      Şərh yaratma metodunun seçimi bir çox amillərdən asılıdır. Ümumiyyətlə, wp_list_comments istifadə etməyi və özünüzü aldatmamağı tövsiyə edirik. İstədiyiniz funksionallıq və imkanlarla özünüzə məxsus, xüsusi və spesifik bir şey etmək lazımdırsa və bu arzu biliklə dəstəklənirsə, o zaman fərdi dövrlərin istifadəsi hamısını həyata keçirməyə imkan verəcəkdir.

      Bundan əlavə, foreach döngəsindən istifadə edərək şərhlərin göstərilməsinin köhnə yaxşı üsulu var, ona görə də hələ başa düşəcəyimiz çox şey var.

      wp_list_comments() və ya xüsusi döngə?

      Versiya 2.7-dən əvvəl şərh çıxışı dövrəsi verilənlər bazası sorğularına əsaslanırdı və bir qədər əyri, lakin yaxşı başa düşülən yolda göstərilirdi.

      Sonra şərhlər əlavə funksionallıq - səhifə naviqasiyası və ağac yuvası ilə zənginləşdirildi. Bu funksiyalar admin paneli vasitəsilə aktivləşdirilib və foreach döngəsi artıq göstərilən wp_list_comments funksiyası ilə əvəz edilib. Bununla belə, bu dövr açıq səbəblərə görə əlavə funksionallığı dəstəkləməsə də, hələ də işləməkdə davam edir.

      wp_list_comments bir döngəyə bənzəməsə də, hər şeyi eyni edir, sorğuları təkrarlayır və bitənə qədər şərhləri təkrar-təkrar çıxarır, onları müvafiq etiketlərlə qeyd edir.

      Adətən bir şərh üçün hazır HTML kodu belə görünür:

      1. Şərhçi adı deyir:

        Təşəkkür edirəm, əla saytınız var!

      Gördüyünüz kimi, şərh çıxışı döngəsində qravatar şəkli, bir neçə div, çoxlu müxtəlif CSS sinifləri, müəllifə keçid və faktiki şərh mətni var. Bu sizə uyğundursa, bu yaxşıdır, başqa bir şey etməyə ehtiyac yoxdur.

      Bu halda, siz yalnız aşağıdakı wp_list_comments seçimləri ilə əlaqə saxlaya bilərsiniz:

      • standart avatar ölçüsü 32 pikseldir
      • css üslubları - adlarından istifadə edərək parametrləri istədiyinizə dəyişə bilərsiniz
      • şərh siyahısı stilini göstərmək üçün stil. Varsayılan olaraq, şərhlər sıralanmamış siyahı teqləri kimi göstərilir
          lakin əvəzinə sifarişli siyahıdan istifadə etmək istəyirsinizsə
            , sonra bu parametrdən istifadə edin "ol")); ?>
          1. type type, göstərilən şərhlərə cavabdeh olan sətir parametridir. Mövcud parametrlər hamısı, şərh, geri izləmə, pingback, pinglərdir. Pinqlər o deməkdir ki, həm trackbacks, həm də pingbacks birlikdə çıxacaq. Varsayılan olaraq, parametr hamısıdır, yəni. bütün şərhlər göstərilir.
          2. cavab mətni cavab_text - şərhə cavab linkində nə yazılacağını müəyyən edir, adətən "Cavab verin"
          3. avtorizasiya mətni login_text - cavab vermək üçün sayta daxil olmağınız lazım olduqda göstərilir, adətən “Şərh vermək üçün daxil olun”
          4. geri çağırış şərhləri göstərmək üçün xüsusi funksiyanın adıdır.
          5. Əlavə seçimlər mövcuddur

        Bu çox deyil, lakin əksər hallarda minimum zəruri dəyişikliklər üçün kifayətdir. Əgər daha çox şeyə ehtiyacınız olarsa, xüsusi dövrədən istifadə etməli və ya comments.php-də yazılmış PHP koduna müdaxilə etməli və ya functions.php-ə lazımi funksionallığı əlavə etməli olacaqsınız.

        Funksiyalarda şamanizm.php

        Əvvəlcə comments.php-də qeyd edək ki, biz öz xüsusi funksiyamızdan istifadə edəcəyik

        İndi functions.php-də fərdi funksiyamızı yaradaq

      • id="li-şərh-">
        ");?> %s deyir:"), şərh_müəllifi_link()); ?>
        comment_approved == "0") : ?>
        $depth,"max_depth" => $args["max_depth"]))); ?>
        Qeyd edək ki, etiketi bağlamırıq
      • , çünki WordPress daxili şərhlərin işarələnməsi əsasında avtomatik olaraq bağlanma teqləri yaradacaq.

        Yerləşdirildikdən sonra bu funksiya şərhlər yaradıldıqda çağırılacaq və sizə lazımi düzəlişlər etməyə imkan verir. Hiylə ondan ibarətdir ki, biz standart və kifayət qədər məhdud parametrlərdən istifadə edərək lazım olan hər şeyi etdik wp_list_comments()

        İndi köhnə üsullara qayıdaq - wp_list_comments ilə birlikdə foreach döngəsi qoyacağıq

        Bu istifadə şablonun WordPress-in köhnə versiyaları ilə geriyə uyğun olmasına imkan verəcək.

        İndi şərh döngəsini necə quracağımızı bildiyimiz üçün gəlin onu ehtiyaclarımıza uyğunlaşdırmaq üçün dəyişdirək və bəzi gözəl fəndlər tətbiq edək.

        Səhifə-səhifə şərhlərin həyata keçirilməsi

        Saytdakı məzmunun yüzlərlə şərhi cəlb edə biləcəyini heç kim əvvəlcədən bilmir. Mən başa düşürəm ki, biz hamımız super ulduzlarıq və uğur gözlənilmədən gələ bilər. Yüzlərlə şərhi olan bir postu izləmək və geri çevirmək olduqca uzun ola bilər. Ümumiyyətlə, biz, əlbəttə ki, şaquli sürüşmədən qorxmuruq (üfüqi sürüşmədən fərqli olaraq), lakin hər şeyin sərhədləri olmalıdır. 60 şərhdən ibarət tipik bir yazının hündürlüyü 20 min pikselə qədər ola bilər!

        İşləri təşkil etməyin əla yolu şərh lentinizi səhifələşdirmək və onları səhifə-səhifə göstərməkdir.

        Səhifələşdirməni aktivləşdirdikdən sonra comments.php faylınıza "Əvvəl" və "Sonra" keçidlərini göstərmək üçün funksiyalar əlavə etməyi unutmayın.

        Bu keçidlər avtomatik olaraq görünəcək və hər səhifədə göstərilən şərhlərin sayı keçdikdə şərh vərəqini pozacaq. Bu nömrədən daha az şərh varsa, keçidlər göstərilməyəcək.

        Və burada bir tutma var. Səhifə-səhifə şərhləri ilə məzmunun təkrarlanması ilə bağlı məşhur SEO problemi yaranır. Bu, hər şərh səhifəsi üçün eyni URL-lərin yaradıldığı üçün baş verir.

        • https://yoursite.com/ghost-dad-rocked/
        • https://yoursite.com/ghost-dad-rocked/comments-page-1/
        • https://yoursite.com/ghost-dad-rocked/comments-page-2/
        • https://yoursite.com/ghost-dad-rocked/comments-page-3/

        Aydındır ki, yalnız bu səhifələrdəki şərhlər fərqli olacaq. Ümumi mənzərəni daha da pisləşdirən odur ki, hər şərhin dərc olunma vaxtı ilə özünəməxsus əlaqəsi var ki, bu da bir dəstə dublikat əlavə edir. Buna görə də, axtarış botu çox sayda müxtəlif bağlantılar altında eyni məzmunu tapacaq.

        Təkrarlanmanın qarşısını almaq üçün bir neçə həll yolu var:

        1. Səhifə şərhlərindən istifadə etməyin
        2. Hər yazı üçün kanonik URL yaratmaq üçün meta teqlərdən istifadə edin
        3. Plugin istifadə edin

        Əgər saytınız çox populyardırsa və ya belə olacaqsa, əlbəttə ki, kanonik URL-lərdən istifadə etmək daha yaxşıdır. Əgər qızğın müzakirələr planlaşdırılmırsa, onda ənənəvi şərh vərəqlərini səhifələşdirmədən istifadə etmək daha asandır.

        Səhifəli Şərhlər üçün SEO daha radikal bir yanaşma tətbiq edir - yazı məzmununu şərh səhifələrindən silmək və onu sitat və ya yazının qısaldılmış versiyası ilə əvəz etmək.

        İç-içə şərhlərin həyata keçirilməsi

        Daxili ağac şərhləri ziyarətçilərə zəngin müzakirə dialoqu yaradaraq seçilmiş mövcud şərhə cavab yazmağa imkan verir. Parametrlərdə bu funksiyanı aktivləşdirdikdən sonra hər bir şərhin yanında “Cavab ver” linki görünəcək və bu, konkret şərh üzərində danışmağa imkan verəcək.

        Bu ehtimal ortaya çıxmazdan əvvəl, seçilmiş müəllifə onun adını və şərh mətnindəki @ işarəsindən istifadə edərək “@Vasya səhv edirsən!” kimi cavab vermək üslubu var idi. Bəzi transformasiya ilə bu üsul İnternetdəki bir çox tətbiqdə kök saldı və hələ də yaşayır, məsələn, Twitter-də. WordPress-in müasir versiyalarında belə bir qeyddən istifadə etmək lazım deyil.

        İndi sadəcə olaraq müvafiq “Cavab vermək” linkinə klik edib, çıxış etmək lazımdır. Şərh mətni təsdiqləndikdən sonra o, haqqında yazılan şərhin altında dərhal görünəcək.

        Şablonunuz bu cür şərhləri dəstəkləmirsə, onu əlavə etməyin asan yolu var:

        1. Biz faylların ehtiyat nüsxələrini hazırlayırıq ki, bu da nəzəri olaraq artıq vərdişə çevrilməlidir
        2. Ayarlarda iç-içə şərhləri aktivləşdirin Seçimlər → Müzakirə Parametrləri → Ağac şərhlərinə icazə verin
        3. wp_head()dən dərhal əvvəl header.php-ə aşağıdakı kodu əlavə edin
        4. Bağlama teqindən dərhal əvvəl comments.php-ə əlavə edin
        5. Bunu yoxlayaq