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

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

WordPress kullanıcıları için sayfalara hususi sidebar kısımları oluşturabilirsiniz. Resimli ifade sidebar yapımı. Hususi Sidebar yardımıyla sayfa ya ilişik 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.

Temamızın düzgüsel Sidebarları dışın da bu kodlama mantığı ile yeni sidebar bölgeleri yapabilirsiniz !

Eklentisiz Sayfaya Hususi 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 ilkin function.php dosyamızın yedeğini alalım.

Function.php Dosyası Nerededir ?

Daha önceki konularım da bu sual oldukca sorulduğundan bu mevzu hakkında detaylı hatta resimli olarak bir yazı hazırlamıştım. Özetlemek gerekirse burada derhal 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 ilişik function.php dosyanız bulunmakta. Daha detaylı ifade 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' => '
', 'after_widget' => '
', 'before_title' => '

', 'after_title' => '

', )); }

Kodları eklemeden yedekleyin functions.php dosyanızı. Sonrasında dosyanın en üsttene gelin

Artık denetim paneline geldiğiniz de (Admin PaneliGörünümSidebar ) oluşturduğumuz ikinci sidebar kısmını görmüş olacaksınız.

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

Sidebarı Nereye Iyi mi Yerleştireceğiz

Bu sidebarı yazılarımızın altında, footer kısmımızda, yazılarımızı sıralamadan ilkin ya da öteki herhangi bir sayfa da o sayfaya hususi 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:


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 değişik anahtar kelimelerle yeniden deneyin…” altında da yeniden 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 ilave edin.

 

Fuctions.php’ye Eklenen Kod

Bu kodu kaydedip sunucuya yeniden attıktan sonrasında admin açık oturumde ki görünümü alttaki benzer biçimde 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.  

Sidebar Kısmının Görünümü

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

Search.php görünümü

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 öteki verdiğim kodu yerleştiriyorum.

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

 6   Kodu gösterdiğim benzer biçimde main bölümünüzün en altına ilave edin.

Sidebar Yerştirme İşlemi

Kodları ekledik her şey hazır. Bileşenler bölümünden bir bileşen ilave edin bakalım iyi mi duracak!

Fotoğraf Bileşeni Ekledim

Tecrübe etmek için derhal bir fotoğraf bileşeni ekledim.

Netice:

İkinci Sidebar Oluştu

Bunun benzer biçimde eklemek istediğiniz yere sizde artık ikinci sidebarınızı oluşturabilirsiniz.


Etiketler : Eklentisiz Sidebar Yapımı, Sidebar Yapımı, WordPress, WordPress Sayfalara Özel Sidebar Tasarlama, WordPress Sidebar, WordPresste İkinci Sidebar Alanı Yapımı, WordPresste Sidebar Alanları Yapımı


Leave a Reply

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir