Blog Archive
My Facebook
Cara Menambah Sidebar Pada Blog WordPress
Kode Untuk Menambah Sidebar
Wah..jadi panjang lebar gini ceritanya…haha…intermezo aja.
baik, kita masuk ke pembahasan. Kali ini saya ingin berbagi trik cara menambah sidebar pada blog wordpress.
Langkah pertama adalah mendaftarkan sidebar yang akan kita buat di file functions.php. Masukkan script ini di dalam file function.php. script di bawah ini berfungsi memunculkan pilihan sidebar pada saat anda ingin memasang widget.
1 2 3 4 |
if ( function_exists( 'register_sidebars' ) ) register_sidebars(2); ?> |
Angka (2) di atas menandakan bahwa sidebar terdapat 2 buah. Untuk menambahnya tuliskan (3) atau terserah mau diisi berapa. Lalu klik “update file”. Setelah itu sekarang kita membuat file phpnya. Buat lewat cpanel pada direktori /public_html/wp-content/themes/namatheme dengan klik new file. Beri nama filenya dengan extensi .php, misal sidebar_anyar.php. Kemudia isi file tersebut dengan kode berikut:
1 2 3 4 5 |
|
Sesuaikan angka (3) dengan jumlah sidebar yang akan anda buat. Save pekerjaan.
Nah setelah itu kita tinggal mengedit file-file template seperti index.php, single.php, page.php atau file mana saja yang akan kita munculkan sidebar tersebut. Tambahkan kode ini untuk memanggil file sidebar baru.
1 |
|
Kadang ada template yang berbeda isi file function.phpnya. Misalnya seperti ini:
1 2 3 4 5 6 7 8 9 10 |
if ( function_exists( 'register_sidebar' ) ) register_sidebar( array ( 'name' => 'Sidebar-1' , 'before_widget' => ", 'after_widget' => ", 'before_title' => ' ' |
Jika seperti ini biasanya themes tersebut hanya memiliki satu file sidebar.php yang berisikan beberapa sidebar. Sebetulnya kita bisa merubah file functions.php menjadi seperti cara sebelumnya tetapi lebih repot karena harus membagi file sidebar mejadi terpisah-pisah. Sebaiknya kita edit saja file functions.php tersebut. Copypaste kode sidebar yang ada dibagian bawahnya menjadi seperti ini :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
if ( function_exists( 'register_sidebar' ) ) register_sidebar( array ( 'name' => 'Sidebar-1' , 'before_widget' => ", 'after_widget' => ", 'before_title' => ' ' |
Jangan lupa untuk mengganti nama sidebarnya (yang warna merah), klik update file atau save. Nah sekarang kita buka file sidebar.php. Jika sebelumnya kita sudah memasang widget pada sidebar lama maka akan banyak terdapat kode-kode widget. Tapi kurang lebih isi kode utamanya adalah seperti ini :
1 2 3 4 5 6 7 |
class =”sidebar-1“>
|
Tinggal copypaste kode tersebut dibawah sidebar lama dan rubah nama sidebarnya, menjadi seperti ini :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
class = "sidebar-1" >
class = "sidebar-2" >
|
Update file atau save, selesai. untuk mengatur lebar dan efek sidebar edit pada file style.css. Jangan lupa tambahkan kode-kode sidebar baru kita di sana, cara mudahnya copy paste aja kode-kode sidebar lama dan ganti namanya. Nah sekarang tinggal menambah kan widget di sidebar melalui menu Appearance – widget.
5 komentar:
file functions.php itu letaknya dimana ?
/public_html/wp-admin/Admin functions.php ATAU /public_html/wp-content/themes/adventure-journal/functions.php
buat saya mikir neee........
bagi saya sebagai pemula lumayan sulit hihi
selamat mencoba gan........
Web saya punya sidebar kanan. Setelah diutak atik malah sidebarnya hilang. Gimana ya cara mengembalikannya?
Post a Comment
Mohon jangan meninggalkan SPAM dan link-link yang negatif!!
Untuk Artikel yang berumur lebih dari 20 hari akan dimoderasi oleh Admin.