Siteden gönderilmiÅŸ sorulardan biriydi bu… wp_list_pages fonksiyonuyla sayfaları listelediniz. Ancak siz sayfa linklerinin yanında “|” karakteri gözüksün istiyorsunuz örneÄŸin. Ä°ÅŸte bunu yapmanızın iki yolu var.
Bunlardan biri fonksiyonda küçük bir düzenleme yapmak.
BÄ°RÄ°NCÄ° YOL
Örneğin normalde kullandığımız fonksiyon:
<?php wp_list_pages('title_li='); ?>
ise:
Eğer yazı yada simgeyi linkten önce göstermek istiyorsak, buna aşağıdaki kodu ekliyoruz:
<?php wp_list_pages('title_li=&link_before=|'); ?>
Yok eğer linkten sonra göstermek istiyorsak,
<?php wp_list_pages('title_li=&link_after=|'); ?>
şeklinde bir düzenleme yapabiliriz 
Ä°KÄ°NCÄ° YOL
İkinci yol ise css düzenlemesi yapmak
Örneğin direk olarak:
<?php wp_list_pages('title_li='); ?>
yazdığmızda, bunun html olarak çıktısı aşağıdakine benzer şekilde olacaktır:
<li class="page_item page-item-1"><a href="#">Sayfa 1</a></li> <li class="page_item page-item-2"><a href="#">Sayfa 2</a></li> <li class="page_item page-item-3"><a href="#">Sayfa 1</a></li>
Ä°ÅŸte tam burada css kodu devreye giriyor
Örneğin, normalde bu kodların css düzenlemesi:
.page_item{...}
şeklinde olacaktır. Şimdi yeni bir kod ekleyeceğiz buraya.
.page_item:before{
content:Â " | ";
}
Bunun sonucunda sayfa linklerinin görünümü şu şekilde olur:
| Sayfa 1 | Sayfa 2 | Sayfa 3
Bu sitenin header.php de kullanılan biçimlendirme, css de resim kullanılarak yapılmıştır
Yorum Yazın