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ı:
[note]Bu yazının kaynağı WpRecies‘dir. Sadece php kodunda oynama yaparak sadece yöneticinin değil, not alanını tüm ziyaretçilerin görmesini sağladık. Php kodunu incelerseniz aynı omadığını bir kısmın çıkarıldığını görebilirisiniz.[/note]

Author: Hamdi Yaman

1987 yılında gözlerimi açtığım şu küçük dünyada 2006 yılından bu yana blog yazıyorum. İnternet dünyasının bugünü ve yarını hakkında her zaman ilgili olmuşumdur.

10 comments

RSSKitap.com ‘da kullanmaya başladım. Teşekkürler. Bu arada sizin yorum alanında çeşitli kod hataları oluşmuş efendim.

Selamlar,
Uzun zamandır bende düşünüyordum böyle bir şeyi ve çok iyi oldu h-yaman.com da görünce hemen bloguma ekledim. Ancak ufak bir soru; örneğin satır başlarına devamlı görünmesini isteyeceğimiz sabit bir yazı veya numaralandırmayı nasıl yaparız ?

Tabiki şöyle açıklayayım;

SyntaxHighlighter Evolved eklentisinde oldugu gibi kodlarımızı bu ekleni ile yazdığımızda otomatik olarak satır başlarına sıra numarasını atıyor. Ben sıra numarası değilde sabit bir text atamak istiyorum. Senin yazdığın kodla bunu nasıl yaparız veya başka bir yolu var mıdır?

Hmms, belki note sınıfı için bir liste ataması yapılıp liste imleci olarak bir resim seçilebilir. O resim de sizin üzerine istediğiniz harfi yazacağınız bir dosya olabilir. Belki bu yolla sizin dediğiniz yapılabilir.

@Hamdi aşağıdaki şekilde hallettim belki benim gibi ihtiyacı olan birisi olursa diye gönderiyorum

add_shortcode( ‘note’, ‘sc_note’ );

function sc_note( $atts, $content = null )
{
$arr=explode(”,$content);
$c=count($arr);
for($i=0; $i<$c; $i ){
if($i!=0 and $i!=$c-1)
$my_content.=”Sabit_Yazi”.$arr[$i].””;
}
return ”.$my_content.”;
}

Teşekkürler çok hoş oldu download linklerini böyle yerleştirince çok şık duruyor 🙂 CSS ile biraz oynadım mı harika bir şey olur.

Bir cevap yazın

*