WordPress Yorum Formu Nasıl Özelleştirilir?

Bir WordPress web sitesi üç ana bölümden, gönderilerden, sayfalardan ve yorumlardan oluşur. Varsayılan olarak, her bölüm en temel biçimindedir.

Bununla birlikte, WordPress'te temanızdaki her bir dosyayı özelleştirebilir ve yapıyı değiştirebilirsiniz.

Her gönderinin altındaki yorum formu özellikle önemlidir. Ama önce, bu bölüm okuyuculara ve kullanıcılara çekici gelmelidir. Ne yazık ki, varsayılan temalar WordPress kullanıcılarına çekici gelmiyor.

Yorum formu çekiciyse, kullanıcılar yorumlarını göndermeye ve gönderilerinizin altındaki yorum formunda tartışmaya katılmaya teşvik edilir.

Bu yazıda, temanızdaki kodları değiştirerek WordPress yorum formunu nasıl özelleştireceğinizi tartışıyoruz. Ayrıca, bu bölümü daha çekici hale getirmek için eklentiler sunuyoruz.

Yorum Formunun Yazı Tipini Değiştirin

CSS sınıflarını kullanarak, giriş kutularında metinlerin nasıl görüneceğini değiştirebilirsiniz. Örneğin, aşağıdaki kodda yazar, e-posta adresi ve URL'nin yazı tipini değiştiriyoruz. Kodu style.css dosyanıza eklemeniz yeterlidir:

 #author, #email { font-family: "Open Sans", "Droid Sans", Arial; font-style:italic; color:#1d1d1d; letter-spacing:.1em; } #url { color: #1d1d1d; font-family: "Luicida Console", "Courier New", "Courier", monospace; }

Yorum Gönder Düğmesini Değiştir

WordPress'te yorum gönder düğmesinin görünümünü değiştirmek için style.css dosyanızda aşağıdaki kodu kullanın:

 #submit { background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%); background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%); background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%); background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%); background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%); background-color:#44c767; -moz-border-radius:28px; -webkit-border-radius:28px; border-radius:28px; border:1px solid #18ab29; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:17px; padding:16px 31px; text-decoration:none; text-shadow:0px 1px 0px #2f6627; } #submit:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767)); background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%); background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%); background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%); background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%); background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%); background-color:#5cbf2a; } #submit:active { position:relative; top:1px; }

