WordPress İçin Yazı İçinde Not Alanları Oluşturmak

 17 Ağustos 2009 ||  Haber ||  0 Yorum || Toplam Hit: 6 Print

WordPress blogumuzda yazılar yazarken bazıyerlerin not olarak aktarılmasını diğer kısımlara göre daha farklı görünümde olup dikkat çekmesini isteriz. Bunun için çözümlerden birisi özel bir span tanımlayıp bu kısmı span ile yazmaktır. Ancak bu her zaman çözüm olmuyor. Bunun yerine özel bir not kodu oluşturup, not alanını CSS ile kendimize göre ayarlayarak daha basit bir şekilde yapabiliriz.

Öncelikle temamızın functions.php dosyasına aşağıdaki kodu ekliyoruz.

<?php
add_shortcode( 'note', 'sc_note' );

function sc_note( $atts, $content = null ) {

		return '<div class="note">'.$content.'</div>';
	return '';
}

?>

Kodumuzu tanımladığımıza göre kullanım şeklimizi görelim. Kullanımı da aşağıdaki gibi yapabiliyoruz.

[note]
Notumuzu buraya yazıyoruz.
[/note]

Tabi “note” bölümü için CSS dosyamızda bir tanımlama yapmadan düzgün görünmez. Temamızın style.css dosyasını açıp aşağıdaki kodları yazıyoruz.

.note{
	width:550px; /*not alanının genişliğidir. Bu kısmı temamıza göre ayarlamalıyız.*/
	background:#d9fdc0; /*arkaplan rengi*/
	padding:5px 5px 5px 5px; /*çerçeve ile olan aralığı*/
	border:1px dashed #ff6600; /*çerçeve şekli*/
	color:#606060; /*yazı rengi*/
	text-align:left;/*yazı hizalaması*/
	font-family: Arial, Helvetica, sans-serif;/*yazı tipi*/
	font-size:11px;/*font büyüklüğü*/
	display:block;/*görünümün toplu halde durması için*/
	}

Şimdi notumuzu görme zamanı: