Tips Menambahkan Sidebar WordPress

Artikel ini saya tulis tujuan utamanya sebagai dokumentasi saya saja, karena beberapa kali sempat lupa caranya :D Maklum dunia saya sekarang sudah agak jauh dari coding PHP atau web programming. Kadan kangen juga nih, jaman2 kuliah dulu, sehari-hari cuman coding dan coding ampe teler :D

Kali ini saya akan membuat dokumentasi tips atau car untuk menambahkan sidebar di blog berplatform wordpress. Penjelasan saya di bawah ini hanya tips menambahkan/menampilkan sidebar, lepas dari design dan tampilannya silakan di explorer sendiri melalui cascading style sheet atau CSS.

Untuk membuat sidebar baru, yang pertama harus dibuka adalah file function.php yang ada di themes WP anda. Carilah baris skrip di bawah ini:

<?php
if ( function_exists('register_sidebars') )
    register_sidebars(2);
?>

Angka 2 menunjukan jumlah sidebar yang saat ini aktif.  Isi sesuai dengan sidebar yang akan anda aktifkan di themes yang anda gunakan, misalkan 3. Selanjutnya buat file sidebar baru yang anda buat dan isi file tersebut dengan skrip berikut:

<div>
<ul>
    <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(3) ) : else : ?>
    <?php endif; ?>
</ul>
</div>

Angka 3 menunjukan bahwa file tersebut adalah sidebar ke 3 yang baru saja anda buat. Jangan lupa simpan file tersebut di folder themes blog yang anda gunakan. Kemudian, langkah terakhir adalah meletakan file sidebar baru tersebut ke dalam file index.php dengan cara:

<?php include (TEMPLATEPATH . '/sidebar3.php'); ?>

Nah selesai sudah cara menambahkan sidebar pada blog wordpress. Dalam beberapa themes isi file function.php yang mengakomodir sidebar ini ada yang berbeda. Seperti misalnya theme wordpress yang saya pakai ini. Fungsi yang mengatur sidebar di function.php adalah sebagai berikut:

<?php

if ( function_exists(‘register_sidebar’) ) {
register_sidebar(array(
‘name’ => ‘sidebar1‘,
‘before_widget’ => ‘<li id=”%1$s”>’,
‘after_widget’ => ‘</li>’,
‘before_title’ => ‘<h2>’,
‘after_title’ => ‘</h2>’,
));
}

if ( function_exists(‘register_sidebar’) ) {
register_sidebar(array(
‘name’ => ‘sidebar2‘,
‘before_widget’ => ‘<li id=”%1$s”>’,
‘after_widget’ => ‘</li>’,
‘before_title’ => ‘<h2>’,
‘after_title’ => ‘</h2>’,
));
}

?>

Nah, untuk fungsi sidebar yang diatas, saya rasa lebih mudah untuk menambahkan sidebar baru. Cukup copy paste skrip function tersebut dan letakan saja di bawah function sidebar pertama. Lihat pada skrip di atas, ada 2 buah fungsi dengan nama sidebar1 dan sidebar2. Itu berarti akan aktif 2 sidebar, maka selanjutnya tinggal memodifikasi index.php untuk meletakan sidebar yang kita buat. Untuk menampilkan sidebar baru tersebut gunakan skrip di bawah ini:

<div class=”sidebar-2“>
<ul>
<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar(”Sidebar2“) ) : ?>
<?php endif; ?>
</ul>
</div>

Atau bisa letakan skrip diatas pada sebuah file sidebar baru yang kita buat, kemudian includekan file tersebut di halaman index.php.

About Oka Mahendra

Menyukai bisnis online sejak 2007...latar belakang pendidikan IT di STM Telkom Purwokerto dan Kampus Ungu Yogyakarta.
This entry was posted in Wordpress and tagged , . Bookmark the permalink.

3 Responses to Tips Menambahkan Sidebar WordPress

  1. zaidharisar says:

    thanks infonya..sangat membantu

  2. adi says:

    mantap gan, ini artikel yang saya cari. trimakasih banyak ya gan! sukses terus…!

  3. Oka Mahendra says:

    Terima kasih sudah berkunjung yaaa :) salam sukses

Leave a Reply