Tujuh plugin menu WordPress paling responsif (2020)

Menu navigasi adalah bagian integral dari setiap situs web yang sukses. Singkatnya, pengunjung membantu bergerak. Ini meningkatkan aliran situs Anda dan mendorong pengunjung untuk tinggal di situs lebih lama, mengkonsumsi lebih banyak konten, dan mencapai tujuan konversi mereka. maka semuanya baik-baik saja.

Plus, menu navigasi adalah bagian integral dari keseluruhan desain situs Anda – lagipula, menu itu muncul di setiap halaman. Ingat, menu navigasi yang menakjubkan secara visual dapat membuat rata-rata situs terlihat bagus, dan sebaliknya juga benar.

Oleh karena itu, itu adalah keputusan yang mudah untuk membuat dan merancang menu navigasi Anda dari sudut pandang estetika dan navigasi.

Untungnya, ada banyak plugin menu yang bagus untuk pengguna WordPress. Dalam artikel ini, kami mengulasnya untuk menampilkan tujuh favorit kami. Dan karena semua plugin di daftar ini sepenuhnya responsif, pengguna perangkat seluler juga dapat menikmatinya.

Ayo, tujuh plugin menu WordPress paling responsif (termasuk plugin gratis dan premium).

Tanpa urutan tertentu …

1, UberMenu ($ 19)

Mari kita mulai dengan mungkin plugin menu paling kuat dari semuanya: UberMenuDengan lebih dari 60.000 unduhan sejauh ini, plugin ini sangat populer dan berada di peringkat ketiga dalam daftar plugin terlaris CodeCanyon.

Plugin UberMenu memungkinkan Anda membuat beberapa menu terindah yang bisa Anda temukan di dunia WordPress. Mereka disebut "menu mega" dan bisa sangat kompleks. Pengunjung dapat menjelajahi submenu dalam jumlah tak terbatas. Ketika datang untuk meningkatkan navigasi, menu mega belum pernah terjadi sebelumnya.

Dengan UberMenu Anda dapat menambahkan gambar, simbol, dan deskripsi ke item menu.

Titik penjualan utama dari plugin ini adalah konten yang diperluas yang dapat Anda tambahkan ke menu mega Anda. Sebagai permulaan, ini termasuk foto, Google Maps, dan posting blog. UberMenu bahkan dapat secara dinamis mengekstraksi konten blog untuk kisi-kisi ini berdasarkan pada variabel pilihan Anda; misalnya, variabel dapat berupa kategori publikasi, tipe publikasi, induk, atau penulis. Plugin juga secara otomatis menambahkan gambar item yang dipilih ke grid untuk memastikan menu selalu terlihat bagus.

UberMenu juga dapat diintegrasikan ke dalam widget dan shortcode pihak ketiga. Ini berarti bahwa Anda dapat mengintegrasikan fitur dari tambahan lain ke dalam menu Anda untuk memberi pengunjung pengalaman yang lebih baik.

UberMenu memungkinkan Anda untuk menambahkan peta dan formulir kontak ke menu Anda.

Seperti yang Anda harapkan dari plugin yang berfokus pada desain, UberMenu hadir dengan banyak opsi penyesuaian. Ini termasuk 25 font Google paling populer, serta ukuran dan warna font yang tak terbatas. Anda juga dapat memuat gambar latar belakang khusus untuk setiap item menu.

Dengan banyak fleksibilitas, Anda dimaafkan karena membuat menu ini sulit dibuat. Namun, berkat generator plugin yang intuitif, ini bukan masalahnya.

Dengan generator, Anda dapat menyesuaikan menu menggunakan kisi responsif hingga 12 kolom yang dapat Anda isi dengan blok konten. Untuk menyesuaikan blok ini, cukup klik pada blok yang diinginkan. UberMenu mencantumkan pengaturan yang tersedia. Anda juga dapat menghidupkan menu secara real time dengan WordPress Customizer – pratinjau langsung ini sangat berharga.

