Membuat Menu Tambahan Pada Tema BW

Untuk membuat menu tambahan pada tema BW pertama-tama kita buka file functions.php. File ini berlokasi di Admin => Apprearance => Editor.

Lalu kita masukkan beberapa baris kode register menu seperti ini:

function register_menu_baru() {
register_nav_menu('menu-baru',__( 'Ini Menu Baru', 'black-white' ));
}
add_action( 'init', 'register_menu_baru' );

Pada Manage Locations pada halaman Menus kini telah muncul menu baru dengan nama Ini Menu Baru dan telah siap digunakan.

kostum menu tema BW
Menu baru telah muncul di halaman Menus setelah fungsi register menu aktif.

Untuk menampilkan Ini Menu Baru kita masukkan beberapa baris kode seperti di bawah ini. Sebagai contoh saya letakkan pada file footer.php setelah baris </div><!– #main –> .

<?php wp_nav_menu( array( 'theme_location' => 'menu-baru' ) ); ?>

Sekarang kita sudah melihat penampakan Ini Menu Baru tapi masih belum ada gayanya, jadi kita buat beberapa gaya untuk menu itu. Contohnya seperti ini.

.menu-ku {
clear: both;
display: block;
background: #fff;
padding: 10px 20px;
border: 5px solid #666;
margin-bottom: 10px;
}
.menu-ku ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.menu-ku li {
display: inline;
}
.menu-ku li a {
text-decoration: none;
color: #000;
margin: 2px 10px;
padding: 5px;
}
.menu-ku li a:hover {
color: #fff;
background: #000
}

Dan akhirnya selesai dan pada file footer.php tadi kita tambahkan baris div untuk gaya menu itu.

<div class="menu-ku">
<?php wp_nav_menu( array( 'theme_location' => 'extra-menu' ) ); ?>
</div>

Akhirnya tampilannya seperti ini.

kostum-menu tema BW
Tampilan akhir kostum menu.

Tinggalkan komentar