İPUCU

Seçenekler

WordPress Sidebarı Widget Uyumlu Yapma

'iMuh@fiz - ait Kullanıcı Resmi (Avatar)
Özel Üye
Üyelik tarihi:
08/2012
Nereden:
Bakü
Yaş:
26
Mesajlar:
11.214
Konular:
4118
Teşekkür (Etti):
1199
Teşekkür (Aldı):
1249
Ticaret:
(0) %
17-07-2013 16:25
#1
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;
Ş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.
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.
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.
--------------------- Kimler geldi kimler gecti don bak arkana elbet ki zaman bizi sizide silip supurecektir peki bizden geriye ne kalicak ? keske hic bir sey kalmasa...

Youtube kanalim ► https://goo.gl/eM6wz2

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler

Yetkileriniz
Sizin Yeni Konu Acma Yetkiniz var yok
You may not post replies
Sizin eklenti yükleme yetkiniz yok
You may not edit your posts

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodları Kapalı
Trackbacks are Kapalı
Pingbacks are Kapalı
Refbacks are Kapalı