Wordpress İçin Sorunsuz Ajax Tab Menü

Bu ajax tab menü olayına birçok yerde raslayıp, heveslenebilirsiniz. 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 yazı ile sorunsuz bir şekilde blogunuza sorunsuz ajax tab menü ekleyebileceksiniz.

İlk önce kullanacağımız dosyaların tümünü buraya tıklayarak bilgisayarınıza indirin.

  1. İndirdiğiniz dosyayı RAR’dan çıkarın.
  2. ajaxtabs.js dosyasını bir düzenleyici ile açarak, 7. satırdaki http://www.sinerjik.org/menu/loading.gif yolunu kendinize göre düzenleyin. (Örnek: http://www.siteniz.com/menu/loading.gif
  3. Temaya eklenecek css kodları.txt dosyasının içindeki kodları kullandığınız temanın sytle.css dosyasının en altına ekliyoruz. (Resim yollarını düzenlemeyi unutmayın.)
  4. Yan Bileşenlere Eklenecek Kod.txt dosyasının içindeki kodları da sidebarınızda uygun bir yere yerleştirin. (Dosya yollarını düzenlemeyi unutmayın.)
  5. Tabları ve stillerini oluşturduk. Şimdi menu klasörünü wordpress dizinine gönderiyoruz. Yani wordpress dizininizde menu, wp-admin, wp-content klasörleri bir arada bulunacak.
  6. Şimdi de tablarımızın içeriğine geldik. Sayfalar klasörü içerisinde örnek birkaç sayfa var. Bunlar; arsivler.php, etiketler.php
  7. Bu klasörü ilk önce wordpress dizinimize atıyoruz. Daha sonra da yan bileşene eklediğimiz kodlardaki linkleri bunlara göre ayarlıyoruz.
  8. Eğer arşivler veya etiketlerden başka bir şey göstermek istiyorsanız o sayfalardan birini kopyalayarak adını değiştirin ve eklemek istediğiniz bileşenin kodunu wordpress template tags sayfasından bularak oraya ekleyin. Tabiki yine yan menüdeki değişiklikleri yapmayı unutmayın.

İnşallah yardımcı olabilmişimdir.. Saygılarla :)

Okumak yetmez, paylaşmak gerek:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • FriendFeed
  • RSS
  • StumbleUpon
  • Twitter


Yorumlar:

Yorum Gönder