WordPress'te Yorum Alanını Biçimlendirme. WordPress'te yorum alanını biçimlendirme Yönetici panelinden pinglerin görüntülenmesini devre dışı bırakma

Bu makaleyi yazmanın arka planı tipiktir: Yorumlarımı ayrı bir stille vurgulamaya karar verdim... Neyse ki birkaç gündür style.php'yi parçalıyorum ve CSS sözdiziminin temel kurallarını biliyorum. Ve tabi ki bu masum fikir hafif bir utanca, bir çözüm arayışına dönüştü... Sonunda her şey yolunda gitti. Şimdi size kendi yorumlarımı süslemek için hangi sihirli geçişleri kullandığımı anlatmak istiyorum.

Aşağıda açıklanan tüm manipülasyonların amacı, yorumlarınızı ve okuyuculara yanıtlarınızı vurgulamaktır. Eğer stillerde aşırıya kaçmazsanız oldukça şık görünecektir. Elbette bu hayati bir gereklilik değil. Yorumlarınızı görüntülemeye karar veren herkes bunu takma adla yapabilecektir. Ancak güzellik fikri birçok blogcu için de önemlidir.

Ayrıca pek çok büyük ve iyi düşünülmüş sitede (mesela smashingmagazine) yazarın cevaplarının nasıl formatlandığına dikkat edersek onlar için ayrı bir tarz göreceğiz. Açıkçası bu, kullanılabilirliğin iyileştirilmesine yardımcı olacaktır.

Oldukça derin bir iç içe geçme derecesine sahip ağaç benzeri yorumlara izin verilen bloglardaki yazar yorumları için ayrı bir stil kullanmak özellikle önemlidir. Basitçe söylemek gerekirse, kullanıcının yorumlara yanıt verebileceği, yanıtlara yanıt verebileceği vb. yer.

Halihazırda kullanımda olan yorum stillerine bakalım

Bir bakıma sondan başlayarak önerdiğime şaşırmayın. Ancak WordPress temalarını düzenleme konusunda kendini tam olarak rahat hissetmeyen kullanıcılar için bu, en görsel ve açık yoldur.

Bu nedenle, blogunuzda yorum içeren bir gönderi seçin. Elbette burada sizin cevaplarınıza da ihtiyacımız var. Böyle bir sayfayı açtıktan sonra üzerine sağ tıklayın ve “Sayfa kodunu görüntüle” seçeneğini seçin (Google Chrome ve Firefox tarayıcılarında kesinlikle böyle bir seçenek vardır).

Bir kod sayfası gördüğünüzde korkmayın. Aslında burada karmaşık veya gizli hiçbir şey yok. Sayfayı aşağı doğru kaydırdığınızda, önce gönderiyle ilgili genel bilgilerin, ardından biçimlendirmeli metnin görüntülendiğini fark edeceksiniz. Aşağıda nihayet yorumlarla ilgili kod bulunmaktadır. Basitçe Ctrl+F yazıp görüntülenen pencereye girebilirsiniz. yorum listesi ve Enter tuşuna basın - hemen aranan kelimenin parlak bir şekilde vurgulanacağı istediğiniz satıra "atılacaksınız".

