WordPress Yorum Formunda Nasıl Stil Yapılır (Ana Kılavuz)

Web sitenizdeki WordPress yorum formunu değiştirmek ister misiniz? Yorumlar web sitesinde kullanıcı katılımı oluşturmada önemli bir rol oynamaktadır. Çekici kullanıcı dostu yorum formu kullanıcıları tartışmaya katılmaya teşvik eder. Bu yüzden WordPress yorum formlarının nasıl kolayca düzenleneceğine dair ana kılavuzu yaptık.

WordPress temasına başlamadan önce web sitenizin görünümünü kontrol eder. Her WordPress teması, şablon dosyaları, işlev dosyaları, javascript ve stil sayfası gibi çeşitli dosyalarla donatılmıştır. Stylessheet, WordPress temanız tarafından kullanılan tüm öğeler için CSS kuralları içerir. Tema stilinizin kurallarını değiştirmek için kendi özel CSS’nizi ekleyebilirsiniz.
Bunu daha önce hiç yapmadıysanız, yeni başlayanlar için WordPress’e özel CSS’nin nasıl ekleneceğine dair makalemize bakın. CSS’nin yanı sıra, WordPress yorum formunuzun görünümünü değiştirmek için birkaç işlev eklemeniz de gerekebilir. Bunu daha önce hiç yapmadıysanız, lütfen WordPress’e kodu nasıl kopyalayacağınız ve ekleyeceğinizle ilgili makalemize bakın. Bu nedenle, WordPress yorum formlarını nasıl düzenleyeceğinize bakalım. Bu oldukça kapsamlı bir rehber olduğundan, kolay gezinme için bir içerik tablosu yaptık:
CSS Varsayılan Sınıfı ile WordPress yorumlarını değiştirin
WordPress yorum formuna sosyal giriş ekleyin
Yorum Politikası Metnini WordPress Yorum Formuna ekleyin
Yorum metninin metnini aşağı hareket ettirin
Web sitesi alanını (URL) WordPress yorum formundan silin
WordPress’teki yorumlara bir abonelik onay kutusu ekleyin
WordPress yorumlarına QuickTags ekleyin
WordPress’teki Yorum Formunun Stilini Değiştirin Çoğu WordPress temalarında yorumlar.php adlı bir şablon vardır. Bu dosya, blog yayınınızda yorum ve yorum formlarını görüntülemek için kullanılır. WordPress yorum formu şu işlev kullanılarak oluşturulur: . Bu alanların her birini yalnızca CSS varsayılan sınıfına uğraşarak kolayca değiştirebilirsiniz. Aşağıda, WordPress’in her yorum formuna eklediği CSS varsayılan sınıflarının bir listesi bulunmaktadır.
#Yanıt Title {}
#İptal-comment-reply-link {}
#CommentForm {}
#Yazar {}
#EMAil {}
#Url {}
#Yorum
#Göndermek
.Comment-Notes {}
.gereklidir {}
.Comment-form-yazarı {}
.Comment-form-e-posta {}
.Comment-form-surl {}
.Comment-Form-Comment {}
.Comment-form-Cookies-consent {}
.Form-firsted-etiketler {}
.Form-dubmit
Sadece bu CSS sınıfıyla uğraşarak, WordPress yorum formunuzun görünümünü ve hissini tamamen değiştirebilirsiniz.
Devam edelim ve birkaç şeyi değiştirmeye çalışalım, böylece nasıl çalıştığı hakkında iyi bir fikir edinebilirsiniz. İlk olarak, aktif formlar alanını vurgulayarak başlayacağız. Formunuzu özel ihtiyaçları olan kişiler tarafından aktif olarak daha kolay erişilebilir hale getiren alanı vurgulamak ve ayrıca yorum formunuzu daha küçük cihazlarda daha iyi göstermesini sağlar.
#yanıtlamak {
Arka plan: #fbfbfb;
Dolgu: 0 10px 0 10px;
}
/ * Etkin form alanını vurgulayın */
#sorumlu giriş [type = text], textAea {
-Webkit-Transition: 0.30’ların tümü kolaylık; -moz-Transition: Tüm 0.30S kolaylık;
-MS-Transition: Tüm 0.30’ların kolaylığı;
-O-geçiş: 0.30’ların tümü kolaylık;
Anahat: Yok;
Dolgu: 3px 0px 3px 3px;
Marj: 5px 1px 3px 0px;
Sınır: 1px katı #dddddd;
}
#sorumlu giriş [type = metin]: Odak,
Giriş [Type = E -posta]: Odak,
Giriş [Type = url]: Odak,
Textarea: Odak {
Box-Shadow: 0 0 5px RGBA (81, 203, 238, 1);
Marj: 5px 1px 3px 0px;
Sınır: 2px katı RGBA (81, 203, 238, 1);
}
Bu, değişiklikten sonra WordPress yirmi on altı teması üzerindeki formumuzun gösterilmesidir:
Bu sınıfları kullanarak, metnin giriş kutusunda nasıl göründüğünün davranışını değiştirebilirsiniz. Yazarın adının ve URL alanının metin stiline devam edip değiştireceğiz.
#Author, #Email {

