Wordpress

Cara Menambahkan Function Sidebar Baru Secara Manual Pada WordPress

Setelah seminggu saya otak-atik tema, ternyata sampai sekarang belum memuaskan. Namun, saya mendapatkan pelajaran baru, Yaitu menambahkan widget sidebar atau tata letak...

Setelah seminggu saya otak-atik tema, ternyata sampai sekarang belum memuaskan. Namun, saya mendapatkan pelajaran baru, Yaitu menambahkan widget sidebar atau tata letak sidebar baru. Sebenarnya cara ini cukup simpel, hanya dengan menambahkan function dan widget secara manual.

Kepada semua pembaca yang muslim, kami mengucapkan selamat menunaikan ibadah puasa 1440H. Terus selalu mencari pahala di bulan yang suci ini, niscaya rejeki anda akan bertambah dan berkah oleh karunia’nya.

Sebelum masuk ke pembahasan alangkah baiknya kita harus tau apa itu sidebar pada wordpress atau sidebar pada tema. Sidebar adalah tampilan di dalam tema yang biasanya terletak di sebelah kanan atau kiri samping artikel. Di dalam sidebar juga terdapat navigasi link atau bahkan widget2 yang lain. Jika anda bingung begini gambaran sidebar

New Sidebar wordpress
Sidebar di pojok kanan.

Tutorial add function new sidebar

Silahkan anda buka Apperance – theme editor – functions.php dan masukan kode berikut ini

function arphabet1_widgets_init() {

	register_sidebar( array(
		'name'          => 'Home right sidebar2',
		'id'            => 'home_right_2',
		'before_widget' => '',
		'after_widget'  => '',
		'before_title'  => '<h4 class="rounded">',
		'after_title'   => '</h4>',
		
	) );

}
add_action( 'widgets_init', 'arphabet1_widgets_init' );

Klik Save / Update file

Silahkan kalian check di widget wordpress kalian caranya Apperance – widgets maka tampilannya akan muncul widget tata letak baru di sebelah kanan. lebih lengkapnya lihat gambar dibawah ini

New Sidebar wordpress2

Jika sudah muncul silahkan mengisi dengan widget sesuka kalian, misalnya List kategory post, recent post atau sesuka kalian.

Jika sudah silahkan memanggil function tersebut, di sini saya akan memunculkan sidebar diatas ke halaman utama index.php di website saya mbahalex.com

Kode pemanggilan function di sidebar 2 : Baca juga : Cara Menambahkan Area Widget Custom Tata Letak Pada WordPress

<?php if ( is_active_sidebar( 'home_right_2' ) ) : ?>
	<div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
		<?php dynamic_sidebar( 'home_right_2' ); ?>
	</div><!-- #mbahalex menambahkan sidebar2 -->
<?php endif; ?>               </div>
New Sidebar wordpress3

Silahkan reload website anda. dan saya pastikan akan muncul sidebar baru. Anda juga dapat menambahkan multiple sidebar, tinggal anda merubah home_righ_3 dst..

Sekian dan terimakasih atas dukungan anda, selamat coding dan baca juga : Cara Menampilkan Semua Postingan Berdasarkan Kategori

Written by Alex Sander Leonardo
Tidak akan ada pembuktian jika kita berhenti. Terus berjuang dan buktikan karya yang bermanfaat bagi orang lain. Menulis berbagai pengetahuan pribadi dan bisa dipertanggung jawabkan. Profile

Beri komentar...