Ana Sayfa
Wordpress
Photoshop
HTML & CSS
Eyl
01
Yazar:ImOttoman Kategori:Wordpress Tarih:01.09.12 Görüntülenme:62 Yorum:5

WordPress Sidebarı Widget Uyumlu Yapma

WordPress Sidebarı Widget Uyumlu Yapma

Merhaba arkadaşlar…Size bu yazımda gelecekte vereceğim 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ı sidebar 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.20_1166]
Rating: 10.0/10 (2 votes cast)
VN:F [1.9.20_1166]
Rating: +1 (from 1 vote)
WordPress Sidebarı Widget Uyumlu Yapma, 10.0 out of 10 based on 2 ratings

Yazıdan Faydalandıysan Yazıyı Paylaş ki Arkadaşlarında Faydalansın!

Hakkımda

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.

Yorumlar(5)

  1. Burak diyor ki:

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

    VA:F [1.9.20_1166]
    Rating: 5.0/5 (1 vote cast)
    VA:F [1.9.20_1166]
    Rating: 0 (from 0 votes)
  2. Ufuk diyor ki:

    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 :)

    VA:F [1.9.20_1166]
    Rating: 5.0/5 (1 vote cast)
    VA:F [1.9.20_1166]
    Rating: +1 (from 1 vote)
    • ImOttoman diyor ki:

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

      VN:F [1.9.20_1166]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.20_1166]
      Rating: 0 (from 0 votes)
  3. Ehl-i Beyt diyor ki:

    teşekkürler..

    VA:F [1.9.20_1166]
    Rating: 4.0/5 (2 votes cast)
    VA:F [1.9.20_1166]
    Rating: 0 (from 0 votes)
  4. Alperen diyor ki:

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

    VA:F [1.9.20_1166]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.20_1166]
    Rating: 0 (from 0 votes)

Bir Yorum Yazın

Reklam Alanı

Son Yorumlar

  • Yükleniyor...