Articles

Fungsi sidebar pada Wordpress

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.

Other Wordpress Articles:
Fungsi media images pada Wordpress
Fungsi media pada Wordpress
Fungsi pagination pada Wordpress
Fungsi navigasi menu pada Wordpress
Fungsi widget pada Wordpress
Fungsi sidebar pada Wordpress
Custom header pada Wordpress
Fungsi-fungsi dalam Wordpress theme
Template taksonomi pada Wordpress
Parsial file template pada Wordpress
Template jenis kustom pada Wordpress