Cara membuat menu widget sidebar sendiri di WordPress


Pada kesempatan hari ini saya akan mencoba menjelaskan sedikit mengenai cara membuat widget sendiri di WordPress. mungkin pembaca pernah mengalami sendiri ada beberapa keterbatasan jika menggunakan template hasil download yang diinginkan namun ada beberapa fitur yang kurang memadai misalnya widget yang disediakan hanya ada 1 buah saja atau bahkan tidak ada menu widget sama sekali tentunya sangat membingungkan jika harus mencari template yang lain.

Untuk menanggulangi hal itu pada tulisan kali ini saya akan mencoba membahas mengenai cara membuat menu Widget Sendiri di WordPress caranya sangat mudah. berikut cara-caranya :

1. Masuk ke direktori themes–> themes yang ingin ditambahkan sidebar ( misalnya : twentytwelve).

2. Cari file yang bernama functions.php

3. Masukkan kode di bawah ini ke dalam file tersebut.

function left_widget() {
    register_sidebar(array(
        'name' => 'Sidebar Left',
        'id' => 'sub_navi',
        'before_widget' => '<div id="%s" class="subnavi">',
        'after_widget' => '</div>',
        'before_title' => '<h4 class="rounded">',
        'after_title' => '</h4>',
    ));
}
add_action('widgets_init', 'left_widget');

maka dari kode diatas akan dihasilkan sebuah widget baru atau sidebar bernama Sidebar Left. 

berikut ini adalah penjelasan dari kode-kode diatas :

function left_widget() : adalah nama fungsi yang akan digunakan saat menggunakan hook widgets_ini.

register_sidebar(): adalah fungsi yang digunakan untuk mendaftarkan sidebar baru atau tempat menyimpan widget yang baru.

name : Nama dari sidebar yang akan muncul di menu Widget.

id : id dari sidebar yang dihasilkan saat muncul di halaman utama situs.

before_widget: tag yang akan muncul di baris html pertama sidebar.

after_widget : tag yang menjadi akhir dari sidebar ini. misalnya jika before_widget adalah <div> maka akhir after widget pun adalah </div> dll.

before_title: tag yang akan muncul di awal judul ari sidebar.

after_title : tag yang akan muncul di akhir judul sama seperti before widget dan after widget.

sebenernya masih banyak tag-tag yang lain yang masih bisa digunakan namun untuk contoh saya hanya masukkan beberapa tag saja seperti diatas.

sedangkan untuk add_action() itu adalah fungsi dari WordPress untuk memanggil hook atau event tertentu. untuk lebih jelasnya silahkan baca disini

sekian pembahasan kali ini semoga bermanfaat selamat mencoba

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s