Tips, Trik, dan Plugin Terbaik untuk Menyesuaikan Menu WordPress

Menu adalah salah satu bagian terpenting dari setiap situs web. Mereka ada di mana-mana dan memandu pengguna melalui blog Anda. Dan meskipun relatif mudah untuk menambahkan menu navigasi di WordPress, masih banyak lagi yang dapat Anda lakukan untuk menyesuaikannya untuk situs web Anda.

Baik itu ikon kecil yang ingin Anda miliki di menu atau Anda ingin sistem yang sama sekali berbeda untuk menanganinya, panduan ini memiliki semuanya. Lihat tips, trik, dan beberapa plugin menu terbaik yang kami siapkan untuk Anda dalam panduan ini:

• Tambahkan ikon ke menu WordPress Anda
• Tambahkan tombol masuk/keluar ke menu
• Tampilkan menu WordPress di mana pun Anda mau
• Cara menambahkan kotak pencarian ke menu WordPress Anda
• Cara membuat menu navigasi menempel di bagian atas halaman
• Buat menu navigasi lengket Anda dengan plugin
• Cara menghapus item menu tingkat atas di WordPress
• Plugin 4 menu teratas untuk WordPress
• Plugin menu seluler WordPress terbaik

Tambahkan ikon ke menu WordPress Anda

Membuat menu di WordPress tidak pernah semudah ini. Yang harus Anda lakukan adalah membuat halaman dan menambahkannya di sebelah beranda Anda. Menu navigasi utama Anda akan selesai hanya dengan beberapa klik tetapi mungkin akan terlihat sangat sederhana.

Ada banyak plugin yang dapat membantu Anda dalam membuat menu navigasi yang menakjubkan secara visual. Anda tentu saja dapat membuat kode sendiri jika Anda tahu caranya, tetapi ada cara yang lebih sederhana untuk membuat menu biasa Anda lebih ramah pengguna – dengan menambahkan ikon.

Ikon telah menjadi sesuatu yang kita tidak bisa hidup tanpanya . Saat Anda mencari sesuatu di dasbor WordPress Anda, di desktop Anda, atau di ponsel cerdas dan tablet Anda, Anda mungkin terbiasa menggunakan ikon. Setelah hanya beberapa kali menggunakan aplikasi baru, Anda lebih mungkin mengingat ikonnya daripada semua teks deskripsi yang menyertainya. Jadi, mengapa Anda tidak meletakkan ikon di sebelah item menu Anda dan membiarkan orang menavigasi situs Anda dengan mudah?

Ikon Menu

HARGA: Gratis

Jika Anda tidak tahu bagaimana melakukannya, jangan khawatir, itu sebabnya Anda ada di sini. Di bagian panduan ini, kami tidak akan mengganggu Anda dengan pengkodean khusus, tetapi kami hanya akan menunjukkan kepada Anda plugin gratis yang rapi yang dapat Anda konfigurasikan dalam beberapa menit ke depan .

1. Buka Plugin->Tambah Baru
2. Cari “Ikon Menu”
3. Instal dan aktifkan plugin
4. Arahkan ke Penampilan -> Menu
5. Buka menu navigasi Anda
6. Pilih halaman di bawah struktur menu yang ingin Anda pilih ikonnya
7. Pilih ikon, edit posisi dan ukurannya
8. Simpan menu

Itu dia! Sekarang cari beberapa ikon keren yang Anda inginkan di menu Anda dan nikmati desain baru Anda. Saat Anda masih bekerja dengan ikon, jangan lupa bahwa Anda juga dapat dengan mudah menambahkan favicon ke blog WordPress Anda.

Tambahkan tombol masuk/keluar ke menu

Salah satu dari banyak fitur WordPress yang kami sukai adalah cara mudah mendaftarkan pengguna baru. Mengontrol peran pengguna yang berbeda pada platform populer tidak bisa lebih mudah; sudah ada peran terdaftar yang dapat Anda tetapkan dan Anda bahkan dapat membuat banyak peran pengguna khusus untuk kebutuhan situs Anda.

Meskipun mendaftarkannya cepat dan mudah, menjaga pengguna Anda bisa menjadi kerja keras . Tetapi Anda perlu melakukan segala daya Anda untuk membuat pengalaman mereka di situs web sebaik mungkin.

