Cara Membuat Menu Dropdown di WordPress (Panduan Pemula)

Adakah anda ingin membuat menu lungsur dan menambahkannya ke laman web WordPress anda?


Menu lungsur menunjukkan senarai pautan semasa anda mengarahkan tetikus ke item pada menu.

Kami menggunakan menu dropdown di WPBeginner, teruskan dan bawa tetikus anda ke atas menu navigasi di atas.

Dalam panduan pemula ini, kami akan menunjukkan kepada anda cara membuat menu lungsur di WordPress dengan mudah dengan arahan langkah demi langkah.

Membuat menu lungsur di WordPress

Mengapa Menggunakan Menu Dropdown di WordPress?

WordPress dilengkapi dengan sistem pengurusan menu terbina dalam yang membolehkan anda menambahkan menu navigasi ke laman WordPress anda dengan mudah.

Menu navigasi adalah pautan ke halaman utama laman web anda yang biasanya muncul di bahagian atas sebagai baris mendatar tepat di sebelah logo laman web.

Menu navigasi khas dengan baris pautan mendatar

Sekiranya anda memulakan blog atau membuat laman web dengan hanya beberapa halaman, maka anda boleh menambahkannya dalam satu baris.

Walau bagaimanapun, jika anda menjalankan kedai dalam talian atau laman web yang besar, maka anda mungkin ingin menambahkan lebih banyak pautan ke menu navigasi.

Menu dropdown membantu anda menyelesaikan masalah ruang terhad dengan menunjukkan pautan menu hanya apabila pengguna membawa tetikus ke item induk. Mereka juga membolehkan anda mengatur struktur menu mengikut topik atau hierarki.

Contoh menu lungsur

Terakhir, mereka kelihatan cantik juga.

Oleh itu, mari kita lihat bagaimana anda boleh membuat menu dropdown WordPress dengan mudah menambahkannya ke laman web anda.

Tutorial Video

Langgan WPBeginner

Sekiranya anda tidak menyukai video atau memerlukan lebih banyak arahan, teruskan membaca.

Langkah 1. Memilih Tema dengan Sokongan Menu Lungsur

WordPress dilengkapi dengan sistem pengurusan menu terbina dalam tetapi memaparkan menu tersebut bergantung sepenuhnya pada tema WordPress anda.

Hampir semua tema WordPress menyokong menu lungsur secara lalai. Namun, beberapa tema mungkin tidak mempunyai sokongan menu yang betul.

Anda perlu memastikan bahawa anda menggunakan tema WordPress yang menyokong menu dropdown.

Bagaimana anda tahu jika tema yang anda gunakan menyokong menu lungsur?

Anda hanya boleh melayari laman web tema di mana anda akan mendapat pautan ke demo tema. Dari sana anda dapat melihat apakah demo menunjukkan menu dropdown di menu navigasi.

Sekiranya tidak, anda perlu mencari tema WordPress yang sesuai.

Lihat panduan kami mengenai cara memilih tema WordPress yang sempurna untuk laman web anda.

Berikut adalah beberapa tema yang sangat baik yang menyokong menu lungsur di luar kotak.

  • Astra – Ini adalah tema WordPress serbaguna yang dilengkapi dengan beberapa laman web permulaan dan banyak ciri.
  • Tema StudioPress – Dibina di atas kerangka tema genesis, tema profesional ini sangat dioptimumkan untuk prestasi.
  • OceanWP – Tema WordPress popular yang sesuai untuk semua jenis laman web.
  • Ultra – Dikuasakan oleh pembangun Themify, tema WordPress drag and drop ini dilengkapi dengan templat yang indah dan pilihan tema yang fleksibel.
  • Divi – tema popular oleh Tema Elegant yang menggunakan pembina halaman Divi dan dilengkapi dengan banyak daya tarikan & ciri drop termasuk menu dropdown.

Oleh itu, mari kita lihat bagaimana membuat menu WordPress dropdown.

Langkah 1. Membuat Menu Navigasi di WordPress

Sekiranya anda sudah menyediakan menu navigasi di laman web anda, maka anda boleh melangkah ke langkah seterusnya.

Mari buat menu ringkas terlebih dahulu.

Pergi ke Rupa »Menu dan klik pada pautan ‘Buat menu baru’ di bahagian atas.

Buat menu

Seterusnya, anda perlu memberikan nama untuk menu navigasi anda. Nama ini tidak akan kelihatan secara terbuka di laman web anda. Tujuan nama menu adalah untuk membantu anda mengenal pasti menu di dalam kawasan admin WordPress.

Nama menu

Masukkan nama untuk menu anda dan kemudian klik pada butang ‘Buat Menu’.

WordPress kini akan membuat menu kosong baru untuk anda.

Mari tambahkan pautan teratas ke menu navigasi. Item ini akan muncul di barisan atas menu anda.

Cukup pilih halaman yang ingin anda tambahkan dari lajur kiri dan klik pada butang ‘Tambah ke menu’. Anda juga dapat memilih catatan blog, kategori, atau menambahkan pautan tersuai.

