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

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.