Salah satu dari banyak hal yang dapat Anda lakukan untuk mereka adalah mengaktifkan cara mudah untuk masuk dan keluar dari situs Anda. Untuk membuat link login/logout selalu dalam jangkauan tangan pengguna, Anda dapat meletakkan link tersebut langsung ke menu utama Anda. Hal pertama, memiliki tautan tersebut di menu sangat praktis dan kedua, pengguna Anda mungkin sudah terbiasa dengan fitur dari berbagai aplikasi lain yang menggunakan cara masuk dan keluar yang sama.

Dalam hal ini, tidak perlu mengambil plugin lain. Fungsi WordPress sederhana yang akan kami tunjukkan di bagian artikel ini dapat melakukan pekerjaan yang baik untuk Anda . Ini akan secara otomatis menempatkan tautan yang benar pada menu Anda. Itu berarti bahwa ketika pengguna logout, dia akan mendapatkan tautan "masuk" dan sebaliknya. Baik Anda maupun pengguna tidak perlu khawatir tentang tombol login lagi.

Jika Anda siap untuk menambahkan fitur login sederhana namun rapi ini ke menu, inilah yang harus Anda lakukan:

1. Buka function.php
2. Salin dan tempel berikut ini:

 fungsi add_login_logout_link($items, $args) {
$loginoutlink = wp_loginout('index.php', salah);
$item .= '<li>'. $loginoutlink .'</li>';
kembalikan $item;
}
add_filter('wp_nav_menu_items', 
'tambah_login_logout_link', 10, 2);

3. Simpan perubahan

Seperti kebanyakan cuplikan kami, Anda selesai hanya dengan menyalin dan menempelkan fungsi ke dalam file. Setelah selesai, Anda dapat melanjutkan dan memuat ulang beranda. Karena Anda masih login, Anda akan mendapatkan link “log out” di tempat terakhir menu utama Anda. Pastikan untuk memeriksa seluruh fungsi, jadi cobalah keluar dan masuk kembali untuk meyakinkan diri Anda bahwa semuanya baik-baik saja.

Sekarang setelah Anda selesai dengan fitur kecil ini, jangan lupa bahwa Anda dapat dengan mudah mengarahkan pengguna ke halaman lain setelah login berhasil atau bahkan menampilkan konten hanya kepada pengguna yang login atau logout.

Juga, sekarang setelah Anda memiliki menu yang disesuaikan, Anda mungkin tertarik untuk menampilkannya di mana saja di situs dengan memberikan kode pendek khusus.

Kami senang menyesuaikan WordPress dengan cuplikan kecil seperti ini, bagaimana dengan Anda?

Tampilkan menu WordPress di mana pun Anda mau

Setelah WordPress mencapai versi 3.0 banyak hal menjadi lebih mudah digunakan. Di antara berbagai fitur baru, membuat menu navigasi menjadi dapat diakses oleh siapa saja dan hari ini setiap orang dapat membuat menu mereka sendiri dengan beberapa klik sederhana pada tombol mouse.

Saat membuat menu di mana Anda dapat dengan mudah menautkan posting, halaman, kategori, atau tautan eksternal apa pun adalah hal yang mudah, menampilkan menu di tempat yang berbeda di sepanjang situs Anda bisa menjadi sedikit lebih besar bagi mereka yang tidak tertarik dengan pengembangan WordPress.

Bergantung pada tema WordPress yang Anda gunakan, Anda dapat dengan mudah menampilkan menu yang baru dibuat di atas halaman Anda di mana kita semua terbiasa menemukan navigasi. Anda mungkin memiliki opsi untuk menempatkan menu Anda di sidebar atau bahkan tepat di bawah area footer, tetapi bagaimana jika Anda ingin menampilkan menu di posting, halaman, atau bahkan di widget?

Tidak, Anda tidak perlu membuat daftar khusus atau mengetik ulang seluruh kode HTML untuk mereplikasi tautan; Anda dapat memanfaatkan shortcode dan menempatkan menu yang ada di mana pun Anda inginkan!

Pada baris berikut, kami akan menunjukkan cara melakukannya dan kami yakin Anda akan menyukai fitur 'menu dalam kode pendek' baru Anda.

Buat kode pendek dan tampilkan menu WordPress di mana pun Anda mau

1. Buka file functions.php
2. Salin dan tempel kode yang akan mendaftarkan kode pendek:

 function menu_function($atts, $content = null) {
 ekstrak(
 kode_pendek(
 array('nama' => null, ),
 $att
 )
 );
 kembali wp_nav_menu(
 Himpunan(
 'menu' => $nama,
 'gema' => salah
 )
 );
 }
 add_shortcode('menu', 'menu_fungsi');

