WordPress için dropdown menü nasıl hazırlanır?

WordPress için <select> form öğesiyle menü hazırlamak eskiden biraz can sıkıcıydı. Fonksiyonlar arasına sıradan bir <nav> tipi menüyü dropdown (açılabilir) menüye çevirmemizi sağlayacak yazılımlar eklememiz gerekiyordu. Tabii işlem bu kadarla bitmiyor. Fakat artık bu kod karışıklığını unutun.

Bu makalemizde “WordPress siteme en kolay şekilde dropdown menü nasıl eklerim?” sorusunun cevabını anlatacağız.

WordPress Dropdown Menü <select>

Dropdown menüler klasik site haritalarıdır. Web 1.0‘ın ilk gününden bugünlere kadar gelmiş ve popülerliğini hiç yitirmemiştir. Bunun sebebi de her türlü platformda rahatça kullanılabilir olmaları. Ayrıca <select> form öğesi CSS3‘ün yeni elemanlarıyla kolaylıkla düzenlenilebilir hale geldi. Bu gelişme de mobil arayüz tasarımcılarını <select> öğesine yönelten şey oldu.

Şimdi WordPress’te klasik menümüzü nasıl <select> dropdown tipine çevireceğimizi konuşalım.

wp_dropdown_categories

WordPress‘in pek yeni sayılmayan wp_dropdown_categories tanımlaması işimizi kolaylaştıracak. Yazılımın 2.1 versiyonuyla gelen bu tanımlama wp-includes/category-template.php dizininde detaylandırılıyor.

Klasik kullanımı

<?php wp_dropdown_categories(); ?>

İşin güzel kısmı WordPress bu tanımlama için array kullanmamıza izin veriyor. Tanımlamanın varsayılan değerleri de aşağıdaki gibidir.

<?php wp_dropdown_categories(array(
	'show_option_all'    => '',
	'show_option_none'   => '',
	'orderby'            => 'ID',
	'order'              => 'ASC',
	'show_count'         => 0,
	'hide_empty'         => 1,
	'child_of'           => 0,
	'exclude'            => '',
	'echo'               => 1,
	'selected'           => 0,
	'hierarchical'       => 0,
	'name'               => 'cat',
	'id'                 => '',
	'class'              => 'postform',
	'depth'              => 0,
	'tab_index'          => 0,
	'taxonomy'           => 'category',
	'hide_if_empty'      => false
)); ?>

wp_dropdown_categories’in tüm codexlerini görüntülemek için buraya bakabilirsiniz.

Nasıl yapılır?

Tanımlamayı biraz detaylandırdıktan sonra artık ideal kod dizinini paylaşabiliriz. Yukarıda gördüğünüz gibi onlarca array mevcut. Fakat burada kilit olan hierarchical seçimi olacaktır. Çünkü menülerimizi hiyerarşik düzen içerisinde göstermemizi sağlıyor.

Ayrıca menünüze özel bir CSS tanımlaması yapmak istiyorsanız class tanımlaması da yapabilirsiniz.

Aşağıdaki kodu sitenizde dropdown menü göstermek istediğiniz alana girebilirsiniz.

<?php wp_dropdown_categories(array('orderby' => 'ID','order' => 'ASC','hierarchical' => true,'show_count' => false)); ?>

Örnek olarak Adobewordpress’in mobil cihaz tasarımına göz atın.