WordPress yorum formundaki yorum gönder düğmesinin adını değiştirmek için, function.php dosyasındaki aşağıdaki kodu kullanın veya WordPress yorum formunu özelleştirmeniz gereken eklentiye ekleyin:

 $commenter = wp_get_current_commenter(); $req = get_option( 'require_name_email' ); $aria_req = ( $req ? " aria-required='true'" : '' ); $fields = array( 'author' => '<p class="comment-form-author">' . '<label for="author">' . __( 'Name' ) . '</label> ' . ( $req ? '<span class="required">*</span>' : '' ) . '<input name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' /></p>', 'email' => '<p class="comment-form-email"><label for="email">' . __( 'Email' ) . '</label> ' . ( $req ? '<span class="required">*</span>' : '' ) . '<input name="email" type="text" value="' . esc_attr( $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . ' /></p>', ); $comments_args = array( 'fields' => $fields, 'label_submit' => 'Send My Comment' ); comment_form($comments_args);

Web Sitesi URL Alanını Yorum Formundan Kaldır

WordPress yorum formundaki URL alanı, spam gönderenler için çok çekicidir.

Bu alanı basitçe kaldırarak spam gönderenlerin web sitenize yorum göndermesini engelleyemezsiniz, ancak bir spam göndericinin URL alanına uygunsuz bir URL yazmasını engellersiniz.

Ayrıca, bu alanı kaldırarak yorum göndermek kullanıcılarınız için çok daha kolay hale gelir.

Web sitesi URL alanını kaldırmak için aşağıdaki kodu function.php dosyanıza kopyalayın:

 $commenter = wp_get_current_commenter(); $req = get_option( 'require_name_email' ); $aria_req = ( $req ? " aria-required='true'" : '' ); $fields = array( 'author' => '<p class="comment-form-author">' . '<label for="author">' . __( 'Name' ) . '</label> ' . ( $req ? '<span class="required">*</span>' : '' ) . '<input name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' /></p>', 'email' => '<p class="comment-form-email"><label for="email">' . __( 'Email' ) . '</label> ' . ( $req ? '<span class="required">*</span>' : '' ) . '<input name="email" type="text" value="' . esc_attr( $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . ' /></p>', ); $comments_args = array( 'fields' => $fields ); comment_form($comments_args);

Yorum Formuna Alan Ekleme

Comment_form_default_fields filtresini kullanarak, WordPress yorum formuna yeni alanlar ekleyebilirsiniz.

Tema dosyalarını manuel olarak değiştirmeden eklentilerden yorum formunu özelleştirmek istediğinizde filtreleri kullanmak kullanışlı hale gelir.

Örneğin, aşağıdaki kodda, WordPress yorum formuna age alanını ekleyeceğiz:

 function add_comment_fields($fields) { $fields['age'] = '<p class="comment-form-age"><label for="age">' . __( 'Age' ) . '</label>' . '<input name="age" type="text" size="30" /></p>'; return $fields; } add_filter('comment_form_default_fields','add_comment_fields');

Yorum Formuna reCAPTCHA Ekle

reCAPTCHA, web sitenizin güvenliğini artırır ve spam göndericilerin web sitenizde yorum yayınlamasını engeller.

Görünmez reCAPTCHA eklentisi, WordPress'e reCAPTCHA eklemek için kullanabileceğiniz en iyi eklentilerden biridir.

reCAPTCHA, Google tarafından desteklenen bir hizmettir ve botları insanlardan ayırmak için tasarlanmıştır. Güvenlik sorularını yalnızca bir kişi yanıtlayabilir ve botlar reCAPTCHA güvenlik katmanlarını atlayamaz.

Muhtemelen anlayabileceğiniz gibi, Invisible reCAPTCHA eklentisi görünmez bir eklentidir. İnsan mı yoksa bot mu olduğunuzu belirlemek için fare işaretçinizi ve IP adresinizi izler.

Bu eklenti, yorum formunu filtreler ve spam göndericilerin yorum göndermesini engeller. Bu, Invisible reCAPTCHA eklentisinin önemli bir özelliğidir.

Yorum formuna reCAPTCHA eklemek için WordPress panosundan Eklentiler ve Yeni Ekle'ye gidin. Arama kutusuna Görünmez reCAPTCHA yazın ve ardından yüklemeye ve etkinleştirmeye devam edin. Web sitenizde Görünmez reCAPTHCA'yı yapılandırmak için aşağıdaki adımları izleyin

Bu hizmet Google tarafından desteklenmektedir. Bu nedenle, Google reCAPTCHA'da bir hesap oluşturmanız gerekir:

• Bu bağlantıyı açın https://www.google.com/recaptcha/admin/create
• reCAPTCHA'yı hesabınıza bağlamak için gerekli bilgileri girin.

• Ardından Gönder'e tıklayarak kayıt olun.

• Kayıt işlemi bittiğinde, size bir Site anahtarı ve Gizli anahtar görüntülenecektir. Bunları bir not defterine kopyaladığınızdan emin olun. Eklentiyi etkinleştirmek için bu anahtarlara ihtiyacınız olacak.
• Bir sonraki adımda istediğimiz özellikleri aktif hale getirmemiz gerekiyor. WordPress panosuna ve ardından Görünmez reCAPTCHA Ayarlarına gidin.

Ayarlarda birkaç sekme var. Yorum bölümünde reCAPTCHA'yı etkinleştirmek için “Korumadan Yorumları Etkinleştir” seçeneğini işaretlemeniz gerekir.

Son olarak, değişiklikleri kaydedin.

Yorum Bölümünüzün Başlığını Değiştirin

WordPress yorum formunun üstündeki başlığı değiştirmek için aşağıdaki kodu function.php dosyasına veya WordPress yorum formunu özelleştirmek için kullandığınız eklentiye ekleyin:

 $commenter = wp_get_current_commenter(); $req = get_option( 'require_name_email' ); $aria_req = ( $req ? " aria-required='true'" : '' ); $fields = array( 'author' => '<p class="comment-form-author">' . '<label for="author">' . __( 'Name' ) . '</label> ' . ( $req ? '<span class="required">*</span>' : '' ) . '<input name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' /></p>', 'email' => '<p class="comment-form-email"><label for="email">' . __( 'Email' ) . '</label> ' . ( $req ? '<span class="required">*</span>' : '' ) . '<input name="email" type="text" value="' . esc_attr( $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . ' /></p>', ); $comments_args = array( 'fields' => $fields, 'title_reply'=>'Please give us your valuable comment', ); comment_form($comments_args);

Metin Alanını Formun En Altına Taşı

Varsayılan olarak, WordPress sürüm 4.4'ten sonra, yorumlar bölümünde ilk alan metin alanı, ardından ad, e-posta ve web sitesi URL'sidir.

Önceki sürümlerde, önce ad, e-posta ve web sitesi URL'si, ardından metin alanıydı. Web sitenizde daha eski formatı kullanmak istiyorsanız, WordPress yorum formunu özelleştirmek için aşağıdaki kodu function.php dosyasına veya kullandığınız eklentiye kopyalamanız yeterlidir:

 function wpb_move_comment_field_to_bottom( $fields ) { $comment_field = $fields['comment']; unset( $fields['comment'] ); $fields['comment'] = $comment_field; return $fields; }

Bu kod, metin alanını yorum formunun en altına taşır.

WordPress Yorumlarına E-posta Aboneliği Ekleyin

Bir kullanıcı web sitenize yorum gönderdiğinde, yanıtlar hakkında bildirim almak isteyebilir.

Yorum bölümünde Abone Ol onay kutusunu düşünürseniz, kullanıcılar e-posta adreslerini kontrol edebilir ve bildirim alabilir.

Bu özelliği eklemek için, Comments Reloaded'a Abone Ol eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Eklentiyi yapılandırmak için Ayarlar'da Yorumlara Abone Ol'a tıklayın.

Eklentiyi yapılandırarak, WordPress yorum bölümündeki onay kutusunu etkinleştirirsiniz. WordPress kullanıcılarının yorumlara abone olmak ve e-posta bildirimleri almak için mutlaka yorum göndermeleri gerekmediğini unutmayın.

WordPress Yorum Bölümüne Metin Düzenleyicisi Ekleme (Yorumlarda Hızlı Etiketler)

Hızlı etiketler, yorum formunda metin alanının üzerinde gördüğünüz seçeneklerdir. Hızlı etiketler bir metnin yazı tipini ve stilini değiştirmek için kullanılır, bunları metne kalın, bağlantı eklemek vb. için kullanabilirsiniz.

Hızlı Etiketler eklemek için Yorum Formu Hızlı Etiketler eklentisini yüklemeniz ve etkinleştirmeniz gerekir.

Ardından, Ayarlar'da tartışmalara tıklayın ve Hızlı Etiketleri arayın ve etkinleştirin. Son olarak, değişikliklerinizi kaydedin.

CSS'yi Düzenle, Yorumlara Stil Ekle

Yorum bölümünüzün CSS'sini değiştirmek istiyorsanız, aşağıdaki kodu kopyalayıp style.css dosyasına yapıştırın:

 /* ## Comments --------------------------------------------- */ .comment-respond, .entry-pings, .entry-comments { color: #444; padding: 20px 45px 40px 45px; border: 1px solid #ccc; overflow: hidden; background: #fff; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); border-left: 4px solid #444; } .entry-comments h3{ font-size: 30px; margin-bottom: 30px; } .comment-respond h3, .entry-pings h3{ font-size: 20px; margin-bottom: 30px; } .comment-respond { padding-bottom: 5%; margin: 20px 1px 20px 1px; border-left: none !important; } .comment-header { color: #adaeb3; font-size: 14px; margin-bottom: 20px; } .comment-header cite a { border: none; font-style: normal; font-size: 16px; font-weight: bold; } .comment-header .comment-meta a { border: none; color: #adaeb3; } li.comment { background-color: #fff; border-right: none; } .comment-content { clear: both; overflow: hidden; } .comment-list li { font-size: 14px; padding: 20px 30px 20px 50px; } .comment-list .children { margin-top: 40px; border: 1px solid #ccc; } .comment-list li li { background-color: #f5f5f6; } .comment-list li li li { background-color: #fff; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond label { display: block; margin-right: 12px; } .entry-comments .comment-author { margin-bottom: 0; position: relative; } .entry-comments .comment-author img { border-radius: 50%; border: 5px solid #fff; left: -80px; top: -5px; position: absolute; width: 60px; } .entry-pings .reply { display: none; } .bypostauthor { } .form-allowed-tags { background-color: #f5f5f5; font-size: 16px; padding: 24px; } .comment-reply-link{ cursor: pointer; background-color: #444; border: none; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 300; letter-spacing: 1px; padding: 4px 10px 4px; text-transform: uppercase; width: auto; } .comment-reply-link:hover{ color: #fff; } .comment-notes{ display:none; }

Belirli Bir Gönderi Türü İçin Yorumları Özelleştirin

Belirli bir gönderi türünün WordPress yorum formuna alanlar eklemek veya kaldırmak isteyebilirsiniz. Örneğin, aşağıdaki kodda, Filmler gönderi türündeki Yaş alanını görebilirsiniz:

 function add_comment_fields($fields) { if( is_singular( 'Movies' ) ) { $fields['age'] = '<p class="comment-form-age"><label for="age">' . __( 'Age' ) . '</label>' . '<input name="age" type="text" size="30" /></p>'; } return $fields; }add_filter('comment_form_default_fields','add_comment_fields');

WordPress Yorum Formunu Özelleştirmek için En İyi Eklentiler

Daha önce de belirttiğimiz gibi, WordPress varsayılan temaları oldukça basittir.

Ek olarak, her gönderinin altında yayınlanan yorumlar ziyaretçileri sitenin içeriğine bakmaya teşvik etse de, bazı web sitesi yöneticileri spam göndericilerin yorum göndermesini önlemek için yorum bölümünü devre dışı bırakmayı tercih ediyor.

Her durumda, WordPress'te bir yorum bölümünün etkinleştirilmesini istediyseniz, WordPress yorum formunu özelleştirmenize yardımcı olabilecek birçok harika eklenti vardır. Bu türdeki bazı faydalı eklentileri tanıtalım:

Jet Paketi

JetPack, bir yorum eklentisinden daha fazlasıdır. Bu eklentide 20'den fazla modülünüz var ve bu eklentinin en önemli özelliği eski yorum formunu kullanabilmenizdir.

Kullanıcılar, yorum bölümündeki alanların her birini doldurmadan yorum yazabilir ve ayrıca yorum göndermek için sosyal medya hesaplarını kullanabilirler.

Ancak, kullanıcıların sosyal medya hesaplarını kullanmaları zorunlu değildir, alanları her zaman manuel olarak doldurabilirler.

Disqus

Disqus yorum sistemi, yorum türündeki popüler eklentilerden biridir. Bu eklenti WordPress topluluğunda çok popüler olmasına rağmen, birçok dezavantajı ve avantajı ile birlikte gelir ve WordPress kullanıcıları arasında birçok destekçi ve anti-Disqus bulmuştur.

Aşağıda bu eklentinin bazı avantajları bulunmaktadır:

• WordPress yorum formuna göre daha iyi bir tasarıma sahiptir.
• Kullanıcılar yorumları daha yeni ve daha eskiye göre sıralayabilir. Ayrıca, en sevdikleri yorumları başkalarına önerebilirler.
• Web sitenizdeki diğer içerikleri kullanıcılara önerir.
• Web sitenizde çok fazla yorumunuz varsa, WordPress sunucusundan gönderme ve alma işlemlerini azaltmak için Disqus eklentisini kullanmanız önerilir.
• Yorumları WordPress veritabanınızla senkronize eder. Böylece istediğiniz zaman WordPress varsayılan yorum formuna geri dönebilirsiniz.
• Bir Disqus hesabıyla kullanıcılar bu eklentiyi kullanan web sitelerine yorum yapabilir. Bu nedenle, kullanıcılar başka bir web sitesindeyse, yanıt bildirimini görür görmez yorumlarına geri dönebilirler.

Disqus'un dezavantajları:

• Yorum yapmak için Disqus'ta bir hesabınızın olması gerekir. Eski WordPress yorum formunda yorum yazmak için kayıt olmanız gerekmiyordu.
• Reklamları devre dışı bırakmanız gerekiyor. Aksi takdirde, Disqus bağlantılarını diğer web sitelerinde kullanabilir.
• Bazı kullanıcılar, Disqus hizmetlerinden ayrıldıktan sonra bu eklentinin URL'sini yorum bölümünde bıraktığını fark etti.

Popülerliğinin temel nedeni kullanıcı dostu arayüzü ve yorumlarınızın boyutunu küçültmesidir. Son olarak, eklentiyi web sitenize yüklemeden önce bu eklentinin gerektirdiği gizliliğe ekstra dikkat etmenizi öneririz.

Bu eklentiyi web sitenize kurmayı planlıyorsanız, Disqus Conditional Load'u da indirmenizi öneririz. Bu eklenti, yorum bölümünüzü yüklemek için gereken süreyi artırır, bu nedenle web siteniz daha hızlı yüklenir.

Basit Yorum Düzenleme

Basit Yorum Düzenleme, varsayılan WordPress yorum formunda basit bir değişiklik yapar. Yorumları gönderdikten 5 dakika sonra düzenleme olanağı sağlar.

Araştırmacılara göre, kullanıcılar bir yorum yayınladıktan sonra yazım hataları yaptıklarını fark ediyor. Bu eklenti ile aynı yorumu yayınlamak için ikinci bir şansları var.

Yorumlar için Tembel Yük

Lazy Load for Comments, web sitenize yeni özellikler eklemez, ancak web sitenizi optimize eder. Bir web sitesi hızlı yüklenirse, kullanıcıları memnun ve mutlu olur.

Lazy Load for Comments eklentisi, yorumlarınızın yüklenme süresini azaltır.

Yorum bölümü her zaman sayfanın altında görünür, bu nedenle kullanıcılar sayfayı aşağı kaydırırken veya gönderiyi kaydırırken yorum bölümü onlar için yüklenir.

Çözüm

Yorum bölümü herhangi bir web sitesinde çok önemlidir. Basit bir deyişle, yorum bölümünde topluluğunuzu oluşturabilirsiniz.

Varsayılan WordPress yorum formu kimseye çekici gelmese de, neyse ki, bu platform çok özelleştirilebilir ve yorum bölümünü bile her bölümünü özelleştirebilirsiniz.

Sonuç olarak, web sitenizin tasarımına göre WordPress yorum formunu özelleştirebilirsiniz.