Okurlarımızdan biri WordPress’te her yorumun yanında kullanıcı rolünü vurgulamanın mümkün olup olmadığını sordu.
Kullanıcı rolü etiketinin görüntülenmesi, web sitenizdeki kayıtlı kullanıcılar, özellikle yazarlar, editörler ve yöneticiler tarafından yapılan yorumlara ağırlık verir.
Bu makalede, WordPress’te yorumların yanına kullanıcı rolü etiketini nasıl kolayca ekleyebileceğinizi göstereceğiz.
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.
Kullanıcı güveni 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.
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.
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.
Bundan sonra, anahtarı ‘Etkin Değil’den ‘Etkin’e getirin ve ‘Snippet’i Kaydet’ düğmesine tıklayın.
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.
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:
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ı nasıl tembel yükleyeceğinize dair rehberimizi ve WordPress yorumlarını iyileştirmek için en iyi eklentiler hakkındaki uzman seçimlerimizi görmek 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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jack says
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 says
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
John says
How to integrate it in Profile Page or lets say, i want to add a code in about Me widget.
Matt says
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.
Kelly says
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 says
That would be great. I’m looking for this so I can show an icon only for contributors
Mahmudul Hasan says
where put the css code..?
WPBeginner Support says
Hi Mahmudul Hasan,
Please see our guide on how to add custom CSS in WordPress.
Yönetici
javad says
Hi this code is wrong and when I put it on functions.php my website got 500 error!!!
WPBeginner Support says
Hi Javad,
This code is working fine on our test site. 500 internal server error can be caused by many other things.
Yönetici