WordPress Tema Entegre Eğitim Seti: Sidebar Kodlama #6

Bir önceki dersimizde eklentisiz sayfalama yapımını sizlere anlatmıştım. Bu dersimizde ise sidebar.php'i sizler ile kodlayacağız.

Merhaba arkadaşlar,

Bir önceki dersimizde eklentisiz sayfalamayapımını sizlere anlatmıştım. Bu dersimizde ise sidebar.php'i kodlayacağız.

Bu derste PHP'den çok CSS yazacağız aslında. PSD to CSS derslerinde sidebarı kodlamıştık diyebilirsiniz. Fakat burada WordPress'in kendi bileşen kodları ile kodlayacağız. Ve bileşen class'larına özel CSS'ler yazacağız. İsterseniz hemen başlayalım. Her ders olduğu gibi temel kodları aşağıda vereceğim.

Sidebar.php Yazılacak Kod:


<ul>

 if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar') ) : ?>

Bileşen Eklenmedi

 endif; ?>

</ul>



Sidebar Functions Kod:


register_sidebars(1, array('name'=>'sidebar'));



Sidebar.php Çağırma Kodu:


<?php  get_sidebar(); ?> ?>



Şu anda sidebarımızı çağırmış olduk, fakat bileşenlerin hiç güzel bir görüntüsü yok. Şimdi ana classımız olan “widget” classını kullanarak CSS'lerimizi yazacağız.
  • Etiketler;
Baran Somaklı
1998 yılında doğdu. 2013 yılından beri arayüz geliştirmeyle uğraşıyor. 2014 yılından itibaren aktif olarak WordPress üzerine çalışmalar yapıyor ve WordPress temalar geliştiriyor.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git