Bagaimana cara membuat menu WordPress? Tutorial & Video
Diterbitkan: 2025-06-11Daftar isi
Menu adalah bagian penting dari situs web mana pun, dan situs WordPress tidak terkecuali. Dalam posting ini, kami akan memandu Anda melalui membuat dan mengelola menu Anda dalam tema klasik dengan bantuan editor menu WordPress tradisional.
Apa itu menu WordPress?
Menu navigasi adalah bilah horizontal atau vertikal biasanya di header atau bilah samping situs yang berisi daftar tautan terorganisir yang biasanya mengarah ke halaman situs internal, meskipun tautan eksternal juga dimungkinkan. Anda dapat menganggap menu situs web Anda sebagai peta yang membantu pengunjung menavigasi ke konten yang mereka cari.
Menu WordPress yang dirancang dengan baik, pada gilirannya, dapat meningkatkan pengalaman pengguna dan bahkan meningkatkan tingkat konversi. Jadi, sebelum Anda mulai menambahkan menu ke situs Anda, kami sarankan membuat sitemap atau mengembangkan strategi menu navigasi WordPress, karena akan menghemat banyak waktu nanti.
Pikirkan tentang halaman utama Anda, apa yang akan dicari pengunjung Anda terlebih dahulu, dan bagaimana Anda dapat membuat jalan mereka ke konten itu semulus mungkin.
Mari kita mulai dengan menemukan editor menu WordPress. Ada dua metode yang dapat Anda gunakan untuk membuat menu untuk situs WordPress Anda. Untuk memahami metode mana yang harus diikuti, kunjungi dasbor Anda dan periksa di bawah penampilan di sisi kiri. Jika Anda melihat menu di bawah penampilan, Anda akan berurusan dengan apa yang disebut editor menu WordPress "tradisional".
Jika Anda melihat editor, Anda menggunakan tema blok dan memiliki akses ke editor situs untuk mengedit semua elemen situs di satu tempat, termasuk navigasi.
Editor Menu WordPress Tradisional
Dari dasbor WordPress, buka menu 'Penampilan' di sisi kiri dasbor dan pilih opsi 'Menu' untuk memunculkan editor menu WordPress. Jika Anda memiliki beberapa menu, Anda akan melihat menu pilih untuk mengedit dropdown. Pilih yang Anda inginkan, lalu klik Pilih untuk memuatnya. Dengan cara ini, Anda dapat dengan mudah mengedit menu yang ada di situs Anda.
Untuk membuat menu baru dari awal, klik tautan Buat Menu Baru, ketik nama untuk menu Anda, dan klik tombol Buat Menu.
Sekarang mari kita perhatikan bagian Pengaturan Menu. Kami melihat dua opsi untuk menu Edit WordPress: Auto Tambah Halaman dan Lokasi Tampilan. Jika Anda memeriksa opsi Auto Add Pages, halaman baru akan ditambahkan secara otomatis saat Anda membuatnya.
Opsi Lokasi Tampilan memungkinkan Anda memilih di mana menu kustom Anda WordPress muncul di tema Anda. Secara default, menu Anda akan muncul di area navigasi utama tema Anda. Namun, Anda dapat memilih lokasi yang berbeda jika tema Anda mendukung beberapa menu. Setelah membuat menu baru Anda, Anda dapat menambahkan item, mengubah pesanan mereka, dan membuat sub-level.
Tambahkan item navigasi Anda ke menu WordPress
Sekarang lihat kotak kiri, di mana Anda akan melihat kotak Tambah Menu Items dengan beberapa tab. Tab Halaman berisi tiga kategori: Terbaru, Lihat Semua, dan Cari. Yang pertama akan menampilkan beberapa halaman terbaru Anda untuk akses mudah. Jika Anda memiliki banyak halaman di situs Anda, tab View All mungkin sedikit sulit. Sebagai gantinya, saya sarankan menggunakan tab pencarian untuk menemukan halaman yang Anda butuhkan. Anda juga dapat mengklik kotak centang pilih di bagian bawah jika Anda ingin menambahkan semua halaman yang ditampilkan ke menu Anda.
Saat Anda memilih apa yang Anda inginkan, klik Tambah Menu. Semua halaman yang akan Anda pilih akan terdaftar di sebelah kanan. Untuk posting, itu berfungsi sama. Pilih tab Posts, dan seperti sebelumnya, pilih dari semua posting terbaru Anda, atau cari yang Anda inginkan. Setelah itu, klik Tambahkan ke menu. Dimungkinkan juga untuk menambahkan tautan khusus. Ini dapat menautkan ke URL apa pun yang Anda inginkan, bahkan ke halaman eksternal.
Menyentuh topik halaman eksternal, kadang -kadang Anda ingin tautan menu dibuka di tab baru sehingga pengunjung dapat kembali ke situs web Anda dan terus menjelajah. Ini sangat penting jika Anda telah menambahkan tautan eksternal. Opsi tersembunyi ini dapat ditemukan dalam antarmuka menu. Untuk menyalakannya, klik opsi layar di bagian atas layar, lalu centang kotak centang target tautan. Di sini Anda juga dapat menemukan opsi yang bermanfaat. Sekarang, ketika Anda menggunakan panah dropdown pada item menu WordPress di bagian Struktur Menu di sebelah kanan, Anda akan melihat kotak centang baru: Buka tautan di tab baru. Klik, dan Anda siap melakukannya.
Catatan: Ada segala macam hal yang dapat Anda tambahkan ke menu WordPress Anda. Ini dapat berupa produk, kategori produk, atau tag untuk produk. Itu tergantung pada plugin dan hal -hal yang Anda jalankan di situs.
Jika Anda perlu menghapus item menu WordPress yang telah Anda tambahkan, ada dua cara untuk melakukannya; Sekali lagi, kami memilih item dengan mengklik panah. Kemudian, klik tautan hapus merah.
Anda juga dapat secara massal menghapus beberapa halaman sekaligus. Klik kotak centang pilih massal dan centang setiap item menu yang ingin Anda hapus. Kemudian klik Hapus item yang dipilih.
Terlebih lagi, Anda dapat mengganti nama item menu dengan mengubah label navigasi. Ini berguna, misalnya, jika Anda ingin item menu Anda memiliki judul yang lebih pendek untuk menghemat ruang.
Atur struktur menu Anda
Setelah semua item telah ditambahkan, Anda dapat memindahkannya dengan menyeret dan menjatuhkannya. Untuk melakukannya, kurangi item menu apa pun. Anda akan melihat kursor Anda berubah menjadi crosshair. Dengan cara ini, Anda dapat mengubah pesanan mereka dan mengatur ulang mereka sesuai keinginan Anda.
Jika Anda ingin membuat hierarki menu menggunakan submenus, Anda dapat melakukannya di sini juga. Item bersarang adalah bagian penting dari fungsi menu Edit WordPress. Seret item ke kanan sampai garis putus-putus bergeser ke kanan juga, dan secara otomatis akan menjadi sub-elemen item menu tepat di atasnya. Anda dapat menyarangkan item sedalam yang Anda inginkan, membuat submenus di dalam submenus tanpa batas. Cara kedua adalah membuka item menu yang ingin Anda pindahkan dan klik tautan di bawah. Sangat sederhana.
Tambahkan item menu tanpa tautan
Saat membuat menu dropdown WordPress, ada kemungkinan Anda hanya ingin tautan tingkat atas menjadi teks dan tidak ada yang lain. Untuk melakukan ini, buat tautan khusus seperti normal, tetapi alih -alih memasukkan tautan, masukkan simbol #. Kemudian, berikan menu nama yang tepat yang biasanya Anda lakukan dan klik Tambahkan ke menu. Saat menu siap, Anda dapat mengklik tombol 'Simpan Menu'.
Selain itu, saya memiliki satu hal lagi untuk disebutkan: Cara kedua untuk mengubah posisi menu di WordPress adalah dengan mengklik tab Kelola Lokasi. Setelah mengklik, Anda akan melihat daftar berbagai lokasi menu yang digunakan dalam tema Anda. Anda mungkin memiliki satu lokasi menu atau Anda mungkin memiliki banyak, tergantung pada tema yang Anda gunakan saat ini. Tetapkan menu yang ada yang telah Anda buat ke lokasi tema yang sesuai dengan memilihnya dari daftar dropdown. Klik tombol Simpan Perubahan untuk menyimpan perubahan Anda.
Tingkatkan navigasi situs Anda dengan plugin menu mega WordPress
Apa itu menu mega? Menu mega adalah menu tipe navigasi yang dapat diperluas di mana beberapa opsi ditampilkan dalam tata letak dropdown dua dimensi (terorganisir baik secara horizontal dan vertikal dalam struktur seperti grid).
Jika Anda ingin menyertakan beberapa kolom tautan, ikon, gambar, tombol, atau bahkan widget seperti bilah pencarian atau pratinjau produk ke dalam menu Anda, terutama jika kita berbicara tentang toko e -commerce, situs berita, atau situs perusahaan besar, addons menu mega yang layak dipertimbangkan. Mencari cara mengubah warna menu di WordPress? Itu juga mungkin. Dengan alat -alat seperti Menu Mega Stratum untuk Elementor atau Ekstensi Menu Mega WordPress, menjadi mungkin untuk membangun menu canggih secara visual, tanpa menyentuh barisan kode.
Menu Mega Stratum untuk Fitur Utama Elementor meliputi:
- Pembuat drag-and-drop untuk pembuatan menu yang mudah.
- Konten yang dapat disesuaikan seperti gambar, ikon, dan widget.
- Desain responsif untuk tampilan seluler dan desktop.
- Opsi gaya canggih dengan warna, font, dan efek hover.
- Animasi halus dan opsi menu lengket WordPress.
- Beberapa gaya menu dan struktur ramah SEO.
- Dukungan submenu dan pemicu khusus (hover, klik).
Blok menu Mega WordPress menawarkan fitur -fitur utama seperti:
- Kompatibilitas Gutenberg: Terintegrasi dengan mulus dengan editor blok WordPress.
- Tata letak yang dapat disesuaikan: Pilih menu horizontal atau vertikal.
- Desain Responsif: Adapts untuk tampilan seluler dan desktop.
- Hamburger Mobile Menu WordPress: Opsi hemat-ruang, mobile-friendly.
- Multi-level submenus: Dukungan untuk hingga 3 level.
- Opsi Styling: Kustomisasi warna, font, dan banyak lagi.
- Konten berbasis blok: Gunakan berbagai blok Gutenberg seperti gambar dan tombol.
Penyesalan
Atau, Anda dapat mengedit menu kustom WordPress Anda menggunakan antarmuka tema Customizer. Untuk ini, buka penampilan → Kustomisasi. Dengan mengklik menu, Anda akan melihat bahwa menu telah dibuat untuk Anda secara default dan menu yang Anda buat sendiri (jika Anda punya). Di sini Anda dapat mengeditnya. Jika Anda tidak melihat menu atau menginginkan menu baru, klik tombol Buat Menu Baru.
HEADS UP: Harap pastikan Anda telah memilih setidaknya satu lokasi menu, atau menu tidak akan terlihat.
- Klik tombol + Tambah Item. Di bawah halaman, Anda akan melihat daftar halaman yang diterbitkan situs Anda. Klik judul halaman apa pun untuk menambahkannya ke menu Anda. Perhatikan bahwa halaman pribadi dan halaman draf tidak akan muncul dalam daftar. Anda juga dapat menambahkan posting, kategori, dan banyak lagi.
- Jika Anda ingin mengatur ulang item atau membuat menu dropdown, klik Pesan ulang. Untuk memindahkan item menu ke atas atau ke bawah di menu, klik panah ˆ naik atau turun.
-Kustomisasi juga memungkinkan Anda membuat menu tarik-turun. Klik panah kanan dan kiri ke halaman sarang atau uns-sarang di bawah halaman lain.
- Klik Selesai Saat Anda puas dengan hasilnya. Terakhir, klik Publikasikan untuk menerapkan perubahan ke Situs.
- Penyesuaikan tema memungkinkan Anda melihat pratinjau langsung dari perubahan Anda saat Anda pergi, yang sangat berguna. Tapi jujur, kedua metode menawarkan opsi yang hampir sama, jadi lakukan saja dengan mana pun yang merasa lebih nyaman untuk Anda.
Tips yang bermanfaat untuk optimasi menu
- Periksa bagaimana menu Anda terlihat di ponsel
Sebagian besar tema secara otomatis membuat menu responsif. Namun, bijaksana untuk mempratinjau mereka sendiri. Menu panjang atau satu dengan terlalu banyak level mungkin menjadi membingungkan di layar yang lebih kecil.
- Tambahkan menu ke area lain di situs Anda
Anda dapat memamerkan menu di bilah samping atau footer menggunakan widget; Anda tidak terbatas pada area header saja. Widget berguna jika Anda ingin menyorot tautan cepat, kategori, atau bahkan menampilkan menu yang disederhanakan untuk pembaca blog atau pelanggan.
- Jaga menu Anda segar
Situs Anda mungkin tumbuh atau berubah, jadi penting untuk memeriksa apakah menu Anda tetap up to date. Hapus tautan lama secara teratur, ganti nama item jika diperlukan, dan tambahkan yang baru. Menu yang bersih akan selalu membantu pengunjung menemukan apa yang mereka butuhkan. Menu yang tidak berantakan dan relevan juga dapat meningkatkan SEO.
Kesimpulan
Secara keseluruhan, menu adalah bagian penting dari situs web Anda. Mereka adalah orang -orang yang memberi pengguna jalur intuitif untuk menjelajahi konten Anda.
Dengan semua langkah yang telah kami liput hari ini, Anda diperlengkapi untuk membuat, mengelola, dan menyesuaikan menu situs Anda secara mahir saat menggunakan tema tradisional. Akibatnya, menu yang terorganisir dengan baik dapat membuat navigasi lebih mudah. Selain itu, menu berkontribusi pada SEO yang lebih baik, jadi jangan lupa untuk secara teratur meninjau dan memperbarui menu Anda agar tetap selaras dengan perubahan situs Anda.
Terima kasih telah membaca! Jika Anda memiliki tips atau pengalaman yang terhubung dengan menu WordPress, jangan ragu untuk membaginya dengan kami di komentar.
FAQ
Apa itu menu WordPress, dan mengapa saya membutuhkannya?
Bagaimana saya tahu editor menu mana yang saya gunakan, tradisional atau blok?
Jika Anda melihat menu, Anda menggunakan editor menu tradisional.
Jika Anda melihat editor, Anda bekerja dengan tema blok dan memiliki akses ke editor situs.
Dapatkah saya menambahkan tautan khusus atau halaman eksternal ke menu saya?
Bagaimana cara membuat submenus atau dropdown?
Dapatkah saya mengedit menu dari WordPress Customizer alih -alih editor menu?
Bagaimana cara mengubah lokasi di mana menu saya muncul?
Di bagian Pengaturan Menu editor menu, periksa kotak lokasi tampilan.
Atau, pergi ke mengelola lokasi, di mana Anda dapat menetapkan menu yang dibuat ke lokasi tema menggunakan dropdown.
Apa yang terjadi jika saya lupa menetapkan lokasi tampilan ke menu saya?