Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Yorumların Yanına Kullanıcı Rolü Etiketi Ekleme

Okurlarımızdan biri kısa süre önce WordPress’te her yorumun yanında kullanıcı rollerini vurgulamanın mümkün olup olmadığını sordu. Bu yaygın bir sorudur ve birçok web sitesi sahibinin daha güçlü bir topluluk duygusu oluşturmak için bu özelliği eklemesine yardımcı olduk.

Kullanıcı rolü etiketini görüntüleyerek, hangi yorumların web sitenizdeki yazarlar, editörler ve yöneticiler gibi güvenilir kullanıcılardan geldiğini anında belirtebilirsiniz.

Bu makalede, WordPress’te yorumların yanına kullanıcı rolü etiketini nasıl kolayca ekleyebileceğinizi göstereceğiz.

Add user role next to comments in WordPress

WordPress’te Yorum Yazarı Adının Yanında Neden Kullanıcı Rolü Etiketi Gösteriliyor?

Web sitenizde kullanıcı kaydına izin veriyor sanız veya çok yazarlı bir WordPress web sitesi çalıştırıyorsanız, 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, yorumlarda adlarının yanında bir rozet göstererek diğer kullanıcıların bu yorumun bir editör tarafından yapıldığını bilmesini sağlar.

Hedef kitlenizde güven oluşturur ve web sitenizdeki yorumlara kullanıcı katılımını artırır.

Birçok WordPress teması yalnızca yazı yazarı tarafından yapılan yorumları vurgular. Diğer yorumlar kayıtlı kullanıcılar veya site yöneticileri tarafından yapılmış olsa bile diğer kullanıcı rolleri için etiket göstermezler.

Bununla birlikte, WordPress’te yorumların yanına kullanıcı rolü etiketinin nasıl kolayca ekleneceğine bir göz atalım.

WordPress’te Yorum Yazar Adının Yanına Kullanıcı Rolü Etiketi Ekleme

Bu eğitim WordPress tema dosyalarınıza kod eklemenizi gerektirmektedir. Bunu daha önce yapmadıysanız, lütfen WordPress’te kod parçacıklarının nasıl kopyalanıp yapıştırılacağına ilişkin kılavuzumuza bir göz atın.

Yapmanız gereken ilk şey, aşağıdaki kodu temanızın functions.php dosyasına, siteye özel bir eklentiye veya bir kod parçacıkları eklentisine eklemektir.

if ( ! class_exists( 'WPB_Comment_Author_Role_Label' ) ) :
class WPB_Comment_Author_Role_Label {
public function __construct() {
add_filter( 'get_comment_author', array( $this, 'wpb_get_comment_author_role' ), 10, 3 );
add_filter( 'get_comment_author_link', array( $this, 'wpb_comment_author_role' ) );
}
 
// Get comment author role 
function wpb_get_comment_author_role($author, $comment_id, $comment) { 
$authoremail = get_comment_author_email( $comment); 
// Check if user is registered
if (email_exists($authoremail)) {
$commet_user_role = get_user_by( 'email', $authoremail );
$comment_user_role = $commet_user_role->roles[0];
// HTML output to add next to comment author name
$this->comment_user_role = ' <span class="comment-author-label comment-author-label-'.$comment_user_role.'">' . ucfirst($comment_user_role) . '</span>';
} else { 
$this->comment_user_role = '';
} 
return $author;
} 
 
// Display comment author                   
function wpb_comment_author_role($author) { 
return $author .= $this->comment_user_role; 
} 
}
new WPB_Comment_Author_Role_Label;
endif;

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

Bu kodu WordPress için en iyi kod parçacıkları eklentisi olan WPCode kullanarak eklemenizi öneririz. Temanızın functions.php dosyasını düzenlemeden kod eklemenin en güvenli ve en kolay yoludur.

WPCode

Başlamak için ücretsiz WPCode eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Ayrıntılı talimatlar için bir WordPress eklentisinin nasıl kurulacağına ilişkin bu eğitime bakın.