Yazı Tipleri: “Açık Sans”, “Droid Sans”, Arial;
yazı tipi tarzı: italik;
Renk:#1D1D1D;
Harf alanları: .1em;
}
#Url {
Renk: #1D1D1D;
Yazı tipi ailesi: “Luicida konsolu”, “kurye yeni”, “kurye”, monospas;
}
Aşağıdaki ekran görüntülerine çok dikkat ederseniz, e -posta alanının adı ve yazı tipi, web sitesinin web sitesinden farklıdır.
WordPress yorum formunun stilini de değiştirebilirsiniz. Varsayılan Gönder düğmesini kullanmak yerine, bazı CSS3 gradyanları ve gölge kutuları verelim.
#Sunmak {

Arka plan: -moz-linear-gradyan (üst, #44C767%5, #5CBF2A%100);
Arka plan: -Webkit-linear-gradyan (üst, #44C767%5, #5CBF2A%100);
Arka plan: -o-doğrusal gradyan (üst, #44C767%5, #5CBF2A%100);
Arka plan: -MS-Linear-Sınıf (üst, #44C767%5, #5CBF2A%100);
Arka plan: doğrusal gradyan (dibe, #44C767%5, #5CBF2A%100);
Arka Plan rengi:#44C767;
-Moz-Sınırlı-Radius: 28px;
-Webkit-Sınırlı-Radius: 28px;
Border-Radius: 28px; Sınır: 1px katı #18ab29;
Ekran: satır içi blok;
İmleç: işaretçi;
Renk: #ffffff;
Yazı tipi ailesi: Arial;
yazı tipi boyutu: 17px;
Dolgu: 16px 31px;
Metin dekorasyonu: yok;
Metin gölgesi: 0px 1px 0px #2F6627;
}
#Submit: hover {
Arka plan: -Webkit-sınıflandırıcı (doğrusal, sol üst, sol alt, renk durması (0.05, #5CBF2A), renk durması (1, #44C767));
Arka plan: -moz-linear-gradyan (üst, #5CBF2A%5, #44C767%100);
Arka plan: -Webkit-linear-gradyan (üst, #5CBF2A%5, #44C767%100);
Arka plan: -o-doğrusal dereceli (üst, #5CBF2A%5, #44C767%100);
Arka plan: -MS-Linear-Sınıf (üst, #5CBF2A%5, #44C767%100);
Arka plan: doğrusal gradyan (dibe, #5CBF2A%5, #44C767%100);
Arka Plan rengi:#5CBF2A;
}
#submit: aktif {
Pozisyon: göreceli;
Üst: 1 piksel;
}
WordPress yorum formunu bir sonraki seviyeye getirin, çok temel olduğunu düşünebilirsiniz. Oradan başlamalıyız, böylece herkes takip edebilir. WordPress yorum formunuzu alan alanının yeniden düzenlenmesi, sosyal giriş ekleyerek, yorumlara abone olarak, yorum yönergelerine, hızlı etiketleri ve daha fazlasını yaparak bir sonraki seviyeye getirebilirsiniz. WordPress yorumlarına sosyal giriş ekleyin WordPress yorumlarına sosyal giriş ekleyerek başlayalım. Yapmanız gereken ilk şey, WordPress Social Giriş eklentisini yüklemek ve etkinleştirmektir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın.
Etkinleştirmeden sonra, eklenti ayarlarını yapılandırmak için Ayarlar sayfasını ziyaret etmeniz gerekir.
Eklenti, bir sosyal platformla bağlantı kurmak için bir yangın anahtarına ihtiyaç duyacaktır. Her platform için bu bilgilerin nasıl alınacağına dair talimatlarla bir bağlantı göreceksiniz.

API tuşunuza girdikten sonra değişikliklerinizi kaydetmek için Ayarlar Kaydet düğmesini tıklayın. Yorum formunuzun üzerindeki sosyal giriş düğmesini görmek için artık web sitenizi ziyaret edebilirsiniz.
Yorum politikası metnini tüm kullanıcılarımızı seviyoruz yorum formundan önce veya sonra ekleyin ve sitemize yorum yapmak için birkaç dakika alanları gerçekten takdir ediyoruz. Bununla birlikte, sağlıklı bir tartışma ortamı oluşturmak için yorum yapmak önemlidir.

Tam şeffaflık elde etmek için bir yorum politikası sayfası oluştururuz, ancak bu bağlantıyı altbilgiye koyamazsınız. Yorum politikamızın, yorum bırakan tüm kullanıcılar tarafından öne çıkmasını ve görülmesini istiyoruz. Bu yüzden WordPress yorum formumuza bir yorum politikası eklemeye karar verdik. Bir yorum politikası sayfası eklemek istiyorsanız, yapmanız gereken ilk şey bir WordPress sayfası oluşturmak ve yorum politikanızı belirlemektir (kendimizi çalabilir ve ihtiyaçlarınızı karşılamak için değiştirebilirsiniz).

Bundan sonra, functions.php dosyasına aşağıdaki kodu ekleyebilirsiniz. Temanızı veya özel site eklentisine.

İşlev wpBeginner_comment_text_before ($ arg) {
$ arg [‘yorum_notes_before’] = ”
Yorum bırakmayı seçtiğiniz için mutluyuz. Lütfen yorumlarımıza göre ılımlı olduğunu unutmayın. http: // http: // http: // www.example.com/comment-policy-page/’comment politikası .
“;
Dönüş $ arg;
}
add_filter (‘yorum_form_defaults’, ‘wpBeginner_comment_text_before’);
Yukarıdaki kod, notlardan önceki varsayılan yorum formunu bu metinle değiştirecektir. Ayrıca CSS sınıfını koda ekledik, böylece CSS kullanarak bildirimi vurgulayabiliriz. İşte kullandığımız CSS örneği: P.comment-Polic {
Sınır: 1px katı #ffd499;
Arka Plan rengi: #fff4e5;
Border-Radius: 5 piksel;
Dolgu: 10 piksel;
Marj: 10px 0px 10px 0px;
yazı tipi boyutu: küçük;
yazı tipi tarzı: italik;
}
Bu, test sitemizdeki görünüm:
Yorum metin alanından sonra bağlantıyı görüntülemek istiyorsanız, aşağıdaki kodu kullanın.
İşlev wpbeginner_comment_text_aft ($ arg) {
$ arg [‘yorum_notes_after’] = ”
Yorum bırakmayı seçtiğiniz için mutluyuz. Lütfen yorumlarımıza göre ılımlı olduğunu unutmayın. http: // http: // http: // www.example.com/comment-policy-page/’comment politikası .
“;
Dönüş $ arg;

}
add_filter (‘yorum_form_defaults’, ‘wpBeginner_comment_text_aft’);
Uygun URL’yi değiştirmeyi unutmayın, böylece örnek.com yerine yorum politika sayfanızı girersiniz
Yorum metni alanını taşıyın Varsayılan olarak, WordPress yorum formu önce yorum metin alanını, ardından ad, e -posta ve web sitesi alanını görüntüler. Bu değişiklik WordPress 4.4’te tanıtıldı. Bundan önce, WordPress sitesi önce adların, e -postaların ve web sitelerinin adlarını, ardından yorum metin kutusunu görüntüler. Kullanıcılarımızın yorum formunu bu sırayla görmeye alışık olduklarını düşünüyoruz, bu yüzden hala WPBeginner’daki eski alanı kullanıyoruz. Bunu yapmak istiyorsanız, tek yapmanız gereken function.php dosyasına aşağıdaki kodu eklemektir.
Unset ($ Fields [‘yorum’]);
$ Fields [‘yorum’] = $ yorum_field;
$ Fields Return;

}
add_filter (‘yorum_form_fields’, ‘wpb_move_comment_field_to_bottom’);
Bu kod yalnızca aşağıdaki yorum metin alanının alanını hareket ettirir.
Web sitesinin alanını (URL) Web sitesi alanındaki WordPress Yorum Formundan Silin Yorumda ilginç birçok spammer formu. Her ne kadar kaldırmak, spam göndermeleri durdurmayacak veya hatta spam yorumlarını azaltmayacak olsa da, kesinlikle kötü bir yazar web sitesi bağlantısı ile yorumları kabul etmekten kesinlikle kurtaracaktır. Bu aynı zamanda yorum formunun alanını azaltacak ve daha kolay ve daha kullanıcı dostu hale getirecektir. Bu konu hakkında daha fazla bilgi için, URL alanını yorum formundan silmek için WordPress Yorum Formundan Web Siteleri URL alanını silme hakkındaki makalemize bakın, aşağıdaki kodu Fonksiyon.php dosyasına veya özel site eklentinize ekleyin.
$ arg [‘url’] = ”;
Dönüş $ arg;
}
add_filter (‘yorum_form_default_fields’, ‘wpBeginner_remove_comment_url’);

WordPress hakkındaki bir yorum için bir abonelik onay kutusu ekleyin Kullanıcı web sitenize bir yorum bıraktığında, birisinin yorumlarına cevap verip vermediğini görmek için UTA’ları takip etmek isteyebilir. Bir çek kutusu ekleyerek, yayında her yeni yorum göründüğünde kullanıcıların anında bildirim almasına izin verirsiniz. Bu onay kutusunu eklemek için, yapmanız gereken ilk şey, Yorumların Yeniden Yüklü Eklentilerine abone olmayı yüklemek ve etkinleştirmektir. Aktivasyondan sonra, eklenti ayarlarını yapılandırmak için ayarları ziyaret etmeniz gerekir »Yorumlara abone olun. Ayrıntılı adım için -By -adım talimatları için, kullanıcıların WordPress hakkındaki yorumlara abone olmalarına nasıl izin verileceğine dair makalemize bakın.
QuickTags yorum formuna QuickTags ekleyin, kullanıcıların yorumlarını kolayca düzenlemelerine olanak tanıyan bir biçimlendirme düğmesidir. Bu, kalınlaşacak, eğmek, bağlantılar eklemek veya blok alıntılarını içerir. QuickTags eklemek için, temel yorumlar QuickTags eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Ayrıntılar için, WordPress yorum formuna QuickTag’ın kolayca nasıl ekleneceğine dair makalemize bakın. Bu, hızlı bir etiket ekledikten sonra yorum formunuzun görüntülenmesidir.