Birçok Türkçe kaynakta acaba bloguma nasıl ajax yan menü ekleyebilirim diye. Türkçe kaynaklar içinde bulamadım açıkcası. Hele wordpress için olanını hiç bulamadım. Birkaç sitede görmüştüm ve çok hoşuma giti bu ajax tab menü. Bende hemen kendi siteme nasıl eklerim diye araştırmaya koyuldum.
Şimdi hemen anlatmaya başlayayım nasıl yaptım bunu.
- İlk önce buradan gerekli bazı dosyaları (resimler ve tab değiştirmeyi ağlayan javascript kodları) indiriyoruz.(şifre: fikirbozan.net)
- Arşivimizi açtıktan sonra “menu” klasöründeki “ajaxtabs.js” dosyasını bir metin editörüyle açıyoruz.(Öyle not defteriyle falan uğraşmayın burdan notepad2 yi indirin. Kodları renklendirir.).
- 7. satırdaki resim adresinizi kendi sitenize göre düzeltin. (örn: :http://www.siteniz.com/menu/loading.gif)
- Bu işlemi yaptıktan sonra “menu” klasörünü sitemizin ana dizinine(root) gönderiyoruz. (Yani sitenizin ana dizininde wp-admin,wp-content,wp-includes ve menu klasörleri olmuş olacak)
- Menümüz için css kodlarımız da burada. Bu kodları temanızın stil sayfasına(css) ekleyin. Bu css kodlarında da tek yapmanız gerekenler resimlerin adreslerini doğru olarak belirtmek. shade.gif ve shadeactive.gif resimlerinin adreslerini de http://www.siteniz.com/menu/shade.gif gibi yazın.
- Buraya kadar menümüzün stilini belirledik. Şimdi de gelelim asıl meseleye. Sayfamıza nasıl ekleyeceğiz bu menüyü?
- Sidebar.php dosyamıza nereye menüyü ekleyeceksek oraya bu kodları ekliyoruz.
- Buradan da tabmenünün içeriğinin alınacağı sayfa örneğini indirin. çıkan sonyazilar.php dosyasını ana dizinimize gönderelim.
- Az önce yan menümüze birkaç kod eklemiştik. Orada küçük değişiklik yapmamız gerekir. Öncelikle 2. satırda ajaxtabs.js dosyasının yolunu belirtin. Hatırlarsanız ilk başta menu klasörünün içinde bulunuyordu bu ajaxtabs.js dosyası. Eğer anadizine gönderdiyseniz muhtemelen http://www.siteniz.com/menu/ajaxtabs.js şeklinde olacaktır.
- az önce indirdiğimiz sonyazilar.php dosyasının adresin de yan menüye eklediğimiz kodlardakiyle değiştirin. örn http://www.siteniz.com/sonyazilar.php
- sonyazilar.php dosyasını incelerseniz, en altta normalde yan menümüzde son yazıları göstermek için kullandığımız kodun olduğunu farkedersiniz. Buraya ne eklemek isterseniz onu yazın.
- İlk tabda ne olacağına ise yan menümüze eklediğimiz kodlarla karar veriyoruz. Benim verdiğim kodlarda en solda son yorumlar var.Tabii bu eklentinin kodları. Son yorumları göstermek için bu eklentiyi indirmelisiniz
[...] sonunda bir günlükçü tarafından anlatıldı. Fikirbozan‘ın günlüğünde yazmış olduğu wordpress için ajax tab menü yapalım başlıklı yazıda basit bir ajax tab menünün Wordpress günlüklere nasıl entegre [...]
wp ile yeni tanıstım ama ugrasıyorum eklentileri kurmaya
bende wp kurmayı düşünüyorum ama joomla gibi midir nasıl bir şey tam biliyorum joomla da baya zorlanmıştım ugraşmak istemiyorum
Güzel Site emeğinize Sağlık
Thank You http://www.sohbetli.com
(ßy KeFeN_____ )
eyw http://www.dinamikoyun.com
[...] bir günlükçü tarafından anlatıldı. Fikirbozan‘ın günlüğünde yazmış olduğu wordpress için ajax tab menü yapalım başlıklı yazıda basit bir ajax tab menünün Wordpress günlüklere nasıl entegre [...]
[...] tarafından anlatıldı. Fikirbozan‘ın günlüğünde yazmış olduÄŸu wordpress için ajax tab menü yapalım baÅŸlıklı yazıda basit bir ajax tab menünün Wordpress günlüklere nasıl [...]
Sohbet Odalarina hoş geldiniz..
[...] sonunda bir günlükçü tarafından anlatıldı. Fikirbozan‘ın günlüğünde yazmış olduğu wordpress için ajax tab menü yapalım başlıklı yazıda basit bir ajax tab menünün Wordpress günlüklere nasıl entegre [...]
[...] sonunda bir günlükçü tarafından anlatıldı. Fikirbozan‘ın günlüğünde yazmış olduğu wordpress için ajax tab menü yapalım başlıklı yazıda basit bir ajax tab menünün WordPress günlüklere nasıl entegre [...]
[...] Fikir Bozan hazır menüyü Wordpress’e nasıl dahil edilebileceği ile ilgili bir yazı bile yazmıştı ama artık eskisi kadar rağbet görmüyor Neyse mevzu bahise dönelim. Js & Css tabanlı [...]
[...] Bu doğaldır. Fakat benim gezindiğim bloglarda bu iş eksik anlatılmış. İlk olarak Fikirbozan‘da rasladım, daha sonra başka yerlerde. Ancak yapamadım ve kendim deneme-yanılma gittim. Bu [...]
yapmasında sorun oldu benim sitedede :S
Teşekkürler bilgiler için işime yaradı
cok sagolun tesekkur ederim
eyw aga
[...] sonunda bir günlükçü tarafından anlatıldı. Fikirbozan‘ın günlüğünde yazmış olduğu wordpress için ajax tab menü yapalım başlıklı yazıda basit bir ajax tab menünün Wordpress günlüklere nasıl entegre [...]
teşekkürler guzel paylaşim
Aşk Script
Kelebek ve biz
kelebek le takıl hayata
eyvallah kardeşim.
[...] sonunda bir günlükçü tarafından anlatıldı. Fikirbozan‘ın günlüğünde yazmış olduğu wordpress için ajax tab menü yapalım başlıklı yazıda basit bir ajax tab menünün Wordpress günlüklere nasıl entegre [...]
teşekkürler.
[...] sonunda bir günlükçü tarafından anlatıldı. Fikirbozan‘ın günlüğünde yazmış olduğu wordpress için ajax tab menü yapalım başlıklı yazıda basit bir ajax tab menünün Wordpress günlüklere nasıl entegre [...]
Paylaşım İçin Saolun
[...] sonunda bir günlükçü tarafından anlatıldı. Fikirbozan‘ın günlüğünde yazmış olduğu wordpress için ajax tab menü yapalım başlıklı yazıda basit bir ajax tab menünün Wordpress günlüklere nasıl entegre [...]