Cara menambahkan Widget area dinamis dan Sidebar WordPress

0
1

Widget adalah bagian integral dari tema WordPress sehingga sulit membayangkan tema WordPress tanpa widget. Widget adalah skrip executable yang bisa Anda tarik dan tempel di sidebar atau area widget lainnya di tema Anda.

Membuat Sidebar atau Widget Area di WordPress

Hal pertama yang perlu Anda lakukan adalah membuat sidebar atau widget area untuk tema Anda. Anda bisa membuat banyak sidebar dan area widget. Copy dan paste kode ini ke file functions.php tema anda

function wpb_widgets_init() {

register_sidebar( array(
‘name’ => __( ‘Main Sidebar’, ‘wpb’ ),
‘id’ => ‘sidebar-1’,
‘description’ => __( ‘The main sidebar appears on the right on each page except the front page template’, ‘wpb’ ),
‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
‘after_widget’ => ‘</aside>’,
‘before_title’ => ‘<h3 class=”widget-title”>’,
‘after_title’ => ‘</h3>’,
) );

register_sidebar( array(
‘name’ =>__( ‘Front page sidebar’, ‘wpb’),
‘id’ => ‘sidebar-2’,
‘description’ => __( ‘Appears on the static front page template’, ‘wpb’ ),
‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
‘after_widget’ => ‘</aside>’,
‘before_title’ => ‘<h3 class=”widget-title”>’,
‘after_title’ => ‘</h3>’,
) );
}

add_action( ‘widgets_init’, ‘wpb_widgets_init’ );

Dalam kode ini, telah dibuat dua sidebars. dan setiap sidebar sudah diberi nama dan deskripsi untuk mengidentifikasi mereka di layar Widget. Parameter deskripsi dapat digunakan untuk memberi tahu pengguna tempat bilah sisi muncul dalam tema. Anda harus mengganti nama WPB dengan nama tema Anda.

Menambahkan Widget dinamis sidebar di File Tema WordPress

Sejauh ini kita hanya memiliki Dynamic Sidebars. Pengguna bisa drag dan drop widget ke sidebar ini dari layar Appearance ┬╗ Widgets. Namun, sidebars ini tidak akan muncul di situs Anda sampai mereka dipanggil dalam template seperti sidebar.php atau tempat lain yang ingin Anda tampilkan. Untuk menambahkan area widget ini, edit file template yang ingin Anda tampilkan dan tempel kode ini:

<?php if ( is_active_sidebar( ‘sidebar-1’ ) ) : ?>
<div id=”secondary” class=”widget-area” role=”complementary”>
<?php dynamic_sidebar( ‘sidebar-1’ ); ?>
</div>
<?php endif; ?>

Dalam contoh kode ini, telah menggunakan sidebar id untuk memanggil sidebar yang ingin di tampilkan disini. Ubah id sidebar untuk menampilkan sidebar lain. Misalnya, Anda bisa mendaftarkan tiga sidebar untuk area footer dan kemudian memanggil mereka satu per satu di template footer.php dari tema Anda.

Widget bisa sangat mempengaruhi. Anda dapat menambahkan widget ke konten posting dan halaman Anda, membuat widget teks Anda berwarna-warni, atau memperluas kekuatan widget WordPress standar. Sidebar widget yang ditempatkan dengan benar memungkinkan pengguna menambahkan elemen khusus ke situs web mereka menggunakan antarmuka drag and drop sederhana.

Saya berharap agar artikel ini membantu Anda mempelajari bagaimana menambahkan widget dinamis di sidebar WordPress.

TINGGALKAN KOMENTAR

Silakan masukkan komentar anda!
Silakan masukkan nama Anda di sini