3. Simpan perubahan

Tepat setelah Anda menyimpan perubahan, Anda akan dapat menampilkan menu WordPress di mana pun Anda inginkan. Yang harus Anda lakukan adalah menuliskan kode pendek di mana Anda harus menentukan nama menu yang akan Anda gunakan:

[nama menu=”menu utama”]

Dalam kebanyakan kasus, menu utama Anda akan memiliki nama "menu utama" yang melekat pada dirinya sendiri. Tetapi jika Anda akan menggunakan menu lain, cukup masukkan namanya di kode pendek. Anda tidak harus hafal setiap nama menu; sebagai gantinya, navigasikan ke Appearance -> Menus dan telusuri daftar menu atau buat yang baru.

Karena Anda sekarang dapat menampilkan menu WordPress secara praktis di mana saja, Anda dapat membuat banyak navigasi yang akan Anda gunakan di situs web bertenaga WordPress Anda. Anda dapat memiliki satu di posting, satu lagi di file template, Widget Teks, dll.

Cara menambahkan kotak pencarian ke menu WordPress Anda

Kecuali Anda telah menghapus fitur tersebut, WordPress memungkinkan pengunjung Anda untuk mencari di seluruh situs Anda. Kami telah menyebutkan fitur keren ini beberapa kali dan menunjukkan kepada Anda berbagai hal yang dapat Anda lakukan dengan halaman pencarian Anda. Misalnya, Anda dapat dengan mudah mengarahkan pengguna ke pos jika hanya ada satu hasil yang ditemukan atau bahkan menyiapkan penelusuran Google khusus.

Jika Anda telah menelusuri widget WP standar Anda, Anda mungkin telah melihat bahwa ada widget pencarian yang siap ditempatkan di sidebar . Tetapi bagaimana jika Anda ingin kotak pencarian Anda muncul di sebelah menu Anda?

Pada baris berikut, kami akan menunjukkan kepada Anda sebuah fungsi yang akan mengambil kotak pencarian sehari-hari Anda dan meletakkannya di menu navigasi.

Tambahkan kotak pencarian ke menu:

1. Buka function.php
2. Salin dan tempel berikut ini:

 add_filter( 'wp_nav_menu_items','tambahkan_kotak_penelusuran', 
10, 2 );
fungsi add_search_box( $items, $args ) {
$item .= '<li>' . get_search_form( salah ) . 
'</li>';
kembalikan $item;
}

3. Simpan perubahan

Untuk memastikan bahwa kode akan bekerja untuk Anda, pastikan Anda memiliki menu navigasi yang telah ditambahkan ke situs Anda.

Kode ini cukup sederhana dan satu-satunya fungsinya adalah menambahkan kotak pencarian ke menu navigasi Anda . Kemungkinan besar, kotak pencarian Anda tidak akan sejajar dengan yang Anda inginkan. Itu berarti Anda harus memberi tahu WordPress di mana harus meletakkan kotak pencarian:

1. Tambahkan kelas ke tag <li> yang ditemukan di baris ketiga kode:

 $items .= '<li class=”posisi kotak pencarian”>' . 
get_search_form( salah ) . '</li>'

2. Simpan perubahan
3. Buka style.css
4. Salin dan tempel kode CSS:

 .posisi kotak telusur {
 margin-atas: 15px;
 margin-kanan: 20px;
 }

5. Ubah kode sesuai keinginan Anda
6. Simpan perubahan

Mudah-mudahan, Anda telah meletakkan kotak itu dengan sempurna di sebelah menu Anda. Tidak perlu banyak untuk menyesuaikan kotak di tempat yang Anda inginkan. Jangan lupa untuk menata kotak pencarian itu sendiri dan nikmati fiturnya.

Jika Anda ingin lebih mengontrol menu dan kotak pencarian Anda, lihat cara menambahkan ikon ke menu Anda dan cara menambahkan opsi pencarian suara untuk pengunjung yang suka mendikte istilah pencarian mereka. Masih banyak lagi yang dapat Anda lakukan dengan menu dan opsi pencarian Anda, jadi uji kotak pencarian kami dan pelajari sesuatu yang baru.

Cara membuat menu navigasi menempel di bagian atas halaman

