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ı:

• Wordpress İçin “Sadece Üyeler Görebilir” Kodu
• Sayfa rengini ziyaretçi belirlesin
• Wordpress ”Sadece Üyeler Görebilir” Kodu
• Gökkuşağı Renginde Yazı Yazma Fonksiyonu JAVASCRİPT KODU SCRİPT
• BB-code fonksiyonu PHP KODU SCRİPT
• Wordpress Kategori İçerik Sayısının Alt Satıra İnmesi ve Çözümü
• Wordpress:Etiketleri Açılan Menüde Gösterme
• Aşağıya Doğru Açılan Menü Örnekleri JAVASCRİPT KODU SCRİPT
• Metin Efektleri JAVASCRİPT KODU SCRİPT
• Kod renklendirme PHP KODU SCRİPT
• Resim üzerine yazı yazma – II PHP KODU SCRİPT
• Sitenize Haber Menüsü Html – CSS KODU
• Wordpress İçin İstatistik Kodu
• Google’dan gelen ziyaretçilere, aradıkları kelimeleri vurgulayarak gösterme JAVASCRİPT KODU SCRİPT
• Wordpress İçin Facebook’da Paylaş Butonu
• Hareketli Avatarlar 5
• Wordpress İçin Adres Kısaltma Kodu
• Sallanan yazı JAVASCRİPT KODU SCRİPT
• Hotlink koruması ( class ) PHP KODU SCRİPT
• Xp Tarzı Yükleniyor Çubuğu JAVASCRİPT KODU SCRİPT