Evet style.css ve header.php dosyalarından sonra sıra geldi sidebar.php dosyamızın düzenlemesine.

Yan menü düzenlemesini bileşen destekli yapmak bizim için daha güzel ve işlevsel olacağından bazı kodlarla bu düzenlemeleri kolayca yapabileceğiz.

İlk olarak functions.php dosyası oluşturup aşadaki kodları bu dosyaya ekliyoruz.

[html]
<?php
if ( function_exists(‘register_sidebar’) )
register_sidebar(array(
‘before_widget’ => ‘<li><div>’,
‘after_widget’ => ‘</div></li>’,
‘before_title’ => ‘<h3>’,
‘after_title’ => ‘</h3>’,
));
?>

[/html]

Ardından sidebar.php dosyasına aşağıdaki kodları ekleyerek temamızda yan menüyü tanımlıyoruz.

[html]
<div>
<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar() ) : ?>
<?php endif; ?>
</div>

[/html]

Ardından css dosyamızı açıp aşağıdaki kodları devamına ekleyelim.

[html]
.widget {
width: 210px;
padding-right: 10px;
margin: 0px 0px 20px 0px;
text-align: right;
}

.widget ul {
list-style-type: none;
margin: 0;
clear: both;
padding: 0;
}

.widget ul li {
padding: 8px 0px;
margin 0px;
color: #000;
}

.widget ul li a:link, .widget ul li a:visited {
color: #000;
text-decoration: none;
}

.widget ul li a:hover {
color: #000;
text-decoration: underline;
}

.widget h3 {
margin-right: -30px;
font: 13px tahoma;
color: #FFF;
width: 80px;
margin-bottom: 0px;
float: right;
padding: 4px 40px;
background: #A1397D;
}

[/html]

Sidebar dosyamızı böylece düzenlemiş olduk şimdi ise index.php dosyasına geçiyoruz.

Bir önceki yazımız olan WordPress-Yeni İbaresi Eklemek başlıklı makalemizde konu başlığı yanına yeni resmi ve wordpress yeni ibaresi hakkında bilgiler verilmektedir.



Etiketler:, ,