Zeki Can - WordPress

  Wordpress

WordPress’te Sayfalara Özel Sidebar Kısmı Oluşturma – Ekletisiz

WordPress kullanıcıları için sayfalara özel sidebar kısımları oluşturabilirsiniz. Resimli anlatım sidebar yapımı. Özel Sidebar sayesinde sayfa ya ait ayrı bileşenler ekleyebileceksiniz. Bileşen kısmını kullanarak yaptığımızdan kolayca düzenleme kaldırma işlem de yapabileceksiniz. Sidebar kısımlarını eklentisiz oluşturacağız. Yazının sonunda kodla uğraşmak istemeyenler için eklenti önereceğim.

Eklentisiz Sayfaya Özel Sidebar Yapımı

Kodlama ile yapacağız.  Eklentisiz olacak ve bir örnek sayfa seçip ona resimli olarak Sidebar kısmı ekleyeceğim.

Başlamadan önce function.php dosyamızın yedeğini alalım.

Function.php Dosyası Nerededir ?

Daha önceki konularım da bu soru çok sorulduğundan bu konu hakkında ayrıntılı hatta resimli olarak bir makale hazırlamıştım. Kısaca burada hemen anlatacağım.

FilleZilla programı ile sunucunuzda web sitenizin dizinine bağlanın.

Public_html  >>> wp-content >>> themes >>> TEMA İSMİNİZ  yolunda sizin temanıza ait function.php dosyanız bulunmakta. Daha ayrıntılı anlatım için funtions.php Dosyası Nerededir?  adlı yazımı okuyabilirsiniz.

Yeni Bir Sidebar Tanımlama

Function.php Dosyasına Ekleyeceğimiz Kod:

if ( function_exists('register_sidebar') ) {
    register_sidebar(array(
        'name' => 'İkinci Sidebar',
        'id' => 'ikinci-sidebar',
        'description' => 'Keyfimiz için ZekiCanNet sidebar',
        'before_widget' => '<div id="%1$s">',
        'after_widget' => '</div>',
        'before_title' => '<h3>',
        'after_title' => '</h3>',
    ));
}

Artık kontrol paneline geldiğiniz de (Admin Paneli – Görünüm – Sidebar ) oluşturduğumuz ikinci sidebar kısmını göreceksiniz.

Temamıza bu kodlama ile ikinci sidebarımızı tanımladık. Şimdi sıra geldi bu sidebarı nereye koymak istiyoruz.

Sidebarı Nereye Nasıl Yerleştireceğiz

Bu sidebarı yazılarımızın altında, footer kısmımızda, yazılarımızı sıralamadan önce ya da diğer herhangi bir sayfa da o sayfaya özel kullanabiliriz.

Eklemek istediğiniz yere siz karar verin. Ben yazıların altında metin ya da arada duyuru eklemek için kullanacağım. Kullanmak istediğiniz yerde bu kodu kullanarak çağıracaksınız:

<?php
	if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('ikinci-sidebar') ) :
	endif; ?>

Kodların Örnek Kullanımı

Search.php sayfamda arama yapıldığında eğer aranan kelime sitede yoksa, 

“Üzgünüm, arama teriminiz ile ilgili bir şey bulamadık. Lütfen farklı anahtar kelimelerle tekrar deneyin…” altında da tekrar arama kutusu çıkıyor. Sonrasında sayfa alt kısma kadar boş. Bu alanı ikinci sidebarım için kullanacağım. Resimlerde   4   ile işaretlediğim görüntü ilk bahsettiğim durum.

 1   İlk olarak functions.php dosyamıza yukarı da verdiğim kodu ekleyin.

Bu kodu kaydedip sunucuya tekrar attıktan sonra admin panelde ki görünümü alttaki gibi olacaktır.

 2   Görünüm kısmından Bileşenleri tıklayın.

 3   İkinci Sidebar bileşenler kısmımızda gözüküyor artık.  

 4   Şuan için sayfam bu şekilde gözüküyor.

Bu bileşen bölümünün search.php dosyasın da gözükmesini istediğinden sunucuma bağlanıp search.php dosyamı açıyorum. Ve diğer verdiğim kodu yerleştiriyorum.

 5   Sunucudan search.php dosyasını bir editör yardımı ile açın.

 6   Kodu gösterdiğim gibi main bölümünüzün en altına ekleyin.

Kodları ekledik her şey hazır. Bileşenler bölümünden bir bileşen ekleyin bakalım nasıl duracak!

Denemek için hemen bir resim bileşeni ekledim.

Sonuç:

Bunun gibi eklemek istediğiniz yere sizde artık ikinci sidebarınızı oluşturabilirsiniz.

  Benzer Yazılar

  Yorumlar

  Kategoriler

  Arama Yap

  Son yorumlar