Wordpress İçin Yazı İçinde Not Alanları Oluşturmak
|
|
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.
add_shortcode( 'note', 'sc_note' );Kodumuzu eklediğimize göre kullanım şeklimizi görelim. Kullanımı da aşağıdaki gibi yapabiliyoruz.
function sc_note( $atts, $content = null ) {
return '<div class="note">'.$content.'</div>';
return '';
}
[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*/
}
Bunlarda İlginizi Çekebilir mi ?
Yazar Bilgileri |
