Jannah Theme License is not validated, Go to the theme options page to validate the license, You need a single license for each domain name.
Nasıl Yapılır?

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

Okuyucularımızdan biri, WordPress’teki her yorumun yanındaki kullanıcı rolünü vurgulamanın mümkün olup olmadığını sordu. Kullanıcı rolü etiketini görüntülemek, web sitenizdeki kayıtlı kullanıcılar tarafından yapılan yorumlara, özellikle de yazarlara, editörlere ve yöneticilere ağırlık verir. Bu makalede, WordPress’teki yorumların yanında kolayca kullanıcı rolü etiketinin nasıl ekleneceğini göstereceğiz.

Web sitenize kullanıcı kaydına izin verirseniz veya çok yazarlı bir WordPress web sitesini çalıştırırsanız , kullanıcı etiketleri kullanıcı rollerini kullanıcılaragöre tanıtabilir .

Örneğin, editör kullanıcı rolüne sahip kullanıcılar, diğer kullanıcıların bu yorumun bir editör tarafından yapıldığını bilmesini sağlayan yorumlarda adlarının yanında bir rozet gösterir.

Bu kullanıcı güvenini oluşturur ve web sitenizdeki yorumlarda kullanıcı katılımını artırır.

Birçok WordPress teması sadece yazarın yazdığı yorumları öne çıkarır . Kayıtlı kullanıcılar veya site yöneticileri tarafından başka yorumlar yapılsa bile diğer kullanıcı rollerine ait etiketler göstermezler.

Bu söylenecek olursa, WordPress’teki yorumların yanında kolayca kullanıcı rolü etiketinin nasıl ekleneceğine bir göz atalım.

Kullanıcı Rolü Etiketinin Eklenmesi Yorumun yanında WordPress’te Yazar Adı

Bu eğitici, WordPress tema dosyalarınıza kod eklemenizi gerektirir. 

Yapmanız gereken ilk şey, aşağıdaki kodu temalarınızın functions.php dosyasına veya siteye özgü bir eklentiye 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;

Bu işlev kodu , kullanıcı rolü etiketini içerecek şekilde yorum yazarı adını görüntülemek için kullanılan WordPress filtrelerine kancalar .

Artık herhangi bir gönderiyi yorumda bulunmak için hareket halinde görebilirsin. Kayıtlı kullanıcılar tarafından yapılan yorumlar, kullanıcı rollerini yorum yazarı adının yanında görüntüler. Kayıtlı olmayan kullanıcılar tarafından yapılan herhangi bir yorum sadece yorum yazarı adını gösterir.

Artık kullanıcı rolünü ekledik, stil oluşturmanın ve temiz görünmesinin zamanı geldi.

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

Aşağıdaki örnek CSS’yi başlangıç ​​noktası olarak 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 beğeninize göre ayarlamaktan çekinmeyin. Demo web sitemize böyle baktık:

Bu makalenin, WordPress’teki yorumların yanında kullanıcı rolü etiketini nasıl ekleyeceğinizi öğrenmenize yardımcı olacağını umuyoruz.

İlgili Makaleler

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu