WordPress'te Yazarın Yorumları Nasıl Vurgulanır?

Web sitenizdeki WordPress gönderilerinde yazarın yorumlarını vurgulamak ister misiniz?

Yazarın yorumlarını WordPress blogunuzda vurgulamak, etkileşim oluşturmanıza yardımcı olabilir. Kullanıcıların, yazarın tartışmaya aktif olarak katıldığını gördüklerinde yorum bırakma olasılıkları daha yüksektir.

Bu makalede, etkileşimi artırmak için yazarın WordPress'teki yorumlarını nasıl kolayca vurgulayacağınızı göstereceğiz.

Neden Yazarın Yorumlarını WordPress'te Vurgulamalısınız?

Yorumlar, web sitenizde kullanıcı katılımı oluşturmanın harika bir yoludur. Makaleleriniz hakkında daha fazla yorum almak istiyorsanız, tartışmalara aktif olarak katılarak bunu teşvik edebilirsiniz.

Yeni bir WordPress blogu için yorum denetimi sırasında yorumları kolayca yanıtlayabilirsiniz. Çok yazarlı bir blog çalıştırıyorsanız, yazarları da tartışmaya katılmaya teşvik edebilirsiniz.

Ancak çoğu WordPress teması, yorumlar arasında ayrım yapmaz ve bunları aynı stili kullanarak listeler.

Sıradan bir okuyucu, yazarın tartışmada katkıda bulunduğu ek içeriği fark etmeden yorumlar arasında gezinebilir.

Yazarın yorumlarını vurgulamak, bunu düzeltmenize yardımcı olur ve yazarın yorumlarının öne çıkmasını ve daha dikkat çekici olmasını sağlar.

Buradaki nihai hedef, yeni kullanıcıları yorumlara katılmaya ve nihayetinde bülteninize abone olmaya veya müşteri olmaya teşvik etmektir.

Bununla birlikte, WordPress'te yazar yorumlarının nasıl kolayca vurgulanacağına bir göz atalım.

WordPress'te Yorum Yazarını Vurgulama

Yorum yazarlarına göre yorumları vurgulamanın en kolay yolu, WordPress temanıza özel CSS eklemektir. Bu, gereken kodu kolayca eklemenize ve kaydetmeden web sitenizde nasıl görüneceğinin canlı bir önizlemesini görmenize olanak tanır.

İlk olarak, WordPress yönetici alanında Görünüm » Özelleştir'i ziyaret etmeniz gerekir. Bu, WordPress tema özelleştirici arayüzünü başlatacaktır. Solunuzdaki bir sütunda bir dizi seçenek ve web sitenizin canlı bir önizlemesini göreceksiniz.

Buradan Ek CSS sekmesine tıklamanız gerekiyor. Bu, Özel CSS'yi ekleyeceğiniz bir metin alanı açacaktır.

Ancak, uygulandığında özel CSS'nin nasıl görüneceğini görmek istersiniz. Bunu yapmak için, bir gönderi yazarının yorumlarını içeren bir blog gönderisine gitmeniz gerekir.

Yorumlar bölümüne ilerleyin ve ardından soldaki Özel CSS kutusuna aşağıdaki özel CSS'yi ekleyin.

.bypostauthor { 
background-color: #e7f8fb;
}

Girdiğiniz Özel CSS ile eşleşen yazar yorumu değişikliğini hemen fark edeceksiniz.

Peki tüm bunlar nasıl çalışıyor?

WordPress'in web sitenizin farklı alanlarına bazı varsayılan CSS sınıfları eklediğini görüyorsunuz. Bu CSS sınıfları, kullandığınız WordPress teması ne olursa olsun oradadır.

Bu örnek kodda, bir yazı yazarı tarafından eklenen tüm yorumlara eklenen .bypostauthor CSS sınıfını kullandık.

Daha da belirgin hale getirmek için biraz daha CSS stili ekleyelim. Burada, yazarın yorumlarına küçük bir 'Yazar' etiketi ekleyen ve yazarın avatar görüntüsünün etrafına bir kenarlık ekleyen örnek bir kod verilmiştir.

.bypostauthor:before { 
content:"Author";
float:right;
background-color:#FF1100;
padding:5px;
font-size:small;
font-weight:bold;
color:#FFFFFF;
}
.bypostauthor .avatar {
border:1px dotted #FF1100;
}

Test web sitemizde böyle görünüyordu.

WordPress'te Kullanıcı Rolüne Göre Yorumları Vurgulama

Artık birçok WordPress blogunda yorumları yanıtlamaktan sorumlu ekip üyeleri var. Popüler web sitelerinde, kullanıcı etkileşimini artırmak için tüm yorumları yanıtlayan yazar, yönetici ve moderatörler olabilir.

Gönderinin asıl yazarı olmayan bir personel tarafından eklenen bir yorumu nasıl vurgularsınız?

Bunu başarmak için kolay bir hack var. Ancak, WordPress web sitenize özel kod eklemenizi gerektirir. Bunu daha önce yapmadıysanız, WordPress'e nasıl kolayca özel kod ekleyeceğimize dair makalemize bakın.

Öncelikle aşağıdaki kodu kod parçacıkları eklentisine veya temanızın function.php dosyasına eklemeniz gerekiyor.

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 kod, yorum yazarının adının yanına kullanıcı rolü etiketini ekler. Bu, herhangi bir özel stil olmadan nasıl görüneceğidir.

Biraz özel CSS ekleyerek biraz daha güzel hale getirelim. Görünüm » Özelleştir sayfasına gidin ve Ek CSS sekmesine geçin.

Bundan sonra, yorumlarda kullanıcı rolü etiketine stil vermek için aşağıdaki 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;
}

Test sitemizde böyle görünüyordu. Kodu temanızın renklerine ve stiline uyacak şekilde değiştirmekten çekinmeyin.

Daha fazla ayrıntı için, WordPress yorumlarına kullanıcı rolü etiketlerinin nasıl ekleneceğiyle ilgili makalemizi okumak isteyebilirsiniz.

Bu makalenin, WordPress'te yazar yorumlarını nasıl vurgulayacağınızı öğrenmenize yardımcı olduğunu umuyoruz. Kullanıcıların web sitenizle nasıl etkileşime girdiğini görmek ister misiniz? WordPress'te kullanıcı etkileşiminin nasıl izleneceğine ve trafiğinizi artırmak için WordPress sitenize web push bildiriminin nasıl ekleneceğine ilişkin eğiticimize bakın.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.