Tips Menambahkan Sidebar Pada Wordpress

Selasa, 11 Januari 2011

Template wordpress sendiri terbagi menjadi beberapa file bagian yang berdiri sendiri tapi mempunyai keterkaitan satu sama lainnya berbeda dengan template blogspot yang hanya terdiri dari satu file saja. Jadi menurut saya, mengedit template wordpress tidaklah semudah blogspot. Template - template pada wordpress memiliki struktur yang berbeda - beda dalam pengkodeanya tetapi sebenarnya mempunyai arah yang sama.

Kali ini saya akan memberikan tips membuat sidebar baru pada wordpress yang dihosting sendiri bukan wordpress [dot] com yang intinya hanyalah memberikan fungsi dan kode utama sidebar, karena seperti yang sudah saya sebutkan diatas struktur dari template wordpress adalah berbeda -beda.

Membuat sidebar baru pada wordpress


Yang pertama kita lakukan adalah meregisterkan sidebar yang akan kita tambahkan dengan cara mengedit file functions.php lalu tambahkan baris kode ini :
<?php if ( function_exists('register_sidebar'))
register_sidebar(array(
  'name' => 'Sidebar-baru',
  'before_widget' => '<li id="%1$s">',
  'after_widget' => '</li>',
  'before_title' => '<h3>',
  'after_title' => '</h3>',
));
?> 
Tips : Anda bisa mengganti kode yang berwarna merah dengan nama sidebar yang akan anda tambahkan.

Selanjutnya buat sebuah file baru pada folder theme anda dengan nama sidebar-baru.php yang telah diregisterkan diatas lalu isi dengan kode seperti ini :
<?php
/**
* Sidebar Baru.
*
*/
?>

<div class="sidebar-baru">
    <ul>
      <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar-baru') ) : ?>
      <?php endif; ?>
    </ul>
</div>
Kode utama pemanggilan sidebar biasanya seperti ini :

<?php
  get_sidebar( );
?>
Agar sidebar baru yang kita buat tersebut bisa ditampilkan diblog, maka kode pemanggilan sidebar diatas harus kita ubah dulu:
<?php 
  get_sidebar( 'baru' );
?>
Kode yang berwarna hijau diambil dari nama sidebar-baru yang telah dibuat diatas. Lalu letakan kode pemanggilnya ke dalam file index.php.

Selamat mencoba..!!

Dapatkan update terbaru:
* Cek email konfirmasi untuk berlangganan yang telah dikirimkan ke email anda

8 komentar:

Rizky2009 mengatakan...

buat yang pakai wp langsung deh d cobain


22 Januari 2011 17.10
Informasi Unik Rahasia Umum mengatakan...

HARUS DICOBA INFORMASI YANG SANGAT BERGUNA INI


3 Februari 2011 09.45
hendragalus mengatakan...

wah...maaf mas, bgmna caranya edit file CSS??
maklum, barusan belajar wp...


3 Februari 2011 18.10
satuwaktu.net mengatakan...

Mas,RSS feed saya errorjika tombol rss feed-nya di klik.trus sayamau update ke WP 3.3 juga gak bia. malahan ada tulisan begini :


Forbidden

You don't have permission to access /index.php/feed/ on this server.

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

Itu kenapa ya ? ada yang bisa bantu gak ?


3 Januari 2012 01.09
oceanoffish.blogspot.com mengatakan...

Yang jelas kudu backup dulu sebelum aksi. Biar gak error mas.


3 Januari 2012 01.15
putri mengatakan...

Informasinya sungguh sangat menarik sekali...
Banyak pelajaran yang saya dapatkan...
Makasihnya... Semoga sukses...


23 Agustus 2013 09.02
ami mengatakan...

luar biasa sekali sangatbermanfaat informasinya... terimakasih banyak atas informasinya... semoga suksesnya....


23 Agustus 2013 12.55
Mobile App Developers mengatakan...

Hey keep posting such good and meaningful articles.


20 Mei 2015 13.40

Posting Komentar

 

Info

Pengikut

Earn Money ($$$)

© 2010 Tutorial Blog Gratis | Wordpress | Blogger All Rights Reserved Thesis WordPress Theme by Hack Tutors.info