Tambahkan halaman ke menu

Anda sekarang akan melihat halaman tersebut muncul di lajur kanan di bawah menu baru anda.

Langkah 2. Menambah Sub-Item ke Menu

Sub-item adalah item yang akan muncul di dalam menu dropdown. Bergantung pada bagaimana anda ingin mengatur menu anda, anda boleh menambahkannya di bawah mana-mana item yang ada.

Demi tutorial ini, kami akan menambahkan kategori di bawah pautan blog.

Cukup pilih item yang ingin anda tambahkan dari lajur kiri dan kemudian klik pada butang ‘Tambah ke menu’. Item anda kini akan muncul di lajur kanan.

Item menu baru ditambahkan ke menu

Walau bagaimanapun, pautan ini akan muncul sebagai item biasa. Kita perlu menjadikannya sub-item dari menu induk.

Anda hanya boleh menyeret dan melepaskan item menu dan meletakkannya di bawah item induk. Gerakkannya sedikit ke kanan, dan ia akan menjadi sub-item.

Menambah item sub menu untuk membuat menu lungsur

Ulangi proses untuk semua pautan yang ingin anda tunjukkan di bawah menu lungsur.

Setelah selesai, jangan lupa mengklik butang ‘Simpan menu’ untuk menyimpan perubahan anda.

Langkah 3. Terbitkan Menu Lungsur Anda

Sekiranya anda mengedit menu yang sudah ada di laman web anda, menu tersebut akan mula muncul di laman web anda dengan segera.

Namun, jika itu adalah item menu baru, maka sekarang anda harus memilih lokasi tema untuk menampilkan menu ini.

Tema WordPress dapat menunjukkan menu di lokasi yang berbeza. Setiap tema menentukan lokasi menu mereka sendiri, dan anda boleh memilih menu mana yang ingin anda paparkan di sana.

Anda akan mendapat pilihan ini di lajur kanan di bawah ‘Tetapan menu’. Pilih pilihan di sebelah tetapan ‘Lokasi paparan’ dan klik pada butang ‘Simpan menu’.

Pilih lokasi tema

Anda kini boleh mengunjungi laman web anda untuk melihat menu dropdown anda beraksi.

Pratonton menu lungsur

Petua Membuat Menu Dropdown Interaktif

Menu navigasi penting kerana ini adalah tempat pertama yang dilihat oleh pengguna anda sekiranya mereka ingin melihat maklumat tertentu.

Menggunakannya dengan betul akan membantu pengguna anda mencari jalan di laman web anda. Ini juga akan membantu anda mendapatkan lebih banyak tontonan halaman, penukaran, dan penjualan di laman web anda.

Berikut adalah beberapa petua untuk menjadikan menu navigasi anda lebih interaktif dengan menu dropdown.

1. Anda boleh membuat menu lungsur pelbagai peringkat

Menjadikan pautan sebagai sub-item pautan lain menjadikannya muncul di menu lungsur. Anda juga boleh menambahkan sub-item di bawah sub-item lain untuk membuat menu lungsur pelbagai peringkat.

Menu pelbagai peringkat

Tema anda akan menunjukkannya secara automatik sebagai sub-menu di dalam menu lungsur.

Menu lungsur pelbagai peringkat

2. Anda juga boleh membuat beberapa menu dropdown

Anda boleh membuat dropdown di bawah mana-mana pautan teratas di menu anda. Anda bahkan boleh menambahkan beberapa menu dropdown di menu navigasi utama anda.

Banyak menu dropdown di menu utama

3. Buat menu dengan pratonton langsung

Sekiranya menu anda menjadi terlalu rumit, anda boleh beralih ke pratonton visual. Pergi ke Rupa »Sesuaikan untuk melancarkan penyesuai tema langsung.

Dari sana, klik pada tab ‘Menu’ dan kemudian pilih menu navigasi anda. Anda sekarang akan melihat editor menu seret dan lepas di lajur kiri dengan pratonton langsung laman web anda di panel kanan.

Sesuaikan menu WordPress dengan pratonton langsung

4. Membuat menu mega yang besar sebagai dropdown di WordPress

Menu dropdown hanya menunjukkan satu dropdown pada satu masa. Bagaimana jika anda ingin menunjukkan struktur penuh laman web anda sebagai menu mega yang hanya muncul ketika pengguna berlegar di menu utama?

Contoh menu mega

Menu mega memang muncul sebagai menu lungsur turun, tetapi mereka dapat menunjukkan lebih banyak pautan, sub-menu, dan banyak lagi. Untuk arahan terperinci, lihat tutorial langkah demi langkah kami mengenai cara membuat menu mega di WordPress.

Kami harap artikel ini membantu anda mempelajari cara membuat menu lungsur di WordPress dengan mudah. Anda mungkin juga ingin melihat panduan kami bagaimana membuat menu navigasi terapung yang melekit di WordPress dan cara menambahkan ikon gambar ke menu navigasi di WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me