t-infection.com | tasarım oyuncakları, web teknolojileri » Ext http://www.t-infection.com tasarım oyuncaklarımız ve web teknolojilerine dair kısa kısa... Thu, 19 Aug 2010 21:18:49 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Ext Core ile Kategorileri Açılır Menü Şeklinde Gösterme http://www.t-infection.com/ext-core-ile-kategorileri-acilir-menu-seklinde-gosterme/ http://www.t-infection.com/ext-core-ile-kategorileri-acilir-menu-seklinde-gosterme/#comments Fri, 17 Jul 2009 02:14:09 +0000 webthese http://www.t-infection.com/?p=816 extmenu
Merhabalar. Ext Core tıpkı bilindik diğer Javascript kütüphaneleri gibi bir kütüphane. Bu kütüphane ile oluşturulan uygulamaları çok seviyorum. Hızlı ve kolay uygulanabilir yapısı nedeniyle son projemde bu kütüphaneyi kullanmaya karar verdim. Özellikle uygulamalara giydirilen tasarımlar çok hoş ve uygulamanın göz alıcı olmasını sağlıyor.

Bu yazımızda sizlere Ext Core Menu bileşeni kullanarak Wordpress sitelerimizde kategorilerimizi bu menü ile nasıl göstereceğimizi anlatacağım. Bir nevi Ext Core Menu’yü Wordpress tabanlı sitemize entegre edeceğiz ve böylelikle kategorilerimizin açılır bir menü ile görünmesini sağlayacağız. Öncelikle ExtJs sayfasına gidiyor ve Ext Core uygulama dosyasını indiriyoruz. Bu dosyayı indirdikten sonra sadece kullanacağımız menü değil diğer Ext Core uygulamalarının örnekleri de size geliyor. Ancak biz bu uygulamalar içinden sadece Menu klasörü içindekini kullanacağız.

Paket içinde bulunan Ext-Core.js dosyasını kullandığımız Wordpress temasının içine atalım. Examples >> Menu dizini içine girerek burada bulunan menu.js, menu.css dosyalarını da kullandığımız Wordpress temasının içine atalım. Images klasörü içindeki resimleri de kendi temamızın Images dosyasına atalım. (Şayet böyle bir dosyanız yoksa Images klasörünü olduğu gibi tema klasörünüzün içine atın)  Böylelikle menümüzü çalıştıracak olan tüm dosyaları Wordpress temamıza atmış oluyoruz. Bundan sonra tema dosyalarımızda değişiklik yaparak menüyü çalıştıracağız.

Bu aşamadan sonra yapacağımız şey çok basit. Şimdi kullandığınız temanın header.php dosyasını bir editör ile açın. Aşağıda yer alan kodları HEAD etiketi içine bir yere atıp kaydedin.

[PHP]

/menu.css” rel=”stylesheet” />

[/PHP]

Şimdi ise açılır menümüzün görünmesini istediğiniz yere aşağıdaki kodları yazın ve kaydedin.

[PHP]

    < ?php wp_list_categories('sort_column=name&sort_order=asc&style=list&children=true&hierarchical=true&title_li=0'); ?>

[/PHP]

Bu şekilde dosyaları kaydettikten sonra kategorilerinizin menü yardımıyla Kategori >> Alt Kategori >> Alt Alt Kategori şeklinde görünecek.

Dilerseniz menünün stillerinde değişiklik yaparak menünüze bambaşka bir görüntü katabilirsiniz. Umarım sizler için faydalı olmuştur. ]]> http://www.t-infection.com/ext-core-ile-kategorileri-acilir-menu-seklinde-gosterme/feed/ 14