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şturmak için harika bir yoldur. 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. Eğer çok yazarlı bir blog yönetiyorsanız, yazarları da yorum moderasyonuna yardımcı olmaya teşvik edebilirsiniz.

Ancak, çoğu WordPress teması yorumlar arasında ayrım yapmaz ve aynı stil kullanılarak listelenirler.

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 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
• WordPress'te Kullanıcı Rolüne Göre Yorumları Öne Çıkarma

WordPress'te Yorum Yazarını Vurgulama

Gönderi yazarı tarafından yapılan yorumları vurgulamanın en kolay yolu, WordPress temanıza özel CSS eklemektir. Bu, gereken kodu kolayca eklemenizi ve web sitenizde nasıl görüneceğinin canlı bir önizlemesini kaydetmeden görmenizi sağlar.

İ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. Solunuzda bir sütunda birçok seçenek ve web sitenizin canlı önizlemesini fark edeceksiniz.

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örüyorsunuz, WordPress web sitenizin farklı alanlarına bazı varsayılan CSS sınıfları ekler. Bu CSS sınıfları, hangi WordPress temasını kullanırsanız kullanın mevcuttur.

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

Daha da belirgin hale getirmek için bazı CSS stilleri ekleyelim. İşte gönderi yazarına ait yorumlara küçük bir 'Yazar' etiketi ve yazarın avatar görüntüsünün 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

Artık birçok WordPress blogunda yorumları yanıtlama konusunda sorumlu ekip üyeleri bulunuyor. Popüler web sitelerinde kullanıcı etkileşimini artırmak için gönderi yazarı, yönetici ve moderatörlerin hepsi 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 eklemeniz gerekir. Bunu daha önce yapmadıysanız, web'den WordPress'e kod parçacıkları yapıştırma konusundaki makalemize bakın: web'den WordPress'e kod parçacıkları yapıştırma.

Öncelikle, 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; 

Tema'nı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, yeni başlayanlar için adım adım WordPress eklentisi yükleme 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ım bu makale, WordPress'te yazar yorumlarını nasıl vurgulayacağınızı öğrenmenize yardımcı olmuştur. Ayrıca, geri dönen ziyaretçiler için yeni gönderileri vurgulama hakkındaki eğitimimizi 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.