UberMenu menciptakan berbagai pilihan menu dan jenis submenu. Anda bahkan dapat membisukannya untuk membuat menu mengambang di sekolah.

Cuplikan layar menu tarik-turun UberMenu

Gunakan UberMenu untuk membuat menu yang lebih tradisional dengan memilih opsi mengambang.

Atau Anda dapat melakukan yang terbaik dan menggabungkan berbagai opsi ini pada satu menu: seluruh Shebang.

Tangkapan layar UberMenu dengan semua jenis konten yang berbeda.

Atau gunakan fitur UberMenu lengkap dan gabungkan menu dropdown, banyak gambar latar belakang, dan berbagai kategori konten.

Hasilnya sangat mengesankan, bukan? Dan Anda bahkan dapat menyesuaikan menu secara vertikal jika diinginkan. Menu-menu ini mendukung fungsi dan fitur yang sama, tetapi dengan arah vertikal.

Tangkapan layar menu vertikal yang dibuat dengan UberMenu.

Apakah Anda ingin menghemat ruang di bagian atas layar? Tempatkan UberMenu Anda di halaman tanpa kehilangan fungsionalitas.

Sementara UberMenu sekarang sepenuhnya responsif, desain menu mega yang rumit mungkin membuatnya kurang cocok untuk perangkat yang lebih kecil. Jika menurut Anda ini masalahnya, pengembang di UberMenu telah memberi pengguna plugin gratis untuk menu seluler: ShiftNavIni memungkinkan Anda membuat menu navigasi gaya aplikasi untuk pengguna seluler.

Akhirnya, karena popularitas UberMenus yang tak terhentikan, para pengembang telah merilis empat ekstensi resmi.

Ekstensi berlaku untuk setiap $ 8 atau $ 19 yang tersedia lakukan.

2, Max Mega Menu (GRATIS)

Plugin Menu Mega Max

Fitur "Mega Menu" relatif diperluas, yang berarti Anda umumnya hanya dapat menemukannya di add-on premium. Tetapi jika Anda tahu ke mana harus mencari, Anda dapat menemukannya secara gratis.

Kami hadir Maks. Menu Besar, sebuah plugin mega-menu yang sangat baik yang tersedia dari arsip plugin WordPress resmi. Setelah plugin diinstal dan diaktifkan, menu WordPress Anda yang ada secara otomatis memperbarui ke menu megamen.

Tangkapan layar menu Mega Max dengan beberapa gambar.

Menu mega yang dapat Anda buat terlihat mengesankan, tidak buruk untuk plugin gratis!

Membuat menu Anda mudah berkat generator seret dan lepas. Anda juga dapat melakukan pratinjau dalam waktu nyata dan membuat keputusan gaya saat bepergian.

Bicara soal gaya: Max Mega Menu menawarkan opsi penyesuaian yang hampir tak terbatas. Font, ukuran, warna, dan simbol hanyalah puncak gunung es dengan lebih dari 100 penyesuaian yang kompatibel. Ada juga beberapa animasi CSS3 bawaan yang bagus untuk membantu Anda melihat menu Anda dengan lebih baik.

Seperti halnya plugin mega-menu, Anda juga dapat membuat beberapa menu yang cukup rumit di sini. Anda dapat menambahkan banyak hal keren ke dalamnya, termasuk gambar dan konten dinamis (seperti peta), dan karena Anda dapat menambahkan widget ke menu Anda dengan Max Mega Menu, Anda bahkan dapat mengintegrasikan fungsionalitas ke dalam plugin lain. Ini berarti fitur seperti kalender, video, dan formulir kontak dapat diintegrasikan.

Tangkapan layar menu Max Mega dengan kalender, formulir kontak, dan peta.

Tangkapan layar menunjukkan hanya beberapa widget yang dapat Anda tambahkan ke menu Anda.

Bagian terbaiknya adalah bahwa Max Mega Menu adalah salah satu plugin Mega Menu tercepat, bobot dan gaya kurang dari 2 KB terbatas pada satu file CSS.