Anda mungkin pernah melihat situs web di mana menu navigasi menempel di bagian atas halaman dan mengikuti Anda setiap langkah dalam petualangan bergulir Anda . Fitur itu mungkin sesuatu yang Anda inginkan di situs WordPress Anda dan di bagian panduan ini, kami akan menunjukkan cara membuatnya.

Tidak hanya memiliki sisi fungsional di mana menu selalu tersedia dalam jangkauan tangan Anda, tetapi juga dapat terlihat sangat indah dan cair.

Jika Anda memiliki sedikit pengetahuan CSS, Anda tidak akan mengalami masalah dengan membuat menu Anda lengket. Anda hanya perlu menambahkan sepotong kode ke file Style.css Anda setelah itu Anda dapat menikmati fitur menu baru Anda.

1. Buka Stylesheet Anda (style.php)
2. Temukan .nav-menu atau .genesis-nav-menu (atau serupa, tergantung pada tema yang Anda gunakan)
3. Gunakan kode berikut untuk wadah menu utama Anda:

 .nav-menu {
 posisi: tetap;
 latar belakang: #333;
 atas: 0 piksel;
 kanan: 0px;
 kiri: 0 piksel;
 indeks-z:99;
 }

Seperti yang bisa Anda tebak dari kode, bagian penting ada di baris kedua di mana Anda perlu memperbaiki posisi menu Anda . Setelah itu, Anda dapat mengatur elemen atas, kanan dan kiri ke 0 piksel atau memindahkannya ke jarak berapa pun dari atas atau dari margin kiri dan kanan halaman (misalnya: atas: 10px akan menempatkan menu Anda 10 piksel dari margin atas situs Anda).

1. Perbarui file Anda dan nikmati menu navigasi lengket Anda

Jika Anda tidak suka mengotak-atik kode, Anda dapat menggunakan plugin untuk membuat menu Anda lengket.

Buat menu navigasi lengket Anda dengan plugin

Kami mengajari Anda cara membuat menu navigasi lengket hanya dengan mengubah baris kode CSS di tema Anda. Tapi, betapapun mudahnya ini, tidak semua orang suka membuka file WordPress dan mengedit kodenya sendiri. Jika Anda adalah tipe orang seperti itu atau Anda membutuhkan kontrol lebih atas menu, jangan khawatir. Anda dapat dengan mudah mengatur menu Anda dan membuatnya lengket dengan menggunakan plugin . Di bagian artikel ini, kami akan menunjukkan kepada Anda beberapa yang terbaik.

Ekstensi Lengket UberMenu

HARGA: $8

UberMenu Sticky Extension adalah add-on untuk plugin UberMenu yang berarti Anda harus menginstal plugin ini terlebih dahulu agar ekstensi berfungsi. Ekstensi membuat segalanya menjadi sederhana; setelah instalasi, Anda siap untuk membuat menu Anda lengket. Di mana pun Anda meletakkan menu, begitu pengguna mulai menggulir, menu akan menempel di bagian atas halaman dan membuatnya mudah diakses.

Untuk memastikan pengguna seluler dapat mengakses setiap bagian menu, opsi tempel akan mati setelah perangkat seluler terdeteksi. Tidak banyak yang bisa ditambahkan di sini – lihat demo di situs resmi dan jika Anda sudah memiliki UberMenu, lanjutkan dan buat menu Anda lengket.

myStickymenu

HARGA: Gratis – DEMO

Plugin ini dirancang untuk digunakan pada tema Twenty Thirteen. Tetapi jika Anda mengubahnya sedikit, Anda dapat menggunakannya pada tema apa pun yang Anda suka. Secara default, ia menggunakan kelas CSS navigasi tema “.navbar”. Jadi jika Anda ingin menggunakannya pada beberapa tema lain, Anda harus menemukan kelas yang digunakan tema Anda untuk menggambarkan menu navigasi dan mengubah nama kelas itu.

Jika tema Anda responsif, plugin juga akan responsif. Jika Anda ingin memodifikasinya lebih lanjut, Anda dipersilakan untuk memasukkan gaya CSS khusus Anda dan menjadikan menu tempel Anda lebih personal.

Menu Lengket (atau Apa Pun!) di Gulir

HARGA: Gratis

