Ext Core ile Kategorileri Açılır Menü Şeklinde Gösterme
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]
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.
Rastgele Yazılar
Ext Core ile Kategorileri Açılır Menü Şeklinde Gösterme yazısı için 14 yorum yapılmış...
Yorumunuzu Yazın
merhaba admin.bu yazın için teşekkür ederim gerçekten çok güzel birpaylaşm olmuş daha önce aramama rağmen bulamadım bu şekilde bir anlatım.çalışmalaının devamını dilerim.
en kısa zamanda siteme uygulayacağım
@Uğur güzel sözlerin için teşekkür ederim. Ben de araştırdım ama hep yabancı kaynaklarda anlatımlar vardı. Bir de Ext Core Menu’yü oldukça beğeniyordum. İkisinin birleşimini okuyucularıma sunmak istedim. Faydalı olduysa ne mutlu bana…
güzel bir makale olmuş, teşekkürler.
Çok gaydalı oldu sayın admin.sitendek tüm blgileri akip ediyorum bende yabancı bir kaynaktan akordion tarzı menü buldum.bunu wordprese de uygulayabliyormuşuz.sitesinde anlatıyor ama ingilizce döküman.linkini vereyim sana sende bir incele.
http://www.byscripts.info/scripts/javascript-dynamic-accordion-menu
senden ricam bunu hem sitende makale olarak wordpress’e nasıl uygulayacağımız anlatabilir misin? Bizim için çok faydalı ve görsel bir menü olacak bud a.tıpı senin bu makalende anlattığın gibi.teşekkür ederim.iyi çalışmalar dilerim
Bu ara da laptopu değiştirdiğim için yazıyı yazaken eksik harfler var.özür dilerim gözümden kaçmış onaylarsan o yazımı düzeltme yaparsan güzel türkemiz için uygun olur.
çok faydalı
takip
bu da
tıpkı
Faydalı bir yazı. @ugur :
Ext Tek başına bir devdir. Yani öyle çok bug çıkan güncellenmeyen bir uygulamayı kullamak yerine projede başka işine yarayacak fonksiyonları olan EXT i deneyebilirsin.
Eksik olan birşeyler olabilir mi ? Tüm anlatılanları harfiyen yerine getirdim fakat istediğimiz menü yerine altalta tüm kategoriler sıralandı…
@Barış, kullanmış olduğun Wordpress temasındaki stiller ile menünün stilleri çakışıyor olabilir. Alt alta sıralanma büyük ihtimalle bundan kaynaklanıyordur. Hangi temayı kullanıyorsun?
Merhabalar,
Bende Barış gibi tüm anlatılanları yaptım fakat ana ve alt kategoriler dahil olmak üzere hepsi alt alta gözüktü. Sizin de dediğiniz gibi muhtemelen temanın css ayarları ile çakışan bir durum var. Blogumda dynablue temasını kullanıyorum. Aşağıdaki linkten indirebilirsiniz. Yardımcı olursanız sevinirim. Kolay gelsin..
http://rapidshare.com/files/266490167/dynablue.rar.html
Erkan ve Barış… Temanızda bu menüyü nereye koyuyorsunuz bilmiyorum ama style.css dosyası içinde sidebar ul li a veya sidebar li a tarzı bir sınıf tanımı var mı buna bakın. Varsa bu alanı geçiçi olarak silin ve menüyü öyle koymayı deneyin. Şayet menünüz düzgün çalışırsa stiller çakışıyor demektir. Test etmenizde fayda var.
çok güzel bir uygulama denemek lazım, teşekkürler..
menuyu sıteme eklıyorum ama once dıger arkadasların dedıgı gıbı alt alta gozukuyor sonra menu normal halıne gelıyor bu neden kaynaklanır acaba nasıl duzeltebılırım
merhaba. 2. dediğiniz şeyi tam olarak anlamadım. yardımcı olurmusunuz mail adresimden
merabalar
http://www.cinselsorunlar.gen.tr adresinde menuyu denedım fakat gorunduğu uzere sorun var onerınız varmı acaba?
saygılarla..