WP-ContactForm Eklentisi Üzerine Stil Yaması

Bu güzel eklenti,

<style type="text/css" media="screen">

/* 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 */

	</style>

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.

Bu yazı 24 Haziran 2006, 23:22 tarihinde yazılmış olup bu zamana kadar 1,754 kez görüntülenmiştir
En son ise 14 Eylül 2006, 01:26 tarihinde güncellenmiştir