Plugin ini akan memungkinkan Anda untuk menempatkan menu Anda di atas dan membuatnya lengket. Tapi tidak hanya itu, plugin akan memungkinkan Anda untuk membuat elemen apa pun menjadi lengket hanya dengan menemukan pemilih yang tepat untuk elemen tersebut. Itu berarti Anda dapat membuat logo Anda atau bahkan seluruh header menempel di bagian atas halaman saat pengguna menggulir situs web Anda. Untuk membuat semuanya berfungsi, Anda harus tahu sedikit tentang HTML dan CSS sehingga Anda dapat menemukan pemilih yang tepat.

Cara menghapus item menu tingkat atas di WordPress

Anda mungkin sudah tahu bahwa WordPress sangat dapat dikustomisasi. Jika Anda tahu cara membuat kode atau setidaknya menemukan plugin yang tepat, Anda dapat mengubah backend serta frontend Anda dan menampilkan situs web unik kepada pengunjung dan penulis Anda juga.

Di bagian ini, kami akan menunjukkan kepada Anda kode sederhana yang memungkinkan Anda menghapus item menu tingkat atas dari halaman admin WordPress Anda.

Kode yang dapat Anda temukan di bawah ini akan menghapus semua item menu tingkat atas ke semua pengguna, bukan admin . Sebelum melanjutkan, Anda harus mengetahui bahwa cuplikan ini hanya menghapus item menu tetapi item tersebut akan tetap tersedia bagi siapa saja yang mengetahui jalur yang benar ke halaman setelan. Jika Anda ingin sepenuhnya membatasi akses ke halaman menu tertentu, Anda harus mengubah kemampuan pengguna.

Hapus item menu tingkat atas:

1. Buka file functions.php Anda
2. Salin dan tempel kode berikut:

 if (!current_user_can( 'manage_options' )) {
add_action( 'admin_menu', 'my_remove_menus', 999 );
}
fungsi my_remove_menus() {
remove_menu_page( 'index.php' ); //Dasbor
hapus_menu_page('edit.php'); //postingan
remove_menu_page( 'upload.php' ); //Media
remove_menu_page( 'edit.php?post_type=halaman'); //Halaman
remove_menu_page( 'edit-komentar.php' ); //Komentar
remove_menu_page( 'tema.php' ); //Penampilan
remove_menu_page( 'plugins.php' ); //Plugin
remove_menu_page('pengguna.php'); //Pengguna
remove_menu_page( 'tools.php' ); //Peralatan
remove_menu_page( 'options-general.php' ); //Pengaturan
}

3. Simpan perubahan

Karena kode ini menghapus semua menu tingkat atas yang mungkin tidak ingin Anda lakukan, silakan memodifikasi kode sesuai kebutuhan Anda. Setiap baris “remove_menu_page” bertugas menghapus satu halaman (yang dijelaskan dalam tanda kurung serta di komentar di samping baris kode). Cukup tambahkan atau hapus halaman yang ingin Anda hilangkan dari menu Anda dan simpan perubahan sekali lagi.

Sekarang setelah Anda mempelajari cara menghapus halaman tingkat atas dari menu, Anda mungkin ingin menghapus hanya beberapa subhalaman yang terletak di bawah halaman tingkat atas.

Plugin 4 menu teratas untuk WordPress

Setelah Anda mulai membangun situs web baru, cepat atau lambat Anda akan membutuhkan menu. Anda dapat membuatnya menggunakan opsi menu standar di WordPress tetapi jika Anda menginginkan yang lebih profesional, Anda harus mengetahui kode HTML dan CSS Anda. Itu juga berarti Anda akan meluangkan waktu untuk mendesain semuanya agar bekerja dengan sempurna dan terlihat cantik pada saat yang bersamaan.

Tetapi jika Anda membutuhkan solusi yang lebih cepat atau Anda tidak tahu cara membuat kode menu mewah Anda sendiri, WordPress memungkinkan Anda untuk menginstal beberapa plugin hebat yang dirancang untuk membuat menu cantik dalam hitungan beberapa klik. Tanpa urutan tertentu, berikut adalah beberapa plugin menu terbaik untuk WordPress.

Menu Uber

HARGA: $20 – DEMO

Dengan lebih dari 43.000 penjualan, Uber Menu adalah salah satu plugin paling populer untuk WordPress . Setelah Anda membuka situs demo dan melihat seperti apa tampilan menu yang dibuat dengan plugin ini, Anda akan mengerti mengapa begitu populer. Dan begitu Anda mulai membuat daftar fitur-fiturnya, Anda mungkin menginginkannya sendiri.

