Membuat Menu & Sub Menu

Cukup sepele, namun ternyata ada beberapa orang yang belum paham betul bagaimana cara membuat menu di WordPress dengan baik. Apalagi sampai membuat sub menu atau sidebar menu.

Jadi, melalui tulisan kali ini saya akan sedikit berbagi tentang tips dan langkah-langkah seputar pembuatan menu dan sub menu secara praktis saat Anda membuat blog WordPress.

Website dan blog pada umumnya memiliki menu di 2 posisi yaitu Header dan Footer. Dan kebanyakan isi menu tersebut adalah halaman statis ( halaman disclaimer, kontak, tentang kami ) atau kategori artikel.

Cara Membuat Menu di WordPress

Oke langsung aja masuk ke langkah-langkah yang perlu dilakukan saat Anda hendak membuat menu baru di blog berbasis WordPress. Silahkan masuk ke Appearance >> Menu di dashboard Anda.

1. Membuat Menu Baru

Sudah di dalam halaman menu, langkah berikutnya silahkan create new menu (1), kemudian beri nama menunya (2), dan terakhir silahkan klik tombol Create Menu (3). Mudah kan ?

Membuat menu baru di WordPress
Membuat menu di WordPress

2. Lokasi Menu Ditampilkan

Menu baru sudah jadi. Sebelum mengisi menu tersebut, tentukan di mana menu ini akan tampil. Lazimnya sih kalau ngga di Header ya Footer. Seperti gambar di bawah ini, saya memilih Header.

Memilih letak menu ditampilkan
Letak menu ditampilkan

3. Menambahkan Isi Menu

Menu baru di bagian Header sudah siap untuk diisi. Lihat kolom di sebelah kiri, Anda bisa menambahkan elemen Post, Page, Category, atau custom link ke dalam tampilan menu Anda.

Seperti saya bilang, biasanya menu di isi halaman-halaman statis seperti kontak, tentang saya, atau halaman kategori yang berisi banyak artikel.

Pada gambar di bawah saya mencontohkan dengan menambahkan Page ke dalam menu. Beri ceklis Page yang ingin dimasukkan (1), klik Add to Menu (2), klik Save Menu (3). Hasilnya Page sudah ada di dalam menu (4).

Menambahkan Page ke dalam menu WordPress
Menambahkan isi menu

4. Mengubah Urutan Menu

Anda juga bisa mengubah urutan menu. Urutan menu dari atas ke bawah sama dengan urutan dari kiri ke kanan kalau di dalam tampilan blog aslinya. Caranya sangat mudah, cukup klik dan tahan, lalu geser ke atas / bawah isi menu yang ingin Anda pindah.

Cara mengubah urutan menu di WordPress
Mengubah urutan menu

5. Mengganti Nama Menu

Kadang sebuah Page atau Post terlalu panjang judulnya kalau dimasukkan ke dalam menu. Jadi Anda bisa merubahnya dengan yang lebih pendek.

Anda bisa klik tanda panah kecil di ujung menu yang ingin di ganti (1) sampai terbuka pengaturannya, lalu ganti judulnya (2) dan terakhir jangan lupa klik Save Menu (3). Sangat mudah bukan ?

Cara mengganti nama menu
Mengganti title menu

6. Menghapus Isi Menu

Cara membuat menu di WordPress sudah Anda lakukan, tentu Anda juga bisa menghapusnya, misalkan jika ada kesalahan atau menu sudah ngga terpakai lagi. Untuk menghapus salah satu isi menu, lihat gambar di bawah ini.

Pilih Page yang akan di hapus, klik Remove, lalu klik Save Changes. Maka yang terhapus hanya 1 isi menu saja, bukan seluruh menu.

Cara menghapus salah satu isi menu
Menghapus salah satu isi menu

Kalau Anda ingin menghapus seluruh menu ( misalkan karena sudah ngga terpakai lagi ) maka Anda bisa memanfaatkan fitur Delete Menu di bagian paling bawah. Seluruh menu dan isinya akan hilang.

Cara menghapus menu di WordPress
Menghapus keseluruhan menu

Sampai di sini selesai sudah panduan membuat menu baru. Sebenarnya langkah-langkahnya mudah dan ngga butuh proses yang terlalu lama.

Membuat Sub Menu di WordPress

Pernah melihat menu yang jika diarahkan kursor mouse maka menu tersebut mengeluarkan list menu lainnya di dalamnya ? Itulah yang dinamakan Sub Menu dengan tipe Dropdown.

Cara membuat sub menu di blog WordPress pun sangat mudah. Lihat gambar di bawah ini. Isi menu yang ingin diletakkan di dalam menu utama digeser agak ke kanan. Jadi seperti hierarki bentuknya.

Cara membuat sub menu di WordPress
Membuat sub menu di WordPress

Anda bebas memasukkan berapapun sub menu di dalam menu utama. Tapi saran saya sih ngga lebih dari 5 sub menu, karena tampilannya akan jelek kalau di buka dari smartphone.

Bagaimana, cara membuat menu di WordPress yang saya bagikan di atas cukup simple kan ? Buatlah menu terbaik agar meningkatkan user experience ketika pengunjung menjelajahi isi blog Anda.

 

Anda Mau Berdiskusi ?

Tanyakan secara jelas agar saya bisa paham. JANGAN pakai emoticon, nanti masuk spam.

Diskusi Pembaca . . .

  1. gan.. kalo mo buat menu baru tapi sub menunya tetap urutan urlnya tetap ikut menu utama gimana ya??.. misalnya menu utamanya produk, sub menunya gelas, piring, garpu, jadi urlnya seharusnya www[dot]domainsaya[dot]com/produk/gelas bukan www[dot]domainsaya[dot]com/gelas

    Reply
    • Bikinnya di Page, bukan Post. Memanfaatkan fitur Parent page.

      Reply
  2. Gan mau nanya kalo bikin menu dropdown cara biar menu induknya gak ke klik jadi kalo klik menu induk langsung nampilin sub menunya, gimana ya caranya

    Reply
    • Menu induknya dibuat pakai custom link, link nya diisi tanda pagar.

      Reply
  3. gan, kalu but sub menu itu parent menu yg di atasnya kalo di klik kok masih bisa terbuka satu page yah. Gimana caranya agar parent menu tidak bisa di klik, jadi saat parent menu di klik cukup memunculkan dropdown submenu saja. Tidak ada page yg terbuka..

    Reply
    • Parent menu dibuat pakai Custom Link, di bagian link dikasih tanda # saja, agar tidak bisa di klik

      Reply