Şimdi yorum stillerimizin nasıl işaretlendiğine bakalım. Açıklık getirmek gerekirse, kod benim temamdan. Elbette sizinki biraz farklı görünebilir ve yapılandırılmış olabilir, ancak kodun ayrı ayrı bölümlerinin ana anlamı açık olmalıdır:

  • YORUMCUNUN NICK'I:

    YORUM METNİ

    • TAKMA ADINIZ:

      CEVABINIZIN METNİ

      İŞTE "Yanıtla" DÜĞMESİNE AİT VERİLER
    • Aslında sadece sizin takma adınızı içeren yorumları bulmamız gerekiyor (örneğin, bu blogda Katyaru takma adı altında yazıp yanıt veriyorum). Ve şu şekilde başlayan gerekli satırın hemen üstünde:

    • Bunlar sınıf tanımlarıdır – kullanıcı tarafından yapılan yorum yorum-yazar-yönetici tarafından yazılan yazar tarafından tek alt derinlik-2 — ilgileniyoruz. Ne demek istiyorlar? — Yorum"yorum stili" kullanıcı tarafından"kayıtlı kullanıcı stili" yorum-yazar-yönetici"yazar-yönetici stili" yazar tarafından"yazarın stili" garip“çift yorum stili” (veya hatta “tek”) alternatif"yanıt yorum stili" derinlik-2“Yorum yerleştirme derinliği 2″

      Dikkat: Blog giriş bilgilerinizi akıllıca "yönetici"den başka bir şeye değiştirdiyseniz, stilin adı şu şekilde görünecektir: yorum-yazar-GİRİŞİNİZ. Bu, kaydolmak için kullandığınız takma ad değil, yönetici alanına girmek için kullanılan giriş bilgileridir!!!

      Burada olası seçenekler var. Belki de blogunuza yorum yapanların kayıtlı kullanıcılar olması gerekir. Belki yazının yazarı siz değilsiniz, yönetici haklarına sahip olmayan başka bir kayıtlı kullanıcısınızdır. Ancak blogda yalnızca bir yönetici var ve o da sizsiniz! Bu nedenle dikkat etmelisiniz yorum-yazar-yönetici(veya yorum-yazar-GİRİŞİNİZ) - tüm yorumlarınız için benzersiz olmalıdır.

      Genel olarak, eylemlerin algoritması aşağıdaki gibidir:

      • Yorum koduna bakıyoruz ve yorumlarınızın diğer tüm kullanıcıların (sadece okuyucular, kayıtlı kullanıcılar, yazarlar vb.) yorumlarından nasıl (hangi stilin varlığına göre) farklı olduğunu öğreniyoruz.
      • Daha sonra bu stili stil sayfasında bulup ekliyoruz.

      Blog yöneticisi yorumlarına özel bir stil ekleme

      Style.php blogunun yönetici panelinde stil sayfalarının bulunduğu sayfayı açın - önce temanın bir yedeğini almak veya en azından bu sayfadaki tüm kodu kopyalayıp Not Defteri'nde ayrı bir dosya olarak kaydetmek daha iyidir. O zaman yapmaya hazırlandığımız hatalar olmadan stilleri geri yükleyebileceksiniz.

      Yorum stilinin açıklamasını arama sözcüğü yorum listesini kullanarak buluruz. Kodun farklı temalarda harika göründüğünü ancak anlamının her yerde aynı olduğunu hatırlatayım. Örneğin, diğer şeylerin yanı sıra aşağıdaki satırlarım var:

      BURADA ÇOK FARKLI ŞEY OLABİLİR ol.commentlist li.alt() ol.commentlist li.bypostauthor p() ol.commentlist li.byuser () ol.commentlist li.comment-author-admin(TARZINIZI GİRİN) ol .commentlist li. comment() ol.commentlist li div.comment-author-admin (TARZINIZI GİRİN) ÇOK FARKLI OLABİLİR OL.commentlist li ul.children li.bypostauthor() ol.commentlist li ul.children li.byuser() ol.yorum listesi li ul.çocuklar li.comment() ol.commentlist li ul.çocuklar li.comment-author-admin(TARZINIZI GİRİN) ol.commentlist li ul.çocuklar li.derinlik-2() ol.commentlist li ul.children li. derinlik-2 li.comment-author-admin(TARZINIZI GİRİN) ol.commentlist li ul.children li.length-3() ol.commentlist li ul.children li.derinlik-3 li.comment-author-admin (TARZINIZI GİRİN) VEYA GİBİ

      Bu boş küme parantezleri (), herhangi bir özel stilin belirtilmediğini gösterir. Kodumuzla doldurmamız gereken şey bu boşluktur.

      Dikkat: öncelikle ihtiyacınız var değiştirmek Giriş bilgileriniz için kodda “admin” kelimesi!!! Bu tarzın adının kullanıldığı tüm satırlarda!!!

      Yönetici yorumları için olası stiller

      Admin yorumlarına çok fazla yer vermeyeceğimiz konusunda zaten anlaşmıştık. Sadece onları biraz vurgulamanız gerekiyor. Mesela cevaplarımın soluna kalın yeşil bir şerit yaptım.

      PHP'deki yorumlar HTML'de kullanılan yorumlara benzer. PHP sözdiziminde yorumlar her zaman özel bir karakter dizisiyle başlar ve bu özel karakterler arasında görünen tüm metinler yorumlayıcı tarafından dikkate alınmaz.

      HTML'de yorumun asıl amacı, sitenizin kaynak kodunu görüntüleyebilecek geliştiricilere not görevi görmektir. PHP yorumları ziyaretçilere gösterilmeyecekleri için farklıdır. PHP yorumlarını görüntülemenin tek yolu dosyayı düzenlemek için açmaktır. Bu, PHP yorumlarının yalnızca PHP programcıları için yararlı olmasını sağlar.

      HTML'de yorumların nasıl yapıldığını unuttuysanız veya bilmiyorsanız aşağıdaki örneğe bakın.

      PHP yorum sözdizimi: tek satırlı yorum

      Html'de yalnızca bir tür yorum bulunurken, PHP'de iki tür yorum bulunur. Tartışacağımız ilk tür tek satırlık yorumdur. Yani tercümana, yorumların sağındaki bu satırda olup biten her şeyi görmezden gelmesini söyleyen bir yorum. Bu yorumu kullanmak için "//" veya "#" karakterlerini kullanın; sağdaki tüm metinler PHP yorumlayıcısı tarafından göz ardı edilecektir.

      Psst...PHP yorumlarımı göremiyorsun!"; // echo "hiçbir şey"; // echo "Benim adım Humperdinkle!"; # echo "Ben de hiçbir şey yapmıyorum"; ?>

      Sonuç:

      Selam Dünya! Psst...PHP yorumlarımı göremiyorsun!

      Echo komutlarımızdan birçoğunun, onları özel yorum karakterleri kullanarak yorumladığımız için işlenmediğine dikkat edin. Bu tür yorum genellikle karmaşık ve kafa karıştırıcı kodu hızlı bir şekilde yazmak veya bir PHP kodu satırını geçici olarak kaldırmak (hata ayıklamak için) için kullanılır.

      PHP yorum sözdizimi: çok satırlı yorum

      HTML yorumları gibi, PHP'deki çok satırlı yorumlar da büyük kod bloklarına yorum yapmak veya birden çok satıra yorum yazmak için kullanılabilir. PHP'de çok satırlı yorumlar "/*" ile başlar ve "*/" ile biter. Bu karakterler arasındaki herhangi bir şey göz ardı edilecektir.

      Sonuç.

      Koda girmek mi, girmemek mi? Yorum formunun biraz karmaşık olduğunu daha önce söylemiştik ve bu nedenle yaratıcılar her şeyi olabildiğince basitleştirdiler.

      Yorum çağırma işlevi basittir ve parametresi yoktur

      Basit görünüyor ama çok şey yapıyor. Aslında çok miktarda html kodu oluşturur ve bir sürü php kodu kullanır. Çünkü Bu işlev tüm hazır HTML kodunu oluşturur, o zaman parametreleri kullanarak bir şekilde ayarlama veya özelleştirme yeteneği olmadan bununla uğraşmak zorunda kalacağız. Bu html kodunu gerçekten değiştiremeyeceğimiz göz önüne alındığında, bu bir sorun olabilir. Div derslerini sevmiyor musun? Gravatar kullanmak istemiyor musunuz? Çizgilerin görüntülenme sırasını değiştirmek ister misiniz?

      Tüm bunlarla yüzleşmeniz ve css kullanarak gereksiz şeyleri gizlemeniz gerekecek. Bu açıdan bakıldığında hangi tercih yolunu seçeceğinize karar vermeniz gerekecektir:

      wp_list_comments

      • kullanımı kolay
      • yerleşik yorum yapma işlevi
      • yerleşik sayfalandırma işlevi
      • yerleşik ağaç görüntüleme işlevi
      • temel görevler için varsayılan css sınıfları

      özel yorum işlevi

      • her şey üzerinde mutlak tam kontrol
      • standart ve özel css sınıfları
      • gerekli işlevselliği eklemek için eklentilerin varlığı

      Yorum oluşturma yönteminin seçimi birçok faktöre bağlıdır. Genel olarak wp_list_comments kullanmanızı ve kendinizi kandırmamanızı öneririz. İstediğiniz işlevsellik ve yeteneklerle kendinize ait, özel ve spesifik bir şey yapmanız gerekiyorsa ve bu arzu bilgiyle destekleniyorsa, özel döngülerin kullanılması tüm bunların uygulanmasını mümkün kılacaktır.

      Ek olarak, foreach döngüsü kullanarak yorumları görüntülemenin eski güzel bir yöntemi de var, bu yüzden hala çözmemiz gereken çok şey var.

      wp_list_comments() veya özel döngü?

      Sürüm 2.7'den önce, yorum çıktı döngüsü veritabanı sorgularına dayanıyordu ve biraz dolambaçlı ama iyi anlaşılmış bir yolda görüntüleniyordu.

      Daha sonra yorumlar, sayfada gezinme ve ağaç yerleştirme gibi ek işlevlerle zenginleştirildi. Bu özellikler yönetici paneli aracılığıyla etkinleştirildi ve foreach döngüsü, daha önce gösterilen wp_list_comments işleviyle değiştirildi. Ancak bu döngü, bariz nedenlerden dolayı ek işlevleri desteklemese de hala çalışır durumdadır.

      wp_list_comments bir döngü gibi görünmese de her şeyi aynı şekilde yapar, sorguları tekrarlar ve yorumları bitene kadar tekrar tekrar yayınlayarak bunları uygun etiketlerle işaretler.

      Genellikle bir yorumun tamamlanmış HTML kodu şuna benzer:

      1. Yorumcu adı diyor:

        Teşekkür ederim, harika bir siteniz var!

      Gördüğünüz gibi, yorum çıktı döngüsü bir gravatar görüntüsü, birkaç div, birçok farklı CSS sınıfı, yazara bir bağlantı ve gerçek yorum metnini içerir. Bu size uygunsa, bu iyi, başka bir şey yapmanıza gerek yok.

      Bu durumda yalnızca aşağıdaki wp_list_comments seçeneklerine ulaşabilirsiniz:

      • varsayılan avatar boyutu 32 pikseldir
      • css stilleri - adlarını kullanarak parametreleri istediğiniz gibi değiştirebilirsiniz
      • Yorum listesi stilini görüntülemek için stil. Varsayılan olarak yorumlar sırasız liste etiketleri olarak görüntülenir
          ancak bunun yerine sıralı bir liste kullanmak istiyorsanız
            , ardından bu parametreyi kullanın "ol")); ?>
          1. type type, görüntülenen yorumlardan sorumlu bir dize parametresidir. Kullanılabilir parametrelerin tümü, yorum, geri izleme, geri ping, ping'dir. Ping'ler, hem geri izlemelerin hem de geri pinglerin birlikte yayınlanacağı anlamına gelir. Varsayılan olarak parametre all'tır, yani. tüm yorumlar görüntülenir.
          2. cevap metni cevap_metni - yoruma verilen cevap bağlantısına ne yazılacağını belirler, genellikle "Yanıtla"
          3. yetkilendirme metni giriş_metni - yanıt vermek için siteye giriş yapmanız gerekiyorsa görüntülenir, genellikle "Yorum yapmak için giriş yapın"
          4. geri çağırma, yorumları görüntülemek için kullanılan özel bir işlevin adıdır.
          5. Ek seçenekler mevcut

        Bu çok fazla değil, ancak çoğu durumda gerekli minimum değişiklikler için yeterlidir. Daha fazlasına ihtiyacınız varsa, özel bir döngü kullanmanız veya comments.php'de yazılan PHP koduna müdahale etmeniz veya gerekli işlevselliği Function.php'ye eklemeniz gerekecektir.

        Function.php'de Şamanizm

        Öncelikle comments.php dosyasında özel fonksiyonumuzu kullanacağımızı belirtelim.

        Şimdi Function.php dosyasında özel fonksiyonumuzu oluşturalım.

      • id = "li-yorum-">
        ");?> %S diyor:"), get_comment_author_link()); ?>
        comment_approved == "0") : ?>
        $derinlik,"maks_derinlik" => $args["maks_derinlik"]))); ?>
        Lütfen etiketi kapatmadığımızı unutmayın.
      • , Çünkü WordPress, iç içe geçmiş yorumların işaretlenmesine göre otomatik olarak kapanış etiketleri oluşturacaktır.

        Bu işlev, yayınlandıktan sonra yorumlar oluşturulduğunda çağrılacak ve gerekli düzenlemeleri yapmanıza olanak tanıyacaktır. İşin püf noktası, ihtiyacımız olan her şeyi standart ve oldukça sınırlı ayarları kullanarak yapmamızdır. wp_list_comments()

        Şimdi eski yöntemlere dönelim - wp_list_comments ile birlikte bir foreach döngüsü koyacağız

        Bu kullanım, şablonun WordPress'in eski sürümleriyle geriye dönük olarak uyumlu olmasını sağlayacaktır.

        Artık bir yorum döngüsünü nasıl kuracağımızı bildiğimize göre, onu ihtiyaçlarımıza uyacak şekilde değiştirelim ve bazı harika hileler uygulayalım.

        Sayfa sayfa yorumları uygulama

        Sitedeki içeriğin yüzlerce yorum çekebileceğini kimse önceden bilemez. Demek istediğim, hepimiz süperstarız ve başarı beklenmedik bir şekilde gelebilir. Yüzlerce yorum içeren bir gönderiyi izlemek ve geri sarmak inanılmaz derecede uzun olabilir. Genel olarak dikey kaydırmadan kesinlikle korkmuyoruz (yatay kaydırmanın aksine), ancak her şeyin sınırları olmalıdır. 60 yorum içeren tipik bir gönderinin yüksekliği 20 bin piksele kadar çıkabilir!

        İşleri düzenli tutmanın harika bir yolu, yorum akışınızı sayfalara ayırmak ve bunları sayfa sayfa görüntülemektir.

        Sayfalandırmayı etkinleştirdikten sonra, "Önce" ve "Sonra" bağlantılarını görüntülemek için comments.php dosyanıza işlevler eklemeyi unutmayın.

        Bu bağlantılar otomatik olarak görünecek ve sayfa başına belirtilen yorum sayısı aşıldığında yorum sayfasını kesecektir. Bu sayıdan daha az yorum olması durumunda bağlantılar görüntülenmeyecektir.

        Ve burada bir sorun var. İçeriğin sayfa sayfa yorumlarla kopyalanmasıyla ilgili iyi bilinen SEO sorunu ortaya çıkıyor. Bunun nedeni, her yorum sayfası için aynı URL'lerin oluşturulmasıdır.

        • 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/

        Sadece bu sayfalardaki yorumların farklı olacağı açıktır. Genel tabloyu daha da kötüleştiren şey, her yorumun yayınlanma zamanı ile kendine özgü bir bağlantısının olması ve bu da birçok kopyanın eklenmesine neden oluyor. Bu nedenle, arama botu aynı içeriği çok sayıda farklı bağlantı altında bulacaktır.

        Tekrarlamayı önlemek için birkaç çözüm vardır:

        1. Sayfa yorumlarını kullanmayın
        2. Her gönderi için standart URL'ler oluşturmak amacıyla meta etiketleri kullanın
        3. Eklentiyi kullan

        Siteniz çok popülerse veya öyle olacaksa elbette kanonik URL'leri kullanmak daha iyidir. Eğer hararetli tartışmalar planlanmamışsa, sayfalara ayırmadan geleneksel yorum sayfalarını kullanmak daha kolaydır.

        Sayfalandırılmış Yorumlar için SEO daha da radikal bir yaklaşım benimser; gönderinin içeriğini yorum sayfalarından kaldırır ve yerine bir alıntı veya gönderinin kısaltılmış bir versiyonunu koyar.

        İç içe yorumların uygulanması

        İç içe geçmiş ağaç yorumları, ziyaretçilerin seçilen mevcut bir yoruma yanıt yazmasına olanak tanıyarak zengin bir tartışma diyalogu oluşturur. Ayarlarda bu özelliği etkinleştirdikten sonra, her yorumun yanında belirli bir yorum hakkında konuşmanıza olanak tanıyan bir "Yanıtla" bağlantısı görünecektir.

        Bu ihtimal ortaya çıkmadan önce, seçilen yazara yorum metninde ismini ve @ işaretini kullanarak “@Vasya yanılıyorsun!” gibi bir cevap verme tarzı vardı. Bazı dönüşümlerle bu yöntem İnternet'teki birçok uygulamada kök saldı ve örneğin Twitter'da hala yaşıyor. Ve WordPress'in modern sürümlerinde böyle bir sözün kullanılmasına gerek yoktur.

        Şimdi sadece uygun “Yanıtla” bağlantısını tıklayıp konuşmanız yeterli. Yorum metni onaylandıktan sonra hakkında yazıldığı yorumun hemen altında görünecektir.

        Şablonunuz bu tür yorumları desteklemiyorsa eklemenin kolay bir yolu vardır:

        1. Teoride zaten bir alışkanlık haline gelmesi gereken dosyaların yedek kopyalarını oluşturuyoruz
        2. Ayarlarda iç içe yorumları etkinleştir Seçenekler→Tartışma Ayarları→Ağaç Yorumlarına İzin Ver
        3. Aşağıdaki kodu wp_head()'den hemen önce head.php dosyasına ekleyin
        4. Comments.php'ye kapanış etiketinin hemen öncesine ekleyin
        5. Bunu kontrol edelim