« En çok kullanılan wordpress eklentileri

Wordpress İçin AJAX Tab Menü

Yazan: sdc | 23 Mayıs 2008
Kategoriler: Wordpress

Günümüzün modası olan günlüklerde tab menü kullanımı 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 bir nün günlüklere nasıl edileceğinden bahsedilmiş.

’ın günlüğünde tab menü’nün bir örneği bulunmakta.
Kurulum
* İlk önce buradan gerekli bazı dosyaları (resimler ve tab değiştirmeyi ağlayan javascript ı) indiriyoruz.(şifre: .net)
* Arşivimizi açtıktan sonra “” klasöründeki “ajaxtabs.” dosyasını bir editörüyle açıyoruz.(Öyle not defteriyle falan uğraşmayın burdan notepad2 yi indirin. ı renklendirir.).
* 7. satırdaki resim adresinizi kendi sitenize göre düzeltin. (örn: :http://www.siteniz.com//loading.)
* Bu işlemi yaptıktan sonra “” klasörünü sitemizin ana dizinine(root) gönderiyoruz. (Yani sitenizin ana dizininde -admin,-content,-includes ve klasörleri olmuş olacak)
* Menümüz için css ımız da burada. Bu ı temanızın stil sayfasına(css) ekleyin. Bu css ında da tek yapmanız gerekenler resimlerin adreslerini doğru olarak belirtmek. shade. ve shadeactive. resimlerinin adreslerini de http://www.siteniz.com//shade. 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. dosyamıza nereye menüyü ekleyeceksek oraya bu ı ekliyoruz.
* Buradan da tabmenünün içeriğinin alınacağı sayfa örneğini indirin. çıkan sonyazilar. dosyasını ana dizinimize gönderelim.
* Az önce yan menümüze birkaç eklemiştik. Orada küçük değişiklik yapmamız gerekir. Öncelikle 2. satırda ajaxtabs. dosyasının yolunu belirtin. Hatırlarsanız ilk başta klasörünün içinde bulunuyordu bu ajaxtabs. dosyası. Eğer anadizine gönderdiyseniz muhtemelen http://www.siteniz.com//ajaxtabs. şeklinde olacaktır.
* az önce indirdiğimiz sonyazilar. dosyasının adresin de yan menüye eklediğimiz kodlardakiyle değiştirin. örn http://www.siteniz.com/sonyazilar.
* sonyazilar. 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 ı. Son yorumları göstermek için bu eklentiyi indirmelisiniz

Sorularınız ve daha fazlası için bu güzel makaleyi bize sunan Fikirbozan‘ı ziyaret edebilirsiniz. Teşekkürler Fikirbozan.

Bilgisayarı tek tıkla kapatmak »

E-posta Aboneliği

Güncel Haberleri almak için E-Posta adresinizi aşağıdaki kutucuğa yazın ..

En Son Yazılar

Bunlarada gözatın

Yorumlar

Yorum Yazın

İsminiz *

Emailiniz *

Websiteniz