Jika Anda menyukai apa yang Anda lihat, pertimbangkan untuk meningkatkan ke Hanya dengan US $ 19 Dengan versi Pro, Anda dapat menambahkan fitur pembayaran WooCommerce dan Easy Digital Download ke menu Anda.

3, Superfly ($ 22)

Plugin superfly

Jika Anda lebih suka menu vertikal daripada orientasi horizontal tradisional, baca terus Plugin superflyIni juga berfungsi sebagai penghemat ruang yang hebat, memungkinkan Anda untuk menggunakan semua dimensi layar.

Ini dilakukan dengan menyembunyikan menu di belakang tombol shift di sudut atas. Ketika Anda mengkliknya, menu akan muncul, memungkinkan pengunjung untuk menavigasi situs Anda secara bebas. Namun, Anda juga dapat melampirkan menu secara permanen ke satu sisi layar.

Mengapa Anda menginginkan menu vertikal? Pertama, mereka dianggap lebih mobile. Anda juga akan lebih jarang menemukannya, menjadikannya tambahan yang mengejutkan untuk situs mana pun. Tidak mengherankan, Superfly mendukung sejumlah opsi gaya yang membantu membuat jenis menu yang tidak biasa ini bahkan lebih menarik.

Cuplikan layar dari menu Superfly selaras kiri

Menu Superfly ditampilkan dari sisi layar.

Plugin ini dilengkapi dengan perpustakaan simbol, font Google yang tak terhitung jumlahnya, dan penyesuaian warna. Anda juga dapat mengunggah gambar khusus ke menu Anda dari gambar latar belakang ke logo yang muncul di bagian atas menu. Anda juga dapat mengintegrasikan widget atau kode pendek dari plugin lain atau membuat gaya HTML khusus. Anda bahkan dapat menyesuaikan tata letak, bentuk, dan lokasi tombol aktivasi menu.

Saat menu terbuka di layar, didukung hingga empat level submenu. Lapisan tambahan terlihat sama mengesankan dan dapat dikonfigurasi dalam gaya yang unik, seperti yang ditunjukkan pada tangkapan layar berikut.

Tangkapan layar dengan submenu Superfly

Dengan Superfly Anda dapat membuat desain unik untuk setiap sublevel pada menu Anda.

Karena menu aneh ini mungkin tidak cocok untuk setiap situasi, Superfly menawarkan opsi orientasi halaman yang berbeda. Di sini Anda dapat menonaktifkan menu Superfly untuk grup pengguna tertentu, mis. B. pengguna khusus desktop atau halaman.

Satu fitur terakhir: Anda juga dapat menambahkan tombol berbagi media sosial di bagian bawah menu Anda, mendukung lebih dari sepuluh media sosial. Semoga ini akan mengarah pada tindakan sosial yang lebih untuk konten Anda.

4, menu Balas (GRATIS)

Plugin menu responsif

Jika Anda suka menu vertikal Superfly tetapi tidak memiliki anggaran, ini Plugin menu responsif Mungkin menarik bagi Anda Plugin ini menciptakan menu vertikal yang sangat baik dan dapat diunduh secara gratis dari perpustakaan plugin resmi.

Sebagai plugin gratis, menu responsif hadir dengan jumlah penyesuaian yang mengesankan, bahkan lebih dari 150. Ini mencakup semua penyesuaian umum (font, ukuran, alamat, dan warna), dan Anda juga dapat mengunggah latar belakang, logo, dan ikon khusus. Jadi Anda dapat menyesuaikan menu Anda Note pinjaman.

Tangkapan layar menu yang dibuat dengan menu Responsif

Anda dapat menambahkan gambar latar belakang dan kotak pencarian ke menu Anda.

Plugin ini mengaitkan tombol menu sederhana di kanan atas layar. Ketika Anda mengklik tombol ini, menu akan muncul dengan efek animasi yang bagus. Karena menu mengambil lebih banyak ruang di layar daripada Superfly, setiap level berikutnya dibuka dan tidak disembunyikan, seperti yang ditunjukkan pada layar berikut.