Menu yang dibuat dengan menu Uber akan responsif dan dapat disentuh untuk pengunjung seluler Anda. Anda dapat membuat tata letak yang indah dan menempatkan ikon, gambar, video, dan peta ke dalam menu Anda. Seluruh formulir dapat ditempatkan ke dalam submenu sehingga Anda dapat membuat formulir kontak tanpa harus menambahkan halaman tambahan untuk itu. Plugin ini sangat dapat disesuaikan dan Anda dapat bermain-main dengan lebih dari 50 pengaturan gaya dengan pratinjau langsung. Anda dapat membuat submenu secara otomatis dari konten Anda yang lain, membuat tab di bawah menu Anda, dan banyak lagi.

• Pembuatan item dinamis
• Submenu dengan tab
• Antarmuka pengguna yang ditingkatkan

Morf: Menu WordPress Fly-Out yang Dapat Disesuaikan

HARGA: $20 – DEMO

Morph adalah menu fly-out yang dirancang untuk perangkat seluler. Namun, seperti yang dapat Anda lihat di halaman demo jika Anda membukanya di komputer pribadi, tampilannya juga sangat bagus di desktop.

Dengan menggunakan plugin ini, Anda dapat menyembunyikan menu dan memanggilnya dengan satu klik sederhana . Di area menu, Anda dapat membuat menu drop-down standar, menambahkan gambar, tombol pencarian, dan seluruh area memiliki widget yang berarti Anda dapat menyematkan apa pun yang Anda butuhkan dan inginkan. Plugin ini sangat dapat disesuaikan sehingga Anda dapat memilih warna yang Anda inginkan, mengubah ketinggian gambar dan menambah atau menghapus elemen sesuai dengan kebutuhan Anda. Jika Anda akan menggunakannya untuk perangkat seluler, Anda dapat dengan mudah mengatur resolusi menu yang akan muncul.

• Berfungsi dengan baik di desktop dan perangkat seluler
• Tambahkan/hapus elemen yang dapat disesuaikan
• Dapat dipicu oleh elemen apa pun

Menu Pahlawan

HARGA: $19 – DEMO

Baik Anda menginginkan menu sederhana atau "Mega Menu" yang kompleks, Anda dapat membuatnya dengan plugin Hero Menu. Setiap menu yang Anda buat akan responsif dan akan terlihat bagus di perangkat apa pun; jika Anda memilih untuk membuat menu mega, item dapat ditampilkan atau disembunyikan sehingga Anda tidak perlu khawatir tentang tata letak di layar yang lebih kecil.

Ada dukungan sentuhan khusus untuk Android, iOS dan Windows Phone. Pilih bilah navigasi lebar penuh atau lebar tetap tempat Anda dapat dengan mudah menambahkan elemen tambahan hanya dengan menggunakan teknik seret & lepas . Ada lebih dari 60 skema warna prasetel dan Anda bebas menggunakan masing-masing Font Google gratis. Buat menu tetap, pilih jarak aktivasi… plugin hebat ini dapat menawarkan lebih banyak lagi, jadi pastikan untuk memeriksa seluruh daftar fitur di CodeCanyon.

• Pembuat struktur menu Seret & Lepas
• Buat menu sederhana atau menu mega kompleks
• Navigasi seluler khusus

Bilah Multi-X

HARGA: $16 – DEMO

Bilah Multi-X adalah plugin modular dan memungkinkan Anda menempatkan hampir apa pun yang Anda inginkan ke bilah navigasi. Selain item menu, Anda dapat menempatkan hingga 8 item di bilah – apakah itu formulir kontak, formulir pencarian, ikon berbagi sosial, area widget, dll.

Ada dua tema berbeda untuk Anda pilih ditambah tema khusus di mana Anda dapat mengatur warna Anda sendiri sementara gradien akan dihitung secara otomatis. Bilah navigasi dapat ditempatkan sebagai menu tetap atau dapat digulir. Jika Anda seorang pengembang, Anda ingin mengetahui bahwa ada satu set pengait yang siap untuk Anda jika Anda ingin membuat plugin baru dari bilah Multi-X. Plugin ini menawarkan lebih banyak lagi, jadi pastikan untuk melihat semua fitur di CodeCanyon.

• 8 modul fungsional tertanam
• 2 tema warna + tema khusus
• Posisi atas atau bawah

Plugin menu seluler WordPress terbaik

