Zeki Can - WordPress

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

  Wordpress    11 Ocak 2021
1 Yorum

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.

Temamızın normal Sidebarları dışın da bu kodlama mantığı ile yeni sidebar yerleri yapabilirsiniz !

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>',
    ));
}

Kodları eklemeden yedekleyin functions.php dosyanızı. Sonra dosyanın en üsttene gelin <.?.p.h.p den hemen sonraya yapıştırın.

Artık kontrol paneline geldiğiniz de (Admin PaneliGörünümSidebar ) 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.

 

İkinci Sidebar Yapımı için kullanacağımız kod
Fuctions.php’ye Eklenen Kod

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.  

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

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

Searchphp görünümü
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 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.

Sidebar Yerleştirme İşlemi
Sidebar Yerştirme İşlemi

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

Resim Bileşeni Ekledim
Resim Bileşeni Ekledim

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

Sonuç:

İkinci Sidebar Oluştu.
İkinci Sidebar Oluştu

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


Etiketler : , , , , , ,


  Benzer Yazılar


  Yorumlar

Bir Cevap Yazın

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

Yapılan Yorum (1)

  Arama Yap

  Arşivler

  Popüler Yazılar