Wordpress

Wordpress Yakuter

RT @foxy_up: 3 Kişiye 1'er yıllık domain ve hosting çekilişi | http://t.co/YSDwxTlm Twitter

1188 takipçi

WordPress’te Kategorileri Yanyana Dizmek

KategoriWordpress

07 Temmuz 2008

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.

Benzer Yazılar

Erhan Yakut

www.yakuter.com

Genç yaşlarda programlama ile tanıştı ve Delphi ile başladığı programlama macerasına şuanda PHP, SQL, Javascript, AJAX, CSS, XHTML teknolojileri ile devam etmektedir. Elektrik - Elektronik bölümü mezunu olan "yakuter" 2006 yılından itibaren yakuter.com'un yazarlığını yapmaya başlamıştır.

Sponsor Olmak İstiyorum!

Bu Yazıya Ait Yorumlar

steve
07 Temmuz 2008

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

kudret
07 Temmuz 2008

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..

yakuter
07 Temmuz 2008

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.

yakuter
07 Temmuz 2008

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

kudret
07 Temmuz 2008

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

steve
08 Temmuz 2008

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!

murat
03 Ocak 2009

sidebardaki kategorilerde isim sırasına göre oluyor.
html ile ekleyince türkçe karekter hatası veriyor.
utf-8 olduğu için sanırım.

bünyaz
24 Mart 2009

Makale için teşekkürler. Bir sorum olacaktı mesela arşivler yada kategorilerin uzun olduğunu varsayalım bunları iki sutun halinde yan yana nasıl gösterebiliriz.

yakuter
24 Mart 2009

Bunun için WordPress kategorilerini çeken kendi fonksiyonunu yazmalısın. Standart WordPress fonksiyonuyla malesef bunu yapmak mümkün değil.

bünyaz
26 Mart 2009

Teşekkür ederim :)

Erkan AKA
13 Ağustos 2009

İyi günler..
Diyelim ki bir şehir rehberi projesi kurmak istiyoruz.

Ana kategorilerimiz örn:
Araba, Emlak, Okul, Turizm.. v.s olsun..
Ben 10 adet ana kategori açıyorum daha sonra bu kategorilerin her birine illerimizi ekleyeceğim. Diyelim ki Araba ana kategorisine 81 ilimizi alt kategori olarak girerken aynı anda diğer ana kategorilere de otomatik olarak bu 81 ilin bağlanmasını istiyorum.

Sizce bunu hangi kodlama ya da varsa hangi eklenti ile yaparız..
Teşekkürler..

yakuter
14 Ağustos 2009

Bence bunu kategori sisteminden ziyade etiket sistemi ile daha başarılı bir şekilde uygulayabilirsiniz.

Erkan AKA
14 Ağustos 2009

İlginiz için teşekkürler..
Etiketleme sistemi derken bir kaç örnek verebilirmisiniz acaba?

ufuk karaca
28 Eylül 2009

Öncelikle paylaşımların için teşekkür ederim.
Benim Bir sorum olacak kategorileri degilde konuları nasıl yan yana dizerim? tema site adresimde var. şimdiden teşekkürler

ert
23 Kasım 2009

merhabalar,bu yazdigimiz, iki kategori arasindaki bosluklari, nasil degistirebilirm?

ert
23 Kasım 2009

birde css atmama ragmen, sayfa da bir yan yana,refreshledikten sora bir altalta cikiyor buna bir anlam veremedim ayrica yardimci olursaniz memnun olurum.iyi calisamalar.

Cenk
11 Aralık 2009

FF de işe yaramıyo İE de oluyo sadece yine de teşekkürler :)

Ozan
07 Ocak 2010

evet bende acaba iki veya üç sütunlu halini sorsam yoğun istek olarak kabul edebilirmisiniz :D 150 adet kategoriyi bu şekilde bölmek benim için muazzam olacak.

yakuter
10 Ocak 2010

@Ozan, malesef o dediğin olay bu kadar kkolay değil. Eğer belirli bir sütun sayısı istiyorsan PHP kodlarıyla yoğurman lazım. Bir yerlerden kişisel destek alman gerekebilir. R10, WordPress-tr gibi siteleri bir dene derim.

Ozan
03 Şubat 2010

Merhabalar; arayanların işine yarayacağını umarak bulduğum çareyi paylaşmak istiyorum . Eklentinin adı “Multi Column Category List” veya DDmulticolcats olarakda geçiyor; web adresi : http://www.dagondesign.com/articles/multi-column-category-list-plugin-for-wordpress/ ; şablonunuzun istediğiniz yerine kodunu ekliyorsunuz ve ayarlardan kaç sutun olacağını seçiyorsunuz ; hepsi bukadar ;) herşey için sağolun umarım yazdıklarım arayanların işine yarar…

seviyeli sohbet
28 Haziran 2010

Merhabalar ben kategori hakkında bir sorum olacakdı ben sitemde herhangi bir kategori açıldığı zaman o kategorinin alt kategorilerinin listelenmesini istiyorum. bunu nasıl yaparım yardımcı olursanız sevinirim.