Okurlarımızdan biri, her WordPress yorumunun yanında kullanıcının rolünü vurgulamanın mümkün olup olmadığını sordu. Kullanıcının rol etiketini görüntülemek, kayıtlı kullanıcılar tarafından sitenizde yapılan yorumlara ağırlık verir. Site Web, özellikle yazarlar, yayıncılar ve yöneticiler. Bu eğitimde, WordPress'te yorumların yanına kullanıcı rolüne sahip bir etiketi nasıl kolayca ekleyeceğinizi göstereceğiz.

user.png rolüyle ilgili bir etiket ekleyin

Neden WordPress'teki bir yorumun yanında kullanıcı rolü etiketi gösterilsin?

üzerinde kullanıcı kaydına izin verirseniz Site Web veya eğer çalıştırırsanız Site Web Çok yazarlı WordPress, kullanıcı etiketleri, kullanıcıları kullanıcı rollerine göre birbirleriyle tanıştırabilir.

Örneğin, "Editör" kullanıcı rolüne sahip kullanıcıların yorumlarda adlarının yanında bir rozet olacaktır ve bu, diğer kullanıcıların bu yorumun bir düzenleyici tarafından yapıldığını bilmesini sağlayacaktır.

Kullanıcı güvenini artırır ve web sitenizdeki yorumlara kullanıcı katılımını artırır.

çok WordPress temaları yalnızca gönderinin yazarı tarafından yapılan yorumları vurgulayın. Kayıtlı kullanıcılar veya site yöneticileri tarafından başka yorumlar yapılmış olsa bile, diğer kullanıcı rolleri için etiketler göstermezler.

Bununla birlikte, kullanıcı rolü etiketini WordPress'teki yorumların yanına kolayca nasıl ekleyeceğimize bir göz atalım.

Bir yorumun yanına bir kullanıcı rolü etiketi ekleme

Bu öğretici, dosyalarınıza kod eklemenizi gerektirir. WordPress tema. Bunu daha önce yapmadıysanız, nasıl özelleştireceğinize bir göz atın. WordPress tema .

İlk yapmanız gereken aşağıdaki kodu temanızın functions.php dosyasına veya sitedeki aktif bir eklentiye eklemektir.

eğer (! class_exists ('BPC_Comment_Author_Role_Label')): class BPC_Comment_Author_Role_Label {public function __construct () {add_filter ('get_comment_author', array ($ this, 'bpc_get_comment_author_role);), 10, add_filter ('get_comment_author_link', array ($ this, 'bpc_comment_author_role')); } // Yorum yazar rolü işlevi al bpc_get_comment_author_role ($ author, $ comment_id, $ comment) {$ authoremail = get_comment_author_email ($ comment); // Kullanıcı kayıtlıysa eğer (email_exists ($ authoremail)) {$ commet_user_role = get_user_by ('email', $ authoremail); $ comment_user_role = $ commet_user_role-> roller [3]; // $ this-> comment_user_role = ' ' adının yanına eklenecek içerik . ucfirst ($ yorum_user_role). ' '; } başka {$ this-> comment_user_role = ''; } $ yazar döndür; } // Yorum fonksiyonunun yazarını göster bpc_comment_author_role ($ yazar) {return $ author. = $ This-> comment_user_role; }} yeni BPC_Comment_Author_Role_Label; endif;

Yukarıdaki bu kısa kod, yorum yazarının adını kullanıcı rol etiketini içerecek şekilde görüntülemek için kullanılan WordPress filtrelerine bağlanır.

Artık yorum içeren herhangi bir gönderiyi çalışırken görmek için ziyaret edebilirsiniz. Kayıtlı kullanıcılar tarafından yapılan yorumlar kullanıcı rollerini yorum yazarının adının yanında gösterecektir. Kayıtsız kullanıcılar tarafından yapılan herhangi bir yorum, yalnızca yorum yazarının adını gösterecektir.

role.png kullanıcısı ile örnek yorum

Artık kullanıcı rolünü eklediğimize göre, onu şekillendirmenin ve temizlemenin zamanı geldi.

Kodumuza, her kullanıcı rolü için bir CSS sınıfı ekledik, böylece bu CSS sınıflarını her bir kullanıcı rozetini farklı şekilde özelleştirmek için kullanabiliriz (yani, farklı renkler vb.)

Aşağıdaki CSS örneğini başlangıç ​​noktası olarak kullanabilirsiniz:

.comment-author-label {padding: 5px; font-size: 14px; sınır yarıçapı: 3px; } .com-yazar-etiket-editör {background-color: #efefef; } .com-yazar-etiket-yazar {background-color: #faeeee; } .com-yazar-etiket-katkıcı {background-color: #f0faee; } .comment-yazar-label-abone {background-color: #eef5fa; } .com-yazar-etiket-yönetici {background-color: #fde9ff; }

CSS'yi beğeninize göre ayarlamaktan çekinmeyin. Demo sitemiz şöyle görünüyordu:

sonuç gösteri sitesi css.png

Hepsi bu eğitim için, umarım personel üyelerinizin metinlerinin yanına bir rozet eklemenize izin verir.