Layar dengan submenu dengan menu responsif

Mengklik membuka item sub-menu ke bawah alih-alih keluar.

Fitur berguna lainnya adalah menu pencarian untuk menu Anda dan kemampuan untuk memilih ukuran layar di mana menu muncul.

Jika Anda menyukai versi gratis, $ 1499 sunting tersedia dan memperkenalkan fitur pratinjau langsung, FontIcons, dan item menu animasi.

5, Menu Pahlawan ($ 19)

Tambahkan ke menu pahlawan

Dengan tambahan kami berikutnya, kami kembali ke menu mega: Menu lengkapPlugin ini menawarkan fleksibilitas tinggi dan opsi penyesuaian yang tak terhitung jumlahnya, memungkinkan Anda untuk membuat opsi menu yang hampir tak terbatas.

Menu Pahlawan hadir dengan lebih dari 250 ikon gratis. Anda dapat menyesuaikan menu dengan pilihan 650 font Google dan warna tak terbatas. Untuk membantu Anda yang tidak memiliki bakat alami dalam desain, Anda juga akan menemukan 60 pilihan warna luar biasa yang dibuat oleh tim desainer grafis berpengalaman.

Tangkapan layar menu pahlawan.

Lihat semua konten keren yang bisa Anda tambahkan ke menu pahlawan

Berkat antarmuka khusus yang dioptimalkan, plugin ini juga membuat pembuatan menu menjadi menyenangkan. Itu semua seret dan lepas sehingga Anda dapat menambahkan kedalaman ke menu Anda, mengatur ulang item menu, dan dengan mudah menyesuaikan tata letaknya.

Hero Menu mendukung semua konten mega umum: gambar, video, peta dan konten blog, serta kode pendek dan widget dari plugin lain. Hero Menu juga mendukung WooCommerce, yang berarti Anda dapat menambahkan produk, harga, dan thumbnail ke menu Anda. Anda juga dapat dengan mudah mengaktifkan fungsi pencarian dan tombol untuk berbagi di media sosial.

Tangkapan layar memperlihatkan integrasi WooCommerce dan Menu Pahlawan

Anda bahkan dapat menambahkan produk WooCommerce ke menu Anda.

Plugin ini juga dilengkapi dengan fitur "Menu Tetap", yang berarti tetap di bagian atas layar, bahkan jika pengunjung menggulir ke bawah halaman. Dan ketika Hero Menu mengenali pengunjung dengan perangkat yang lebih kecil, menu secara otomatis bergabung menjadi sesuatu yang lebih mobile.

Akhirnya, menu pahlawan menyesuaikan menu mana yang dilihat pengunjung, tergantung pada peran pengguna WordPress mereka. Ini adalah fitur yang berguna saat masuk ke pengunjung.

6, Menu Respons WP (GRATIS)

Plugin Menu Responsif WP

Hadiah lain di bawah ini: Plugin Menu Responsif WP, yang berspesialisasi dalam membuat menu seluler geser.

Karena plugin ini ditujukan untuk pengguna seluler, banyak fitur utamanya disesuaikan dengan karakteristik perangkat seluler. Pengunjung dapat menelusuri menu dan mencubit layar sentuh mereka untuk memperbesar.

Anda juga dapat mengonfigurasi menu tertentu untuk pengunjung dari perangkat yang lebih kecil dan menonaktifkan item yang tidak diinginkan. Pengunjung desktop akan melihat menu default dengan daftar lengkap pengaturan.

Tangkapan layar plugin WP Responsive Menu

Anda dapat mengonfigurasi menu untuk bergerak dari tepi atas, kiri, atau kanan layar. Anda juga dapat menentukan lebar menu dalam piksel atau sebagai persentase dari ukuran layar.

Ada juga banyak opsi penyesuaian. Anda dapat memuat logo untuk menu dan menyesuaikan semua warna (latar belakang, teks, dan bingkai) dan teks menu. Anda bahkan dapat mengintegrasikan fungsi pencarian sederhana di bagian bawah menu.

