WordPress üzerinde binlerce kişinin tercih ettiği wp-contact form eklentisi üzerinde ufak bir yama yapacağız bu yazıda. Yamanın amacı sitemizin kaynağını yakışıklı yapmak 🙂 Şöyleki; siteleri analiz eden ve raporlar sunan servisler ile wp-contact form eklentisinin yüklü olduğu bir siteyi test ederseniz, sayfa arasında stil etiketlerinin kullanıldığı konusunda uyarı alabilirsiniz.
Bu güzel eklenti,
stilleri kullanmaktadır form öğelerini biçimlendirmek için. Ve bunları action methodları ile kaynak arasına otomatik olarak ekletmektedir. İşte bu esnada bir kararsızlık yaşanır. Çünkü bu kod, sadece iletişim formunun yer aldığı sayfanın kaynağına değil aksine form olsada olmasada görüntülenecek tüm sayfaların kaynaklarına eklenir.
Benim gibi bu ince noktara dikkat ediyorsanız yapmanız gereken aynen şöyle.. Önce alttaki stil fonksiyonlarını temanızın stil dosyası içerisine ekleyeceksiniz.
/* Begin Contact Form CSS */
.contactform {
position: static;
overflow: hidden;
}
.contactleft {
width: 25%;
text-align: right;
clear: both;
float: left;
display: inline;
padding: 4px;
margin: 5px 0;
}
.contactright {
width: 70%;
text-align: left;
float: right;
display: inline;
padding: 4px;
margin: 5px 0;
}
.contacterror {
border: 1px solid #ff0000;
}
.contactsubmit {
}
/* End Contact Form CSS */
Ve ardından eklentinin wp-contactform.php dosyasını açacaksınız ilk önce. Sonra,
add_filter('wp_head', 'wpcf_css');
satırını;
//add_filter('wp_head', 'wpcf_css');
yapacaksınız.
Bu kadar! Sayfa arası stilleri, stil dosyanıza yollamış olduk.