Membuat Custom Menu Navigasi

Mulai artikel ini hingga artikel mendatang, saya akan sharing beberapa tips untuk membuat theme kita lebih canggih hehehe… Pertama, saya akan sharing bagaimana cara memasang custom menu di themes sederhana yang sudah kita buat sebulan terakhir kemarin. Walaupun canggih, tapi caranya mudah banget lho.. xixixi…

Pertama, kita deklarasikan dulu custom menunya di functions.php (masih ingat kan?) cukup tambahkan kode ini di bawah file functions.php:

register_nav_menus( array(
    'primary' => __( 'Navigasi Utama', 'themegue' ),
  ) );

Tulisan Navigasi Utama adalah nama lokasi yang akan kita masukkan custom menu. Sedangkan themegue ya nama themesnya Untuk primary adalah nama identitas menu-nya.

Sekarang kita tinggal tentukan mau dipasang dimana custom menu-nya. Kalau dari theme yang kita buat, berarti pasangnya di bagian header. Kita cari dulu kode ini:

<ul>
<li><a href="<?php bloginfo('url');?>">Home</a></li>
<?php wp_list_pages('title_li='); ?>
</ul>

Lalu kita ganti deh dengan ini:

<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>

Nah, coba deh cek menu Appearance – Menu di wp-admin anda. Anda sudah bisa memfungsikan custom menunya hehehe…

Wordpress

Tweet