Sebenarnya pengertian sebuah sidebar dalam WordPress adalah sebuah area untuk ditempati beberapa widget. Pada awal mula perkembangan disain web sidebar ini merupakan menu samping baik menu samping di sisi kiri maupun menu samping di sisi kanan. Pada menu samping kiri atau menu samping kanan ini, pemilik website dapat menambahkan widget-widget sesuai kebutuhannya. Tentu saja widget-widget yang ditambahkan adalah widget yang disediakan oleh theme ataupun plugin.

Perkembangan website maka fungsi semacam sidebar ini juga muncul di footer misalnya sebagai footer kiri, footer tengah dan footer kanan. Tetapi karena sudah terlanjur disebut sidebar, maka tetaplah disebut sidebar meskipun ditempatkan dalam footer.

Contoh management widget yang akan ditempatkan dalam sidebar adalah seperti gambar berikut ini

Pada gambar di atas terlihat bahwa sidebar dengan nama ‘Blog Sidebar’ diisi dengan widget Search, Recent Post, Recent Comments, Archives, Categories dan Meta. Sedangkan widget Footer 1 belum disi sebuah widget apapun.

Untuk mendaftarkan sidebar kita dapat menggunakan function register_sidebar() dalam functions.php.
Contoh source code yang dimuat dalam dokumentasi WordPress di https://developer.wordpress.org/themes/functionality/sidebars/ adalah seperti berikut ini

function themename_widgets_init() {
    register_sidebar( array(
        ‘name’          => __( ‘Primary Sidebar’, ‘theme_name’ ),
        ‘id’            => ‘sidebar-1’,
        ‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
        ‘after_widget’  => ‘</aside>’,
        ‘before_title’  => ‘<h1 class=”widget-title”>’,
        ‘after_title’   => ‘</h1>’,
    ) );
 
    register_sidebar( array(
        ‘name’          => __( ‘Secondary Sidebar’, ‘theme_name’ ),
        ‘id’            => ‘sidebar-2’,
        ‘before_widget’ => ‘<ul><li id=”%1$s” class=”widget %2$s”>’,
        ‘after_widget’  => ‘</li></ul>’,
        ‘before_title’  => ‘<h3 class=”widget-title”>’,
        ‘after_title’   => ‘</h3>’,
    ) );
}
add_action( ‘widgets_init’, ‘themename_widgets_init’ );

Berikut contoh registrasi yang dilakukan pada file functions.php:

/**
 * Register widget area.
 *
 * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
 */
function twentyseventeen_widgets_init() {
    register_sidebar( array(
        ‘name’          => __( ‘Blog Sidebar’, ‘twentyseventeen’ ),
        ‘id’            => ‘sidebar-1’,
        ‘description’   => __( ‘Add widgets here to appear in your sidebar on blog posts and archive pages.’, ‘twentyseventeen’ ),
        ‘before_widget’ => ‘<section id=”%1$s” class=”widget %2$s”>’,
        ‘after_widget’  => ‘</section>’,
        ‘before_title’  => ‘<h2 class=”widget-title”>’,
        ‘after_title’   => ‘</h2>’,
    ) );

    register_sidebar( array(
        ‘name’          => __( ‘Footer 1’, ‘twentyseventeen’ ),
        ‘id’            => ‘sidebar-2’,
        ‘description’   => __( ‘Add widgets here to appear in your footer.’, ‘twentyseventeen’ ),
        ‘before_widget’ => ‘<section id=”%1$s” class=”widget %2$s”>’,
        ‘after_widget’  => ‘</section>’,
        ‘before_title’  => ‘<h2 class=”widget-title”>’,
        ‘after_title’   => ‘</h2>’,
    ) );

    register_sidebar( array(
        ‘name’          => __( ‘Footer 2’, ‘twentyseventeen’ ),
        ‘id’            => ‘sidebar-3’,
        ‘description’   => __( ‘Add widgets here to appear in your footer.’, ‘twentyseventeen’ ),
        ‘before_widget’ => ‘<section id=”%1$s” class=”widget %2$s”>’,
        ‘after_widget’  => ‘</section>’,
        ‘before_title’  => ‘<h2 class=”widget-title”>’,
        ‘after_title’   => ‘</h2>’,
    ) );
}
add_action( ‘widgets_init’, ‘twentyseventeen_widgets_init’ );

Untuk menampilkan sidebar pada situs kita, kita menggunakan dua langkah yaitu

  1. Membuat file template sidebar.php
  2. Theme memanggil dengan template tag get_sidebar()

Lebih lanjut mengenai template sidebar.php, kita dapat menggunakan function dynamic_sidebar() .

Informasi lebih lanjut mengenai sidebar silahkan mengunjungi https://developer.wordpress.org/themes/functionality/sidebars/ .

Kunjungi www.proweb.co.id untuk menambah wawasan anda.

Fungsi sidebar pada WordPress
× Ada yang dapat saya bantu ? Available on SundayMondayTuesdayWednesdayThursdayFridaySaturday