Ini hanya sekedar catatan saja dan mudah2an ada yang terbantu dengan artikel ini. Ok, langsung saja …
Untuk menambahkan Navigation Menu ke dalam sebuah wordpress theme yang harus dilakukan adalah :
1. Registerkan navigation menu tersebut ke dalam wordpress dengan memasukkan kodenya ke dalam file functions.php :
// Registering Menus For Theme add_action( 'init', 'register_my_menus' ); function register_my_menus() { register_nav_menus( array( 'primary-menu' => __( 'Primary Menu' ), 'secondary-menu' => __( 'Secondary Menu' ), 'tertiary-menu' => __( 'Tertiary Menu' ) ) ); }
2. Setelah itu kemudian masukkan kode berikut untuk menampilkan navigation menu pada posisi yang diinginkan didalam theme :
<?php wp_nav_menu (array ( 'theme_location' => 'primary-menu') ); ?> <?php wp_nav_menu (array ( 'theme_location' => 'secondary-menu') ); ?> <?php wp_nav_menu (array ( 'theme_location' => 'tertiary-menu') ); ?>
Yang perlu diperhatikan adalah styling pada navigation menu tersebut karena ada beberapa theme yang sulit untuk disesuaikan styling stylenya dengan navigation menu.
Berikut parameter yang dapat digunakan dalam navigation menu :
- $theme_location – menu yang ingin ditampilkan (seperti yang teregistrasi didalam functions.php theme wordpress).
- $menu – Memanggil menu dengan id, slug, atau name
- $container – Jika ingin membuka tag ul dengan div atau nav.
- $container_class – Class yang digunakan didalam container.
- $container_id – Id yang digunakan didalam container.
- $menu_class – Class yang ditambahkan didalam ul menu element .
- $menu_id – Id yang ditambahkan didalam ul menu element.
- $echo – Jika ingin memunculkanecho text atau tidak.
- $fallback_cb – Jika tidak ada menu yang akan ditampilkan.
- $before – Text sebelum anchor link.
- $after – Text sesudah anchor link.
- $link_before – Text sebelum link text.
- $link_after – Text sesudah link text.
- $depth – Banyaknya jumlah menu hirarki dalam 1 parent menu.
- $walker – Custom walker object.
Contoh :
<?php wp_nav_menu (array ( 'container' => 'div', 'container_class' => 'menu-wrapper' ) ); ?>
Mungkin segitu dulu, semoga dapat membantu …… 😀
Related Search
Tags: #wordpress