WordPress'te Yazar Yorumlarını Vurgulama

Yorum bölümünüz, topluluğunuzun canlandığı yerdir. Bağlantı, sohbet ve okuyucu etkileşimi için önemli bir alandır.

Yazar olarak yanıtlarınız bu etkileşimin önemli bir parçasıdır. Daha fazla tartışmayı teşvik etmek için sesinizin okuyucular tarafından kolayca bulunabilmesini sağlamak istersiniz.

Yorumlarınızı vurgulamak, hak ettikleri ilgiyi görmelerini sağlar. Bu basit dokunuş, tüm tartışma alanınızın daha profesyonel, düzenli ve etkileşimli görünmesini sağlar.

Küçük tasarım seçimlerinin kullanıcı deneyimi üzerinde büyük bir etkisi olabileceğine inanıyoruz. Ve bu, yapabileceğiniz en kolay ve en etkili değişikliklerden biridir.

Bu makalede, WordPress'te yazar yorumlarını nasıl kolayca öne çıkaracağınızı göstereceğiz.

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

Yorumlar, web sitenizde kullanıcı etkileşimi oluşturmanın harika bir yoludur. Makalelerinize daha fazla yorum almak istiyorsanız, tartışmalara aktif olarak katılarak bunu teşvik edebilirsiniz.

Yeni bir WordPress blogu için yorumlara kolayca yanıt verebilir ve okuyucularınızla tartışmalara katılabilirsiniz. Birden fazla yazara sahip bir blog yönetiyorsanız, yorum moderasyonuna yardımcı olmaları için yazarları da teşvik edebilirsiniz.

Ancak, çoğu WordPress teması yorumları ayırt etmez ve aynı stilde listelenir.

Sıradan bir okuyucu, yazarın tartışmaya yaptığı ek katkının farkında olmadan yorumlar arasında gezinebilir.

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

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

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

WordPress'te Yorum Yazarını Vurgulama

Yazı yazarına göre yorumları öne çıkarmanı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ı ö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. Sol sütunda bir dizi seçenek ve web sitenizin canlı bir önizlemesini göreceksiniz.

Buradan, 'Ek CSS' sekmesine tıklamanız gerekir.

Bu, özel CSS'yi ekleyeceğiniz bir metin alanı açacaktır.

Ancak, özel CSS'nin uygulandığında nasıl görüneceğini görmek isteyeceksiniz.

Bunu yapmak için, bir gönderinin yazarının yorumlarını içeren bir gönderi gönderisine gitmeniz gerekir.

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

.bypostauthor { 
background-color: #e7f8fb;
}

Yazar yorumunun girdiğiniz özel CSS ile eşleştiğini hemen fark edeceksiniz.

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

Gördüğünüz gibi, WordPress web sitenizin farklı alanlarına bazı varsayılan CSS sınıfları ekler. Bu CSS sınıfları, hangi WordPress temasını kullandığınıza bakılmaksızın mevcuttur.

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

Daha belirgin hale getirmek için biraz daha CSS stili ekleyelim. İşte yazı yazarına ait yorumlara küçük bir 'Yazar' etiketi ve yazarın avatar görüntüsü etrafına bir kenarlık ekleyen örnek bir kod.

.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 görünümü bu şekildeydi.

WordPress'te Kullanıcı Rolüne Göre Yorumları Öne Çıkarma

Şimdi, birçok WordPress blogunda yorumları yanıtlamaktan sorumlu ekip üyeleri var. Popüler web sitelerinde kullanıcı etkileşimini artırmak için yazı yazarı, yönetici ve moderatörlerin tümü yorumları yanıtlayabilir.

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

Bunu başarmak için kolay bir hile var. Ancak, WordPress web sitenize özel kod eklemenizi gerektirir. Bunu daha önce yapmadıysanız, web'den WordPress'e kod parçacıkları yapıştırma hakkındaki makalemize bakın.

İlk olarak, aşağıdaki kodu temanızın functions.php dosyasına veya bir kod parçacıkları eklentisine eklemeniz gerekir:

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;

Temanızın functions.php dosyasını düzenlemek yerine, bu kodu WPCode ile eklemenizi öneririz.

Bu kod parçacığı eklentisi, WordPress'e özel kod eklemeyi güvenli ve kolay hale getirir.

Başlamak için ücretsiz WPCode eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Yardıma ihtiyacınız olursa, bir WordPress eklentisinin nasıl kurulacağına dair kılavuzumuza bakın.

Eklenti etkinleştirildikten sonra, WordPress kontrol panelinizden Kod Parçacıkları » Parçacık Ekle bölümüne gidin.

Ardından, fare imlecini 'Özel Kodunuzu Ekleyin (Yeni Parça)' seçeneğinin üzerine getirin ve 'Özel Parça Ekle' düğmesine tıklayın.

Ardından, ekranda görünen seçeneklerden kod türü olarak 'PHP Parçacığı'nı seçin.

Şimdi, kod parçacığınız için bir başlık ekleyebilir ve yukarıdaki kodu 'Kod Önizleme' kutusuna yapıştırabilirsiniz.

Bundan sonra, anahtarı 'Etkin Değil'den 'Etkin'e getirin ve sayfanın üst kısmındaki 'Kod Parçasını Kaydet' düğmesine tıklayın.

Bu kod, yorum yazarının adının yanında kullanıcı rolü etiketini ekler. Özel bir stil olmadan bu şekilde görünür.

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

Yorumlardaki kullanıcı rolü etiketini stilize etmek 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 görünümü bu şekildeydi. Renklerinizi ve stilinizi eşleştirmek için kodu değiştirmekten çekinmeyin.

Daha fazla ayrıntı için, WordPress yorumlarına kullanıcı rolü etiketleri ekleme hakkındaki makalemizi okumak isteyebilirsiniz.

Umarız bu makale, WordPress'te yazar yorumlarını nasıl öne çıkaracağınızı öğrenmenize yardımcı olmuştur. Ayrıca, geri dönen ziyaretçiler için yeni gönderileri WordPress'te nasıl öne çıkaracağınız hakkındaki öğreticimizi ve WordPress için en iyi yazar biyografisi kutusu eklentileri hakkındaki uzman seçimlerimizi de görmek isteyebilirsiniz.

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