WordPress’te Sidebar’ı Widgetize Etmek

Aşağı indir

wpEvet arkadaşlar, bu yazımda size temamızı görünüm kısmındaki Bileşenler ile uyumlu hale getirmeyi anlatacağım. Kısaca widgetize yapacağız. ThemeForest’tan aldığnız temaların %90’ı zaten bileşenizedir ama biz kendi temalarımızı da bileşenize etmek istiyorsak bu yazıya bakıyoruz. Oradan hala “Widget ne demek?” seslerini duyuyor gibiyim. Widget yani bileşen, temamızın menüsünü sürükle-bırak yöntemiyle düzenlememizi sağlıyor.

 

Panelinizden Görünüm > Bileşenler menüsüne gelin. eğer size “Temanız Bileşenler ile Uyumlu değil.” hatası veriyorsa şimdi göstereceğim işlemi yapıyoruz.

Öncelikle, temaınızın sidebarının nasıl oluştuğuna bakın. Örn; sidebar başlığında

<h2 class="yanmenubasligi"></h2>

kullanmış. Hemen onu bir yere not edin. Örneğin kategoriler bölümünü

<div class="menuicerik"></div>

içine almış. Bu da önemlidir. Bunları not ettikten sonra kod yazımına geçelim.

Önce functions.php yi açalım.

Sonra veceğim kodu <? ve ?> arasına yapıştıracağız.

Kodumuz;

 

/* Bileşen Uyumu*/

if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '',
'after_widget' => '',
'before_title' => '',
'after_title' => '',
));
/* Bileşen Uyumu son */

 

Evet, tabikide koca bileşenler sadece bu koddan oluşmuyor. Şimdi not ettiğimiz yerleri vereceğim örneğe göre doldurun.
Örnek;
/* Widget Uyumu bas */
if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '<div class="menuicerik">',
'after_widget' => '<div>',
'before_title' => '<h2 class="yanmenubasligi">',
'after_title' => '</h2>',
));
/* Widget Uyumu son */

 

Arkadaşlar, burada not ettiğimiz yerleri yerleştirdik. Bu arada <ul> kodlarını yazmanıza gerek yok. Hem bazı temalarda bazı yerler boşta kalabiliyor. Bunu unutmayın.

Son olarak ta temamızın sidebar.php’sini düzenleyeceğiz. Normalde her şeyi sileriz ama yanmenulistele gibi bir class varsa onu silmiyoruz ve şu kodu yapıştırıyoruz;

 

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>

<?php endif; ?>

Not: Yorum atmaktan çekinmeyin. Yorumlarınızı teker teker cevaplayacağım. İyi bloglamalar . . .

[Toplam:1    Ortalama:10/5]