İsmail Bayram > > WordPress Sidebarı Widget Uyumlu Yapma

Eyl
01
Kategori :
Tarih : 01.09.12
Görüntülenme : 1.285
Yorum : 9

WordPress Sidebarı Widget Uyumlu Yapma

WordPress Sidebarı Widget Uyumlu Yapma

Merhaba arkadaşlar…Size bu yazımda gelecekte vereceğim wordpress tema yapımı videoları serisini tamamlayacak bir konudan bahsedeceğim.Çünkü paylaşacağım videolarda sadece sidebar yapımını anlatacağım.Ama wordpress sidebarı widget uyumlu yapma biraz daha farklı bir olay.Bu yüzden ilk defa tema yapacaklar videolar geldikten sonra bu konuya bakabilir.Ya da keyif sizin bakın yav, yararlı olur.

Şimdi wordpress temayı widget uyumlu yapmak ne demek ondan bahsedeyim.

Panelinizden Görünüm/Bileşenlere gelin.Eğer temanız bileşenleri destekliyorsa hiç bir hata mesajı vermez.Fakat desteklemiyorsa “Temanız Bileşenler ile Uyumlu değil.” diye bir hata mesajı alırsınız.

Zaten WordPressi uzun zamandan beri kullanıyorsanız burayı biliyorsunuzdur.Ama bilmeyenler için söyleyelim.Bu kısımda temanızın sidebar.php dosyanızı sürükle/bırak yoluyla çok rahat bir şekilde yönetebilirsiniz.İşte burdan Son Yazıları veyas Son Yorumları sidebarınıza sürüklersiniz sonra sayfanızı yenilediğinizde gelir falan…Fakat farkederseniz bu sidebarda eğer bileşen destekliyse hep aynı tür başlıklar çıkar yani yazı stilinden bahsediyorum…

Neyse lafı çok uzattım yav anlayan anladı bence…

#Temayı Bileşen Destekli Hale Getirme#
(kodları denemeden önce mutlaka yedek alınız.)
-Öncelikle temanızın functions.php dosyasını açın ve

?>

tagından önce olan yere şu kodları ekleyin ;

/* Widget Uyumu bas */
if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '',
'after_widget' => '',
'before_title' => '',
'after_title' => '',
));
/* Widget Uyumu son */

Daha sonra temanızın sidebar.php dosyasını açın ve oraya da şu kodları ekleyin;

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

Şimdi kaydedip panelinizden Görünüm/Bileşenler yoluna gidin ve istediğiniz gibi düzenleyin.

“Ama bir dakika kardeşim benim tasarımım nerede kaldı? Düz html kodlarını gösteriyor bu iş yav” gibi tepkileri duyar gibiyim.Evet ilk yaptığınızda şu şekilde görünecektir;

wordpress tema bileşen destekli yapma

Şimdide functions.php dosyamıza geri dönüyoruz ve widget uyumu için verdiğim kodları tekrar bulduktan sonra orada 4 tane parametre görüyoruz.Şimdi bunları nabıcaz?Öncelikle before widget parametresi eklenecek bileşenden önceki html kodlarını içerir yani şöyle yapalım mesela.before widget’e kırmızı 1px border atayalım.Haliyle after widget ten sonrada divi kapatmamız gerekir.(before widget=bileşenden önce,after widget=bileşenden sonra)

/* Widget Uyumu bas */
if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '<div style="border:1px solid red;">',
'after_widget' => '</div>',
'before_title' => '',
'after_title' => '',
));
/* Widget Uyumu son */

Daha sonra şu hali alır.
wordpress temayı bileşen destekli yapma

Mantığı anlamışsınızdır sanırım.Şimdi de başlığı değiştirelim biraz.Burada da before title ve after title parametreleri var.before widget de anlattığım için fazla detaya girmiyorum mantık aynı.Başlığa da mavi renk verelim altını da çizelim.(before title=başlıktanönce,after title=başlıktan sonra)

/* Widget Uyumu bas */
if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '<div style="border:1px solid red;">',
'after_widget' => '</div>',
'before_title' => '<font color="blue"><u>',
'after_title' => '</u></font>',
));
/* Widget Uyumu son */

Sonunda bu hali alacaktır.
wordpress temayı bileşen destekli yapma

Aslında makalenin bu kadar uzun olduğuna bakmamak gerek.Çünkü ben biraz lafı dolandırdım herhalde.Ben en ayrıntılı biçimini anlattığımı düşünüyorum.Bayağı bir araştırdım ama bu tarz bir anlatım göremedim.İnşallah ilki bendedir.Anlamadığınız herhangi bir yeri yorum atarak sorabilirsiniz.Her türlü yardımcı olabilirim.

VN:F [1.9.22_1171]
Rating: 8.0/10 (6 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 2 votes)
WordPress Sidebarı Widget Uyumlu Yapma, 8.0 out of 10 based on 6 ratings

Yazar Hakkında

16 Kasım 1996′da dünyaya Balıkesir’de gözlerimi açtım.Tenoloji ve elektronik tarzı şeyler her zaman ilgimi çekmiştir.7 yaşımda ilk internet cafeye gittiğim gün hepimizin en az bir kere bile oynadığı CS 1.6 ile tanıştım.Tabi o zamanlar küçüktük böyle webmasterlıkmış falan yok bilmiyoruz adını dahi.Sonra evime bilgisayar alınmasıyla iyice aram yakınlaştı.Gamemaker ile içli dışlı oldum.Daha sonra üye olduğum bir forum sitesi sayesinde bilgisayarın temeline girdim.2012 Nisan ayından itibaren HTML&CSS ve WordPress’te kendime göre önemli yollar kathettim.Biraz da PHP bilgimin olması beni WordPress ile daha kolay yakınlaşmamı sağladı ve vazgeçilmezim oldu.Şimdi ise burdayım.Ayrıntılı Bilgi için En iyisi tek olmak adlı makaleme bakabilirsiniz.

Yazıyı Paylaş!
Yorumlar(9)
  1. Burak 02 Eylül 2012

    teşekkürler bu konu kaç haftadır aradığım bi konu sayende aramam bitti teşekkürler :)


  2. Ufuk 02 Eylül 2012

    Hocam butür anlatımların içinde sizinki daha detaylı olmuş teşekkürler ederim ayrıca butür anlatımlarınız oldukça sizlere daha fazla takip olacak insanlar bulunacaktır :)


    • ImOttoman 02 Eylül 2012

      inşallah olacaktır.Zamanla kendimi tanıtacağım bu tür makalelerle…


  3. Ehl-i Beyt 02 Eylül 2012

    teşekkürler..


  4. Alperen 03 Eylül 2012

    Teşekkürler aradığım konuydu :)


  5. Mustafa 25 Ocak 2013

    S.a admin bana acil ulaş


    • ImOttoman 25 Ocak 2013

      iletişim bölümünden Facebook, Twitter ve Skype adreslerime ulaşabilirsiniz.


  6. emre 01 Şubat 2013

    mrb. ben sıfırdan tema tasarlayıp wp ye entegre ettim bu kodlarlada bileşen desteği yapmaya çalıştım ama olmadı. admin panelde bileşen menüsü çıkmıyo. adresi elle girincede widget desteği yok diye hata veriyo. temada index, header, footer, sidebar ve single dosyaları var. tasarım dışında başka kod eklemedim. bileşen için başka bir ayar gereklimi. function dosyasını kendim oluşturdum sadece bu kodlar var içinde



Sen de Yorumla!

Spamlara karşı soru: