Register Banyak Widget di WordPress

Bagi peminat WordPress pemula biasanya bingung bagaimana caranya agar kita bisa meregister banyak widget di website yang menggunakan WordPress,

Biasanya untuk tampilan website standar kan widgetnya hanya disediakan
satu, yaitu dibagian sidebar saja, kita lihat tampilan sederhana berikut
ini :

Sekarang kita akan membuat sebuah website dengan tampilan seperti dibawah ini, dan kita akan membuat 3 widget didalamnya :

Kita akan membuat 3 Widget tambahan dengan nama Footer widget 1, Footer widget 2, Footer widget 2.
Buka file functions.php dan kita register-kan ketiga widget ini :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

if ( function_exists('register_sidebar') ) { register_sidebar(array( 'name' => 'sidebar', 'before_widget' => '<div id="%1$s" class="widget %2$s">', 'after_widget' => '</div>', 'before_title' => '<h2>', 'after_title' => '</h2>', )); // widget tambahan register_sidebar(array( 'name' => 'Footer Widget 1', 'before_widget' => '<div id="%1$s" class="widget %2$s">', 'after_widget' => '</div>', 'before_title' => '<h2>', 'after_title' => '</h2>', )); register_sidebar(array( 'name' => 'Footer Widget 2', 'before_widget' => '<div id="%1$s" class="widget %2$s">', 'after_widget' => '</div>', 'before_title' => '<h2>', 'after_title' => '</h2>', )); register_sidebar(array( 'name' => 'Footer Widget 3', 'before_widget' => '<div id="%1$s" class="widget %2$s">', 'after_widget' => '</div>', 'before_title' => '<h2>', 'after_title' => '</h2>', )); }

Kode diatas adalah bagaimana kita meregister sebuah widget, sekarang
kita akan memanggil widget tersebut di halaman depan website kita :

1 2 3 4 5 6 7 8

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Widget 1') ) : ?> <!-- Tampilkan kategori jika widget masih kosong --> <h2>Categories</h2> <ul> <?php wp_list_categories('hide_empty=0&orderby=id&title_li='); ?> </ul> <!-- jika widget sudah kita isi maka kode ini tidak akan ditampilkan lagi --> <?php endif; ?>

Letakkan kode diatas disetiap DIV Footer Widget 1, Footer Widget 2,Footer Widget 3. Jangan lupa sesuaikan nama widget tersebut dengan setiap DIV yang kita punya.
Nantinya akan seperti ini :

Sekarang tinggal kita isi Widget tersebut sesuai keinginan kita

Artikel Terkait: