Menu Tutup

Cara menambah widget baru (Custom) pada header blog WordPress

Widget pada blog merupakan konten blok yang bisa anda manfaatkan dalam berbagai keperluan, bisa digunakan untuk menampilkan kode iklan atau link-link penting dan lain-lain.

Widget dapat di tampilkan karena bawaan dari tema wordpress yang anda gunakan, ada saja tema wordpress yang tidak memiliki widget sama sekali.

Kiranya anda masih membutuhkan blok baru untuk menampilkan widget contohnya di header (Karena mungkin tema bawaan anda tidak menyediakan widget header), maka anda perlu menambah atau membuat custom widget di area header.

Lalu bagaimana caranya? singkat sekali, simak caranya dibawah ini.

1. Buat fungsi untuk kustom widget di area header

function cst_widgets_init() {
 
    register_sidebar( array(
        'name'          => 'Custom Header Widget Area',
        'id'            => 'custom-header-widget',
        'before_widget' => '<div class="chw-widget">',
        'after_widget'  => '</div>',
        'before_title'  => '<h2 class="chw-title">',
        'after_title'   => '</h2>',
    ) );
 
}
add_action( 'widgets_init', 'cst_widgets_init' );

Salin kode di atas kemudian letakkan ke dalam function.php yang berada pada Appearance > Theme Editor > function.php letakkan saja kodenya di paling bawah.

2. Letakkan kode penampil widget header custom

Masih di Theme editor kemudian pilih header.php dan letakkan kode ini di bagian yang anda inginkan atau letakkan di paling bawah.

<?php
 
if ( is_active_sidebar( 'custom-header-widget' ) ) : ?>
    <div id="header-widget-area" class="chw-widget-area widget-area" role="complementary">
    <?php dynamic_sidebar( 'custom-header-widget' ); ?>
    </div>
     
<?php endif; ?>

3. Buka Customize dan sesuaikan widget pada header anda

Selesai, jika ingin mempercantik tampilan widget custom tersebut gunakan Additional CSS

Postingan terkait :

Subscribe
Beritahu
guest
0 Comments
Inline Feedbacks
View all comments