Kita semua tahu seberapa jauh teknologi telah berkembang. Ponsel cerdas dan tablet telah menjadi tak terelakkan dan semakin banyak pemilik perangkat seluler. Jaringan WiFi mencakup setiap bagian kota kami dan jika tidak ada, Anda selalu dapat menghubungkan perangkat seluler Anda ke Internet melalui penyedia Anda. Artinya, jumlah peselancar web seluler lebih tinggi dari sebelumnya dan Anda harus menjaga mereka jika Anda menjalankan situs web.

Jika Anda sedang membangun situs seluler atau ingin membuatnya lebih baik, Anda pasti perlu membuat menu seluler khusus yang akan beradaptasi dengan ukuran layar apa pun dan memungkinkan navigasi yang lebih mudah bagi pengguna seluler .

Dengan WordPress, tugas ini tidak sesulit yang Anda kira. Anda tidak perlu tahu cara membuat kode atau mengatur menu. Yang Anda butuhkan hanyalah plugin yang dapat dengan mudah Anda instal dan sesuaikan dengan kebutuhan Anda.

Di bagian panduan ini, kami akan menunjukkan kepada Anda beberapa plugin premium terbaik yang dapat membuat menu seluler untuk situs web WordPress Anda. Jadi mari kita gulir ke bawah dan lihat.

taktil

HARGA: $18 – DEMO

Plugin premium ini akan membuat header seluler yang bersih dengan menu seluler yang disematkan ke dalamnya. Animasi sangat sederhana dan dapat terlihat sangat bagus dan lancar di layar smartphone. Dengan Tactile, Anda dapat membuat menu akordeon multi-level, membuat menu horizontal satu level yang dapat digesek, atau membuat bilah sisi berwidget yang dapat terbang ke situs web Anda .

Semuanya dapat disesuaikan yang berarti Anda dapat mengecat elemen Anda dalam warna apa pun yang Anda inginkan, mengubah latar belakang dan mengatur warna, opasitas, dan banyak lagi. Menu Anda dapat diperbaiki atau diposisikan secara mutlak. Jika Anda ingin lebih mengontrol perangkat seluler, Anda dapat mengatur resolusi yang menu ini akan diaktifkan.

• Beberapa jenis menu
• Fungsi pencarian
• Pemosisian tetap/mutlak

KetukKetuk

HARGA: $10 – DEMO

TapTap akan memberi Anda kekuatan untuk membuat menu seluler unik untuk situs web WordPress Anda. Seperti yang Anda lihat dari situs demo, Anda dapat membuat hampir semua yang Anda bayangkan dan menu Anda akan terlihat sangat rapi. Dengan plugin ini, Anda dapat membuat menu multi-level, memutuskan elemen mana yang ingin Anda tampilkan, menambahkan deskripsi, atau mengaktifkan opsi pencarian terintegrasi .

Ada dua desain tombol menu dan beberapa animasi untuk dipilih. Posisi menu Anda dapat diperbaiki atau Anda dapat menggunakan posisi absolut. Pilih gaya latar belakang dan mainkan dengan banyak opsi gaya sehingga Anda dapat menyesuaikan menu dengan tema Anda dengan sempurna. Last but not least, TapTap akan membiarkan Anda memilih resolusi yang akan ditampilkan sendiri. Apa lagi yang Anda inginkan dari menu navigasi seluler?

• Menu multi-level
• 2 desain tombol menu dan animasi
• Pemosisian tetap/mutlak

Mobil

HARGA: $16 – DEMO

Mobi adalah plugin WordPress sederhana namun hebat lainnya yang siap membantu situs web seluler. Dengan tambahan ini, tema responsif Anda akan memiliki navigasi yang lebih baik. Setelah Anda membuat menu menggunakan pembuat menu seret & lepas yang intuitif , Anda dapat menempatkannya di atas atau di bawah situs Anda.

Semua item menu dapat disesuaikan dan Anda bebas menambahkan ikon media sosial ke bilah navigasi Anda. Ada lebih dari 700 font ikon dan Anda dapat menyelesaikan desain Anda dengan menggunakan salah satu Google Font. Jika perlu, Anda dapat mengontrol visibilitas pengguna untuk tamu dan pengguna yang masuk.

• Seret dan Jatuhkan kustomisasi
• Penempatan menu atas atau bawah
• Visibilitas Pengguna untuk tamu dan pengguna yang masuk

Wah-menu

HARGA: $44 – DEMO