Eklenti etkinleştirildikten sonra, WordPress kontrol panelinden Code Snippets ” + Add Sn ippet seçeneğine gidin. Buradan, ‘Özel Kodunuzu Ekleyin (Yeni Snippet)’ seçeneğinin altındaki ‘Snippet Kullan’ düğmesine tıklayın.

Add a new custom code snippet in WPCode

Ardından, sayfanın üst kısmına kod parçacığınız için bir başlık ekleyin. Bu, kodun ne için olduğunu hatırlamanıza yardımcı olacak herhangi bir şey olabilir.

Ardından, yukarıdaki kodu ‘Kod Önizleme’ kutusuna yapıştırın ve sağdaki açılır listeden kod türü olarak ‘PHP Snippet’i seçin.

Paste code snippet into the Code Preview box and select PHP Snippet

Bundan sonra, anahtarı ‘Etkin Değil’den ‘Etkin’e getirin ve ‘Snippet’i Kaydet’ düğmesine tıklayın.

Activate and save your custom code snippet

Artık yorum içeren herhangi bir gönderiyi ziyaret ederek uygulamayı görebilirsiniz.

Kayıtlı kullanıcılar tarafından yapılan yorumlar, yorum yazar adının yanında kullanıcı rollerini gösterecektir. Kayıtlı olmayan kullanıcılar tarafından yapılan yorumlarda yalnızca yorum yazarının adı görüntülenecektir.

User role label shown next to their comment

Kullanıcı rolünü eklediğimize göre, şimdi onu şekillendirmenin ve temiz görünmesini sağlamanın zamanı geldi.

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

Başlangıç noktası olarak aşağıdaki örnek CSS’yi kullanabilirsiniz:

.comment-author-label {
    padding: 5px;
    font-size: 14px;
    border-radius: 3px;
}
 
.comment-author-label-editor {  
background-color:#efefef;
}
.comment-author-label-author {
background-color:#faeeee;
}
 
.comment-author-label-contributor {
background-color:#f0faee;   
}
.comment-author-label-subscriber {
background-color:#eef5fa;   
}
 
.comment-author-label-administrator { 
background-color:#fde9ff;
}

CSS’yi istediğiniz gibi ayarlamaktan çekinmeyin. Demo web sitemizde bu şekilde görünüyordu:

User role badges displayed with their comments

Daha fazla ayrıntı için WordPress sitenize nasıl kolayca özel CSS ekleyebileceğinize ilişkin kılavuzumuza bakın.

Umarız bu makale WordPress’te yorumların yanına kullanıcı rolü etiketini nasıl ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca, WordPress yorumlarında gravatarların nasıl tembel yükleneceğine ilişkin kılavuzumuza ve WordPress yorumlarını iyileştirmek için en iyi eklentiler hakkındaki uzman seçimlerimize göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

10 yorumBir Cevap Bırakın

  1. Jack

    What if a user has multiple roles? Let say, I have a user with “verified” and “subscriber” roles. I need to put verified badge next to the comment author with “verified” role. How can I do this?

    • WPBeginner Support

      By default WordPress only allows a user to have 1 role at a time, if you’re using a plugin to allow for multiple roles then it would depend on the specific plugin that you are using :)

      Yönetici

  2. John

    How to integrate it in Profile Page or lets say, i want to add a code in about Me widget.

  3. Matt

    Hey,

    Great tutorial.

    Is there anyway to customize the text within the badge?

    Instead of the user role, displaying something like “Post Author”? I feel like displaying ‘Administrator’ for some blogs is a bit of a buzz kill and too serious.

  4. Kelly

    Instead of saying “Administrator” or whatever their role beside their name, if I wanted to show an icon based on user role, how could I do that? I’ve tried playing with your code but cannot figure out how to display a different icon based on user role.

    • Eddie

      That would be great. I’m looking for this so I can show an icon only for contributors

  5. Mahmudul Hasan

    where put the css code..?

  6. javad

    Hi this code is wrong and when I put it on functions.php my website got 500 error!!!

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.