freebitco.in

Cara Menambahkan WP Navigation Menu Ke Dalam Theme

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

Anda sedang membaca artikel tentang Cara Menambahkan WP Navigation Menu Ke Dalam Theme. Silahkan baca artikel Be Log tentang Tutorial, Web lainnya. Semoga bermanfaat ...

Setup Storage Path The Dude di RB750G r3
Setup Storage Path The Dude di RB750G r3
The Dude merupakan tool yang cukup penting
Install Teamviewer via Terminal di Ubuntu 18.04 Bionic Beaver
Install Teamviewer via Terminal di Ubuntu 18.04 Bionic Beaver
Aku coba install Teamviewer menggunakan GUI tapi
Setup Raspberry Pi 3 Video Resolution
Setup Raspberry Pi 3 Video Resolution
Raspberry Pi, saat ini bisa menjadi alternatif
Mengatasi Ubuntu 16.04 Yang Hang Pada Saat Reboot atau Shutdown
Mengatasi Ubuntu 16.04 Yang Hang Pada Saat Reboot atau Shutdown
Pada beberapa laptop terkadang Ubuntu yang sudah

Top