WordPress hakkındaki yazarın yorumlarını nasıl vurgulayabilirim

Web sitenizdeki WordPress yayınındaki yazarın yorumlarını vurgulamak ister misiniz? Yazarın WordPress bloguyla ilgili yorumlarını vurgulamak, katılım oluşturmanıza yardımcı olabilirsiniz. Kullanıcıların, yazarın tartışmaya aktif olarak katıldığını gördüklerinde yorum bırakma olasılığı daha yüksektir. Bu makalede, katılımı artırmak için yazarın WordPress hakkındaki yorumlarını vurgulamanın kolay bir yolunu göstereceğiz.

Yazarın WordPress hakkındaki yorumu neden? Yorumlar, web sitenize kullanıcı katılımı oluşturmanın iyi bir yoludur. Makaleniz hakkında daha fazla yorum almak istiyorsanız, tartışmalara aktif olarak katılarak teşvik edebilirsiniz.
Yeni WordPress blogu için, yorum denetimi sırasında yorumlara kolayca cevap verebilirsiniz. Çok yetkili bir blog çalıştırırsanız, yazarı da tartışmaya katılmaya teşvik edebilirsiniz. Bununla birlikte, çoğu WordPress teması yorumlar arasında ayrım yapmaz ve aynı stili kullanarak içermez.

Sıradan okuyucular, tartışmada yazarın katkıda bulunduğu ek içeriğin farkında değil, yorumları izleyebilir. Yazarın yorumlamanıza yardımcı olan yorumlarını vurgulamak ve yazarın önde gelen ve daha görünür yorumlarını yapmanıza. Buradaki temel amaç, yeni kullanıcıları yorumlara katılmaya ve nihayet bülteninize abone olmaya veya müşteri olmaya teşvik etmektir.
Bu nedenle, yazarın yorumlarını WordPress’te nasıl kolayca vurgulayacağınıza bakalım. WordPress hakkındaki yorumların yazarını vurgulamak, yazar yayınının yorumlarını vurgulamanın en kolay yolu WordPress temanıza özel bir CSS eklemektir. Bu, gerekli kodu kolayca eklemenizi ve önizlemeyi kaydetmeden web sitenizdeki görünüşü doğrudan görmenizi sağlar. İlk olarak, görünümü ziyaret etmeniz gerekir »WordPress yönetici alanında özelleştirin. Bu, WordPress tema ayar arayüzünü başlatacaktır. Solunuzdaki sütunda birçok seçenek göreceksiniz ve web sitenizi doğrudan inceleyeceksiniz. Buradan ek CSS sekmesini tıklamanız gerekir. Bu, özel CSS ekleyeceğiniz metin alanını açacaktır.

Ancak, uygulandığında CSS özelliğinin nasıl görüleceğini görmek istersiniz. Bunu yapmak için, yazının yazarının yorumlarını içeren bir blog yayınına gitmeniz gerekir.

Yorumlar bölümüne gidin, ardından soldaki özel CSS kutusuna aşağıdaki özel CSS ekleyin … ByPostauthor {

Arka plan-rengi: #e7f8fb;
}
Yazarın girdiğiniz özel CSS ile eşleşen yorumlarındaki değişikliği hemen göreceksiniz.
Peki bunların hepsi nasıl çalışıyor? WordPress’in web sitenizin çeşitli alanlarına birkaç varsayılan CSS sınıfı eklediğini görüyorsunuz. Bu CSS sınıfı, kullandığınız WordPress temasından ücretsizdir.

Bu örnek kodda, Post’un yazarı tarafından eklenen tüm yorumlara eklenen CSS .BypostAuthor sınıfını kullandık. Daha belirgin hale getirmek için bazı CSS stilleri ekleyelim. Aşağıda, yazının yazarı ve yazarın avatar resmi etrafındaki sınırın yorumuna küçük bir ‘yazar’ etiketi ekleyen bir kod örneğidir … ByPostauthor: Önceden {
İçerik: “Yazar”;

Sağa çık;
Arka Plan rengi:#FF1100;
Dolgu: 5 piksel;
yazı tipi boyutu: küçük;
Yazı tipi-ağırlık: kalın;
Renk: #ffffff;
}
.Bypostauthor. Avatar {
Sınır: 1px noktalı #FF1100;
}
Bu, test web sitemizdeki görünümdür.
Kullanıcının WordPress’teki rolüne dayanan yorumları vurgulayan birçok WordPress blogunda, yorumları yanıtlamaktan sorumlu ekip üyeleri vardır. Popüler web sitelerinde, kullanıcı katılımını artırmak için tüm yorumları cevaplayan gönderme yazarları, yöneticiler ve moderatörler olabilir. Gerçek Post yazarları olmayan personel tarafından eklenen yorumları nasıl vurguluyorsunuz? Bunu başarmak için kolay bir hack var. Ancak, WordPress web sitenize özel bir kod eklemenizi gerektirir. Bunu daha önce hiç yapmadıysanız, WordPress’e özel kod eklemenin kolay yolları hakkındaki makalemize bakın.
İlk olarak, kodunuzun eklenti örneklerine veya dosya işlevinizin eklentisi örneklerine aşağıdaki kodu eklemeniz gerekir.

Sınıf wpb_comment_author_role_label {
genel işlev __Construct () {
add_filter (‘get_comment_author’, dizi ($ this, ‘wpb_get_comment_author_role’), 10, 3);
add_filter (‘get_comment_author_link’, dizi ($ this, ‘wpb_comment_author_role’));
}
// Yorum alın Yazar Rolfunction wpb_get_comment_author_role ($ yazar, $ yorum_id, $ yorum) {
$ yazaremail = get_comment_author_email ($ yorum);
// Kullanıcının kayıtlı olup olmadığını kontrol edin
if (e -posta_exists ($ yazarail)) {
$ commet_user_role = get_user_by (‘e -posta’, $ yazarEail);
$ yorum_user_role = $ commet_user_role-> roller [0];
// html çıkışı Yorum yazar adlarını eklemek için
$ this-> comment_user_role = ”. UCFIRST ($ Comment_user_Role). ”;
} başka {
$ this-> comment_user_role = ”;
}
Dönüş $ yazar;
}
// yorum yazarı görüntüle
İşlev wpb_comment_author_role ($ yazar) {
Return $ yazar. = $ this-> comment_user_role;
}
}
yeni wpb_comment_author_role_label;
Endif;
Bu kod yalnızca kullanıcının rol etiketini yazarın yorumunun adının yanına ekler. Özel bir stil olmadan böyle görünüyor.
Bazı özel CSS ekleyerek biraz daha güzel yapalım. Açık görünüm »Sayfayı ayarlayın ve Ek CSS sekmesine geçin. Bundan sonra, yorumlarda kullanıcının rol etiketini düzenlemek için aşağıdaki CSS’yi kullanabilirsiniz.
Dolgu: 5 piksel;
yazı tipi boyutu: 14px;

Border-Radius: 3px;
}
.Comment-yazar-label-editor {
Arka Plan-Renk: #effef;
}
.Comment-yazar-label-yazar {
Arka Plan rengi: #FAEEEE;
}
.Comment-yazar-Label-Contututor {
Arka Plan rengi:#F0faee;
}
.Comment-yazar-label-abonör {
Arka plan-rengi:#EEF5FA;
}
.Comment-yazar-Label-Administrator {
Arka Plan rengi:#fde9ff;
}
Bu, test sitemizdeki görünümdür. Temanızın rengine ve stiline uyacak şekilde kodu değiştirmekten çekinmeyin.