Wah-menu adalah menu dockable yang sempurna untuk situs web seluler, yang dirancang khusus untuk navigasi sentuh iPad. Dengan plugin premium ini, Anda dapat menambahkan hingga 8 tautan menu yang akan dipasang dengan baik di sisi situs web WordPress Anda.

Setelah Anda mengklik ikon tertentu di menu, sub-menu akan muncul yang memungkinkan HTML, video tersemat, peta, dan hampir semua yang Anda inginkan. Plugin ini sangat dapat disesuaikan yang berarti Anda dapat memilih dari 8 warna aksen, bermain-main dengan lebar menu, ikon, tautan, dll. Pembuatan menu sangat mudah dengan editor WYSIWYG. Apakah Anda memilih untuk menggunakan tema gelap atau terang, Anda dapat yakin itu akan terlihat bagus.

• Editor WYSIWYG
• Sub-menu dengan dukungan untuk HTML, video tersemat, dll.
• Opsi status Keluar atau Berlabuh

Menu Gaya Jalan

HARGA: $12 – DEMO

Plugin premium ini agak berbeda dari plugin biasa Anda yang didedikasikan untuk pembuatan menu. Alih-alih bilah menu klasik atau menu bilah sisi, Menu Gaya Jalur membuat tombol . Setelah Anda mengaktifkan tombol, itu akan menampilkan menu di sekitar tombol dalam lingkaran, memperluasnya sebaris ke arah mana pun yang Anda inginkan atau bahkan mengatur ikon Anda dalam bentuk busur.

Jika ada beberapa level menu, tombol tersebut akan membuat tombol kembali yang memungkinkan pengguna untuk kembali ke menu utama. Ada banyak opsi penyesuaian dan untuk membuat menu; Anda cukup menggunakan editor menu standar WordPress. Jika Anda mencari menu seluler yang unik, beri kesempatan pada Menu Gaya Jalur.

• Buat menu di sekitar tombol
• Sangat dapat disesuaikan
• Gunakan menu WP standar untuk mengedit menu

Scrollnav

HARGA: $10 – DEMO

Plugin menu unik lainnya yang memberi Anda beberapa fungsi hebat dan dapat terlihat hebat di situs web Anda. Scrollnav terdiri dari lingkaran yang berisi beberapa pilihan menu . Ada tautan beranda di tengah tombol, tautan teratas membawa Anda secara logis di atas halaman, ada kotak pencarian, menu khusus, dan tautan khusus bagian dari lingkaran.

Menu khusus akan memberikan ruang yang cukup untuk membuat seluruh menu dengan submenu, itu akan terlihat bagus dan akan memberi Anda ruang yang sangat dibutuhkan di situs web seluler Anda. Ada beberapa skema warna yang dapat Anda pilih dan semuanya mudah dikonfigurasi. Anda pasti harus memeriksa situs demo untuk melihat cara kerja plugin kecil ini.

• Tombol melingkar dengan fungsi berbeda
• Menu khusus dan bagian tautan khusus
• Beberapa skema warna

Gulir Ke Menu

HARGA: $24 – DEMO

Plugin premium sederhana ini akan memberi Anda menu bilah sisi keren yang dibuat untuk navigasi sentuh iOS dan Android. Setelah Anda membuat menu, itu akan menampilkan ikon yang menautkan ke bagian lain halaman dan menggulir secara otomatis.

Penting untuk dicatat bahwa ScrollTo bukan menu navigasi lengkap , tetapi hanya menggulir ke bagian lain dari halaman yang sama. Anda dapat memilih dari lebih dari 750 ikon atau Anda dapat menggunakan gambar Anda sendiri sebagai item menu dan ada ruang ekstra untuk iklan. Untuk membuat semuanya berfungsi, Anda harus memiliki pengetahuan HTML dasar sehingga Anda dapat mengikuti petunjuknya. Mungkin butuh beberapa menit lagi dari waktu Anda, tetapi hasil akhirnya terlihat bagus.

• Berkemampuan sentuh
• Lebih dari 750 ikon + gambar khusus
• Ruang iklan ekstra

Kesimpulan

Kami berharap saat ini Anda telah menyadari bahwa sulit menjalankan situs web tanpa menu. Bahkan jika Anda menjalankan satu halaman, Anda masih menginginkan navigasi antar bagian. Jadi, selagi Anda sudah di sini, luangkan waktu untuk menyesuaikan menu WordPress Anda dan buat yang terbaik.