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 :

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 :

<?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.

Baca Juga:  15+ WordPress Slider Plugins Gratis

Nantinya akan seperti ini :

Sekarang tinggal kita isi Widget tersebut sesuai keinginan kita 🙂

Komentar

comments

zulsdesign

Seorang Web Designer, Web Developer, Wordpress Development dan independen Blogger. Spesialisasi Personal Branding. Selalu haus akan ilmu tentang perkembangan dunia Web Design, Social Media, Online Marketing. Kadang-kadang juga berprofesi sebagai konsultan Website dadakan :)

grain storage instagram türk takipçi satın al