Cara Menambahkan WP Navigation Menu Ke Dalam Theme

In Tutorial, Web 1006 views

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

Install Pi-Hole DNS Blokir Iklan dan Tracker
Install Pi-Hole DNS Blokir Iklan dan Tracker
Pi-Hole merupakan salah satu pelindung user internet
Migrasi VPS Panel dari Tuxlite ke VestaCP
Migrasi VPS Panel dari Tuxlite ke VestaCP
Setelah sekian lama menggunakan Tuxlite akhirnya diputuskan
Cara Cepat Root Unlock STB ZTE B760H Tanpa Bongkar
Cara Cepat Root Unlock STB ZTE B760H Tanpa Bongkar
Mungkin beberapa ada yang pernah berlangganan Indihome
Upgrade PHP 5.6 ke PHP 7.0 Nginx Debian Jessie
Upgrade PHP 5.6 ke PHP 7.0 Nginx Debian Jessie
Sebetulnya sudah agak lama warning untuk upgrade

Top