Yang terbaik dari semuanya, instalasi ini sangat efisien, artinya bisa berjalan dan berjalan dalam hitungan menit.

7, WP Floating Menu Pro (US $ 17)

Plugin WP Floating Menu Pro

Plugin terakhir yang muncul dalam daftar hari ini adalah yang menarik: WP Floating Menu ProSeperti namanya, plugin ini menciptakan menu "mengambang" dan tampak hebat.

Plugin membuat dua jenis menu:

  • Arahkan ke halaman
  • Menu tetap: Jenis menu ini menunjuk ke beberapa URL, seperti menu khas WordPress.

Tidak ada plugin lain dalam daftar ini yang menawarkan navigasi satu sisi. Jadi mari kita fokus pada hal itu. Fitur navigasi satu sisi menargetkan situs web yang dibuat pada satu halaman. Situs-situs ini umumnya dibagi menjadi beberapa bagian. Misalnya, Anda dapat menemukan bagian atau formulir kontak.

Tangkapan layar WP Floating Menu Pro

Dengan mengklik ikon di sebelah kanan, pengunjung dapat melompat ke bagian mana pun dari halaman web dengan halaman.

Ketika seorang pengunjung mengklik salah satu simbol di menu navigasi pada suatu halaman, itu secara otomatis melompat ke bagian halaman itu. Ini berarti bahwa menu digunakan untuk menavigasi ke atas dan ke bawah halaman, langsung ke bagian yang diinginkan pengunjung: menu "online". Kedengarannya bagus, bukan?

Selain fungsionalitas yang menarik ini, WP Floating Menu Pro menawarkan banyak gaya penyesuaian. Pertama ada 13 template siap pakai yang menawarkan berbagai gaya tombol, skema warna, dan efek animasi. Namun, setiap template dapat sepenuhnya dikustomisasi. Anda juga dapat membuat gaya Anda sendiri dari awal sehingga menu Anda cocok dengan gaya situs Anda.

Dengan tombol yang lebih kecil pada menu ini, ikon adalah elemen desain yang penting, dan plugin dilengkapi dengan tiga set: ikon dasbor, ikon FontAwesome, dan ikon umum. WP Floating Menu Pro juga mencakup menu ramah-ponsel yang dapat Anda aktifkan dengan menekan sebuah tombol.

Pikiran terakhir

Ini menyimpulkan ringkasan kami tentang plugin menu yang paling responsif untuk WordPress. Plug-in dalam daftar ini mendukung berbagai jenis menu: menu mega, menu vertikal, menu ramah seluler, dan menu satu sisi.

Apa yang tepat untuk situs Anda? Itu Tergantung Memilih plugin menu yang tepat adalah keputusan penting karena menu memainkan peran penting dan navigasi dan merupakan bagian integral dari estetika situs Anda. Dengan kata lain, luangkan waktu Anda dan pastikan untuk membuat keputusan yang tepat.

Secara pribadi, saya suka gaya menu mega: mereka menarik perhatian, Anda juga dapat menambahkan banyak hal baik untuk mereka. Namun, mereka mungkin yang terbaik untuk situs dengan banyak halaman berbeda. Situs web yang memerlukan menu navigasi yang benar-benar komprehensif.

Menu vertikal, di sisi lain, ideal untuk situs yang perlu memaksimalkan penggunaan ruang. Menu disembunyikan di balik pegangan, artinya isinya mengisi seluruh layar, ideal untuk situs web layar penuh atau video.

Dengan plugin gratis di setiap kategori, saya sarankan mencoba beberapa jenis menu yang berbeda untuk mencari tahu mana yang Anda sukai. Jika Anda tahu gaya mana yang Anda suka, lihat beberapa pengaturan premium untuk melihat plugin mana yang ingin Anda gunakan di masa depan. Dengan banyak fitur dan karakteristik tambahan, konfigurasi premium benar-benar lebih baik daripada yang gratis.

Pos terkait

Back to top button