İçeriğe Atla
POPÜLER ARAMALAR: reklam, pazarlama, ,
kod, wordpress, eklenti, web, teknoloji,
programlama, tasarım, ajax, linux, Pardus, blog
Feedburner RSS
Şemsiye


07 Temmuz 2008

Wordpress’te Kategorileri Yanyana Dizmek

Etiketler: , , , , , , ,
Kategori Tema, Web, Wordpress | Toplam 728 kez okunmuş | 7 Yorum

Bildiğimiz gibi Wordpress temalarımızı yine Wordpress'in bize sağladığı standart tema fonksiyonlarıyla şekillendiririz. Bu şekillendirmelerde kategorileri göstermek için "wp_list_categories();" fonksiyonundan faydalanırız. Bu fonksiyon standart olarak kategorileri alt alta listeler. Daha doğrusu sadece listeler. Listenin alt alta sıralanmasının sebebi temanızda kategori görünümü için herhangi bir biçimlendirme yapmamış olmanızdır.

wp_list_categories() fonksiyonu

Aslında zamanım olsa şuradaki açıklamanın tamamını Türkçeleştirip basite indirgeyerek anlatırdım fakat malesef bu seferlik sadece ihtiyacımız olan kısmını anlatarak geçeceğim. İsteyen arkadaşlar verdiğim bağlantıdan fonksiyonun tam olarak nasıl kullanıldığını ve daha ne gibi özellikleri olduğunu (değerler alabildiğini) görebilirler.

Not: Olur da tamamını anlatan arkadaş olursa haber versin, okuyucularımı buradan ilgili yazıya yönlendireyim

Kategorileri yan yana sıralamak için wp_list_categories() fonksiyonunu temanızda kategorileri görüntülemek için şu şekilde kullanın.

        <ul class="kategoriler">
        <?php wp_list_categories('title_li=&show_count=1&hide_empty=0'); ?>
        </ul>

Temanızın stil dosyasında (style.css) özel bir ayar yapmadığınız sürece bu kod kategorileri alt alta listeler. Sayfanın kaynağını göster derseniz şöyle bir kodla karşılaşırsınız.

        <ul class="kategoriler">
                <li class="cat-item cat-item-1"><a href="http://localhost/wp/?cat=1" title="Kat 1">Kat 1</a> (1)</li>
                <li class="cat-item cat-item-2"><a href="http://localhost/wp/?cat=2" title="Kat 2">Kat 2</a> (1)</li>
                <li class="cat-item cat-item-3"><a href="http://localhost/wp/?cat=3" title="Kat 3">Kat 3</a> (1)</li>
        </ul>
"kategoriler" isimli css seçicisi

Kategorilerimizi sitemizde listeledik. Sıra geldi bunları yanyana dizmeye. Bunun için de temamızın stil dosyasını (style.css) açıyoruz ve şu kodları yerleştiriyoruz.

ul.kategoriler{
list-style:none;
margin-left:0px;
padding-left:0px;
}

ul.kategoriler li{
float:left;
list-style:none;
padding-right:10px;
}

Sonuç

Sonuç olarak kategorileriniz ekranda şu şekilde görünür.

kat 1 (1) kat 2 (2) kat 3 (3)

Tavsiye

Eğer sitenizin hızlı açılmasını istiyorsanız ve bunun için birazcık zahmete katlanırım diyorsanız sitenizi tarayıcıdan açıp sayfanın kaynağını göster dedikten sonra kategorilerin bulunduğu satırları kopyalayın. Ardından temanızda wp_liste_categories() fonksiyonunu yazdığınız yere gelin ve fonksiyonu silip az önce kopyaladığınız html kodlarını yapıştırın.

Bu yaptığımız işin mantığı PHP fonksiyonuyla MySQL veritabanına bağlanma işini iptal edip kategorilerimizi doğrudan HTML olarak görüntülemektir. Ben kendi temamda bu şekilde kullanıyorum. Ayrıca eğer bu şekilde yaparsanız kategorileri yanyana dizdikten sonra virgül (,) ve benzeri noktalama işaretleriyle ayırabilirsiniz.

Bir sonraki makalede görüşmek üzere...

Not: Kategorileri görüntülemek için eskiden list_cats(); ve wp_list_cats(); fonksiyonları kullanılırdı fakat Wordpress'in 2.1 sürümünden sonra wp_list_categories(); fonksiyonu kullanılmaya başlandı.

Not 2: Aslında benim burada bahsettiklerim için Wordpress yetkilileri Template Tag yan Şablon/Tema Etiketi demeyi tercih etmişler ama aslında bunlar birer PHP fonksiyonlarıdır. Bu nedenle ben etiket demek yerine fonksiyon demeyi tercih ediyorum.






Yorumlar

“Wordpress’te Kategorileri Yanyana Dizmek” için 7 Yorum

  • 1 steve

    what language is this? I have tried to translate, but do not know what language to translate from into english??

  • 2 kudret

    gece gece bu makaleyi size yazdırttığım için pişman değilim :P birçok insana yardımcı olacak çok teşekkürler..

  • 3 yakuter

    Hi, Steve. This language is Turkish. You should use the code and tell your readers as you wish with your words. As you understand from the codes, this is about listing categories abreast.

  • 4 yakuter

    @Kudret, dediğin gibi kim bilir kimlere kaç kişiye hayrın dokundu :)

  • 5 kudret

    estağfurullah. ben kolay olanı istemeyi yaptım.
    senin hayrın dokundu :)

  • 6 steve

    Thanks for the reply! I can not find any translation for turkish to english - I was looking for info about your themes.. I love the one theme you released long ago the green and grey - very cool that you work in this area and speak Turkish - glad to see wordpress extends into all cultures and worldwide!

  • 7 yakuter

    @steve, in fact themes use see in my gallery are the ones I like most. I didn’t designed them. I just find the most qualified themes and translated them into Turkish. Some of them from skinpress and the others are from all over the world.

    About Turkish to English translation you are right. Unfortunately we do not have good services to make this. We still use normal dictionaries and translate word by word.

    And finally as a programmer nobody can ignore the quality of Wordpress. Everyone wants a national blog system but Wordpress is a powerful opponent.


Yorum Yapın

yakuter.com © 2006-2008 Erhan Yakut. Site tasarım fallendesign.
Site içerisindeki içerikler izinsiz kopyalanamaz, alıntı yapılamaz.

WordPress Generator Valid XHTML 1.0 Transitional Valid CSS! Clicky Web Analytics

tracker