Menyusun tampilan situs web yang menarik dan mudah dinavigasi adalah salah satu kunci keberhasilan dalam mengelola situs web. Salah satu komponen penting dalam situs web adalah menu navigasi. Dalam artikel ini, kita akan membahas cara menambah menu pada WordPress, mulai dari dasar hingga teknik yang lebih canggih.
Apa itu Menu di WordPress?
Sebelum kita membahas cara menambah menu pada WordPress, ada baiknya kamu mengenal lebih jauh tentang apa itu menu pada WordPress.
Menu di WordPress adalah elemen yang memungkinkan pengunjung situs web kamu untuk berpindah dari satu halaman ke halaman lain dengan mudah. Menu biasanya terdiri dari beberapa item seperti beranda, tentang, layanan, blog, kontak, dan lain sebagainya.
Tampilan Menu ini bisa dibuat dengan mudah dan fleksibel. Kamu bisa membuat menu dengan berbagai jenis tautan, seperti : tautan ke halaman, kategori, tag, atau bahkan tautan eksternal. Dengan demikian, kamu bisa mengatur menu untuk memenuhi kebutuhan navigasi situs web kamu.
Cara Menambah Menu Baru di WordPress
Langkah pertama cara menambahkan menu di WordPress adalah login ke dashboard WordPress. Kemudian, pastikan Kamu sudah memiliki halaman untuk menu yang akan dibuat. Lalu, ikuti langkah berikut ini.
- Pilih menu Appearance > Menus
- Untuk membuat menu baru silakan isi nama menu pada kolom Menu Name, pada contoh ini kami menggunakan nama Menu Utama, kemudian klik tombol Create Menu.
- Tentukan lokasi menu Kamu dimana akan ditampilkan. Untuk lokasi menu terdapat empat pilihan yaitu Navigation Menu, SidePanel Menu, TopBar Menu dan Copyrights Menu. Lokasi dan nama biasanya tidak sama untuk setiap template.
- Pada bagian Pages, silakan centang halaman yang ingin ditambahkan pada menu yang akan dibuat, kemudian tekan tombol Add to Menu.
- Setelah halaman ditambahkan ke menu, pilih lokasi menu yang ingin Kamu tampilkan, pada contoh ini kami memilih lokasi Navigation Menu, kemudian tekan tombol Save Menu.
Untuk melihat perubahan, silakan akses website Kamu.
Menambahkan Item ke Menu
Setelah mengatur lokasi menu, langkah berikutnya dalam cara menambah menu pada WordPress adalah menambahkan item ke menu. Kamu bisa menambahkan berbagai jenis item ke menu, seperti halaman, kategori, atau tag.
Berikut cara menambahkan item ke menu:
- Pada halaman ‘Menu‘, pilih menu yang ingin kamu tambahkan item.
- Pada bagian ‘Tambahkan Item Menu‘, pilih jenis item yang ingin kamu tambahkan.
- Centang item yang ingin kamu tambahkan, lalu klik ‘Tambahkan ke Menu‘.
- Item tersebut akan ditambahkan ke menu.
Cara Membuat Sub menu atau Menu Drop-Down di WordPress
Dalam cara menambah menu pada WordPress, kamu juga bisa menambahkan submenu untuk mengelompokkan item yang terkait.
Sub menu adalah menu yang memiliki menu di bagian dalamnya, terdiri dari menu parent dan child. Sub menu akan muncul ketika mouse diarahkan ke menu utama.
Membuat sub menu memungkinkan website Kamu memiliki struktur menu yang baik. Cara membuat sub menu di WordPress sama seperti ketika Kamu mengurutkan lokasi menu.
Berikut cara menambahkan submenu di WordPress:
- Tambahkan item yang ingin dijadikan submenu ke menu.
- Silahkan Tarik dan lepaskan item tersebut ke bawah item lain yang ingin dijadikan induk, sehingga terlihat sedikit menjorok ke kanan.
- Kemudian klik tombol Save Changes untuk menyimpan perubahan. Dan sekarang Submenu berhasil dibuat.
Untuk membuat sub menu, disarankan maksimal tiga, jika Kamu ingin menambahkan banyak menu, Kamu dapat membuat mega menu, Kamu hanya perlu menginstal plugin Max Mega Menu.
Menambahkan Link ke Menu Navigasi
Ada beberapa pilihan cara membuat menu di WordPress, selain menambahkan kategori di menu, Kamu juga dapat menambahkan tautan di menu navigasi. Sebagai contoh, mungkin Kamu ingin menambahkan tautan ke sosial media atau tautan lainnya.
- Untuk menambahkannya, silakan pilih menu Custom Links, masukkan tautan Kamu pada form URL dan nama menu Pada form Link Text. Setelah itu klik tombol Add to Menu.
Catatan: Pastikan untuk tautan diawali dengan http:// atau https://, sesuai dengan tautan Kamu.
- Kemudian letakkan tautan kustom Kamu pada menu yang Kamu inginkan dengan cara ditarik, kemudian tekan tombol Save Menu untuk menyimpan perubahan.
Menambahkan Kategori ke Menu
Selain menambahkan sub menu, Kamu juga dapat menambahkan kategori ke menu yang dibuat. Sebagai contoh, untuk blog Niagahoster terdapat beberapa kategori seperti Development, Marketing, dan Design, silakan disesuaikan dengan kategori dari website Kamu.
Berikut cara membuat menu di WordPress dengan menambahkan kategori.
- Pilih menu Apearance > Menus
- Klik Categories > View All, kemudian centang kategori yang ingin Kamu tambahkan ke sub menu.
- Tarik kategori pada bagian bawah menu yang ingin dijadikan sebagai menu utama, pada contoh ini adalah menu Blog.
- Setelah itu silakan simpan perubahan dengan menekan tombol Save Menu.
Pada langkah ini proses menambahkan kategori pada menu sudah berhasil.
Cara Edit Menu di WordPress
Biasanya untuk menu dari kategori, akan mengikuti nama dari kategori tersebut, pada contoh ini adalah kategori Design.
Untuk mengubahnya silakan klik pada logo segitiga dari kategori menu yang ingin diubah, kemudian pada bagian Navigation Label silakan ubah sesuai dengan nama yang Kamu inginkan. Jangan lupa simpan perubahan dengan menekan tombol Save Menu.
Cara Hapus Menu di WordPress
Kamu dapat menghapus menu dengan cara yang sama ketika Kamu ingin mengedit menu. Silakan pilih salah satu menu yang ingin Kamu hapus, kemudian klik Remove. Kemudian klik tombol Save Menu untuk menyimpan perubahan.
Menambahkan Menu Navigasi di Sidebar
Untuk lokasi menu, selain di bagian header, Kamu juga dapat menambahkannya di bagian sidebar. Cara membuat menu di WordPress di bagian sidebar tidak jauh berbeda seperti cara sebelumnya. Silakan ikuti langkah-langkah di bawah ini.
- Klik menu Appearance > Widgets
- Tarik widget yang ingin ditambahkan ke bagian Primary, pada contoh ini adalah Recent Posts, berfungsi untuk menampilkan menu berupa daftar artikel terbaru.
- Masukkan nama menu pada bagian Title, kemudian klik Save untuk menyimpannya
Mengatur Tampilan Menu dengan CSS
Setelah menambahkan item dan submenu, kamu mungkin ingin mengatur tampilan menu untuk membuatnya lebih menarik. Dalam cara menambah menu pada WordPress, kamu bisa menggunakan CSS untuk mengatur tampilan menu.
Berikut adalah beberapa cara untuk mengatur tampilan menu dengan CSS:
- Pada Dashboard WordPress, pilih ‘Appearance‘ > ‘Editing‘.
- Cari file ‘style.css‘ pada daftar file di bagian kanan.
- Tambahkan kode CSS untuk mengatur tampilan menu sesuai keinginan kamu.
Contohnya:
/* Mengatur warna latar belakang menu */
.main-navigation {
background-color: #f1f1f1;
}
/* Mengatur warna teks item menu */
.main-navigation a {
color: #333;
}
/* Mengatur warna teks item menu saat dihover */
.main-navigation a:hover {
color: #0073aa;
}
/* Mengatur warna latar belakang item menu saat dihover */
.main-navigation li:hover {
background-color: #0073aa;
color: #fff;
}
- Klik ‘Simpan’ untuk menyimpan perubahan.
Kesimpulan
Dalam artikel ini, kita telah membahas cara menambah menu pada WordPress secara lengkap. Dari membuat menu baru, mengatur lokasi menu, menambahkan item dan submenu, hingga mengatur tampilan menu dengan CSS, kamu sekarang bisa mengelola menu situs web kamu dengan mudah dan fleksibel.
Dengan menambahkan menu yang baik pada situs web kamu, kamu akan membantu pengunjung situs untuk menemukan konten yang mereka cari dengan lebih cepat. Hal ini akan meningkatkan pengalaman pengguna dan, pada akhirnya, meningkatkan kualitas situs web kamu. Selamat mencoba dan semoga berhasil!
