Kiat, Trik, dan Plugin Terbaik untuk Menyesuaikan Menu WordPress

Kiat, Trik, dan Plugin Terbaik untuk Menyesuaikan Menu WordPress


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

Apakah itu ikon kecil yang ingin Anda miliki di menu atau Anda ingin sistem yang sama sekali berbeda untuk menanganinya, panduan ini memiliki semuanya. Lihatlah kiat, 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 saja Anda inginkan
  • Cara menambahkan kotak pencarian ke menu WordPress Anda
  • Cara membuat menu navigasi tetap di atas halaman
  • Buat menu navigasi Anda tetap dengan plugin
  • Cara menghapus item menu tingkat atas di WordPress
  • 4 plugin menu teratas untuk WordPress
  • Plugin menu seluler WordPress terbaik

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

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

Ikon telah menjadi sesuatu yang kita tidak bisa hidup tanpanya. Saat Anda mencari sesuatu di dashboard 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 cenderung 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

Ikon Menu

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 konfigurasi dalam beberapa menit ke depan.

  1. Pergi ke Plugins-> Add New
  2. Cari “Ikon Menu”
  3. Instal dan aktifkan plugin
  4. Navigasi 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 dapat dengan mudah menambahkan favicon ke blog WordPress Anda juga.

Tambahkan tombol masuk / keluar ke menu

Salah satu dari banyak fitur WordPress yang kami sukai adalah cara mudahnya mendaftarkan pengguna baru. Mengontrol berbagai peran pengguna di 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.

Saat mendaftar mereka cepat dan mudah, merawat pengguna Anda bisa menjadi kerja keras. Tetapi Anda perlu membuat 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 masuk dan keluar dari situs Anda. Untuk membuat tautan masuk / keluar selalu berada di tangan pengguna, Anda dapat meletakkan tautan itu langsung ke menu utama Anda. Hal pertama, memiliki tautan tersebut dalam menu sangat praktis dan yang kedua, pengguna Anda mungkin sudah terbiasa dengan fitur tersebut 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 pada Anda 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 saat pengguna keluar, ia akan mendapatkan tautan “masuk” dan sebaliknya. Anda maupun pengguna tidak perlu khawatir tentang tombol masuk lagi.

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

  1. Buka functions.php
  2. Salin dan rekatkan yang berikut ini:
  3. function add_login_logout_link ($ items, $ args) {
    $ loginoutlink = wp_loginout ('index.php', false);
    $ item. = '
  4. ' $ loginoutlink. '
  5. '; mengembalikan $ item; } add_filter ('wp_nav_menu_items', 'add_login_logout_link', 10, 2);
  6. Simpan perubahan

Seperti sebagian besar cuplikan kami, Anda selesai hanya dengan menyalin dan menempelkan fungsi ke file. Setelah selesai, Anda dapat melanjutkan dan memuat kembali beranda. Karena Anda masih masuk, Anda akan mendapatkan tautan “logout” di tempat terakhir dari menu utama Anda. Pastikan untuk memeriksa seluruh fungsi jadi cobalah keluar dan kembali untuk memastikan 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 untuk pengguna yang masuk atau keluar.

Selain itu, sekarang Anda memiliki menu yang disesuaikan, Anda mungkin tertarik untuk menunjukkannya 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 saja Anda inginkan

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

Saat membuat menu di mana Anda dapat dengan mudah menautkan tulisan, halaman, kategori atau tautan eksternal apa pun adalah sepotong kue, menunjukkan menu di tempat yang berbeda di sepanjang situs Anda bisa sedikit lebih besar bagi mereka yang tidak tertarik pada pengembangan WordPress.

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

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

Di baris berikut, kami akan menunjukkan kepada Anda bagaimana melakukan itu dan kami yakin Anda akan menyukai ‘menu baru Anda di fitur shortcode’.

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

  1. Buka file functions.php
  2. Salin dan tempel kode yang akan mendaftarkan kode pendek:
  3. function menu_function ($ atts, $ content = null) {
    ekstrak(
    shortcode_atts (
    array ('name' => null,),
    $ atts
    )
    );
    return wp_nav_menu (
    Himpunan(
    'menu' => $ name,
    'echo' => false
    )
    );
    }
    add_shortcode ('menu', 'menu_function');
    
  4. 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:

[menu name = ”menu-utama”]

Dalam kebanyakan kasus, menu utama Anda akan memiliki nama “menu utama” yang melekat padanya. Tetapi jika Anda akan menggunakan menu lain, cukup masukkan namanya dalam kode pendek. Anda tidak harus hafal setiap nama menu; sebagai gantinya, navigasikan ke Penampilan -> Menu dan telusuri daftar menu atau buat yang baru.

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

Cara menambahkan kotak pencarian ke menu WordPress Anda

Kecuali Anda telah menghapus fitur tersebut, WordPress memungkinkan pengunjung untuk mencari melalui 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 pencarian Google kustom.

Jika Anda telah menjelajah melalui widget WP standar Anda, Anda mungkin telah melihatnya 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 functions.php
  2. Salin dan rekatkan yang berikut ini:
  3. add_filter ('wp_nav_menu_items', 'add_search_box', 10, 2);
    function add_search_box ($ items, $ args) {
    $ item. = '
  4. ' get_search_form (false). '
  5. '; mengembalikan $ item; }
  6. Simpan perubahan

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

Kode ini cukup sederhana dan fungsinya hanya untuk menambahkan kotak pencarian ke menu nav Anda. Kemungkinan besar, kotak pencarian Anda tidak akan disejajarkan di tempat yang Anda inginkan. Itu artinya Anda harus memberi tahu WordPress tempat meletakkan kotak pencarian:

  1. Tambahkan kelas ke
  2. tag ditemukan di baris kode ketiga:
  3. $ item. = '
  4. ' get_search_form (false). '
  5. '
  6. Simpan perubahan
  7. Buka style.css
  8. Salin dan tempel kode CSS:
  9. .posisi kotak pencarian {
    margin-top: 15px;
    margin-right: 20px;
    }
    
  10. Ubah kode sesuai keinginan Anda
  11. Simpan perubahan

Mudah-mudahan, Anda telah menyarangkan kotak tepat di sebelah menu Anda. Tidak perlu banyak yang cocok dengan kotak di mana Anda inginkan. Jangan lupa untuk menata kotak pencarian itu sendiri dan menikmati fitur tersebut.

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

Anda mungkin pernah melihat situs web di mana menu navigasi menempel di atas halaman dan mengikuti Anda setiap langkah pada petualangan bergulir Anda. Fitur itu mungkin sesuatu yang Anda inginkan di situs WordPress Anda dan di bagian panduan ini, kami akan menunjukkan kepada Anda 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 .menu-nav atau .menu-nav-menu (atau serupa, tergantung pada tema yang Anda gunakan)
  3. Gunakan kode berikut untuk wadah menu utama Anda:
  4. .nav-menu {
    posisi: tetap;
    latar belakang: # 333;
    atas: 0px;
    kanan: 0px;
    kiri: 0px;
    z-indeks: 99;
    }

    Seperti yang dapat 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 menjadi 0 piksel atau memindahkannya ke jarak apa pun dari atas atau dari margin kiri dan kanan halaman (misalnya: atas: 10px akan menempatkan menu Anda 10 piksel dari margin teratas situs Anda).

  5. Perbarui file Anda dan nikmati menu navigasi tempel Anda

Jika Anda tidak suka mengacaukan kode, Anda dapat menggunakan plugin untuk membuat menu Anda lengket.

Kami mengajari Anda cara membuat menu navigasi tetap hanya dengan mengubah satu baris kode CSS di tema Anda. Tapi, betapapun mudahnya hal ini, tidak semua orang suka membaca file WordPress dan mengedit kodenya sendiri. Jika Anda tipe orang seperti itu atau Anda perlu lebih banyak kontrol 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

Ekstensi Lengket UberMenu

UberMenu Sticky Extension adalah tambahan untuk Plugin UberMenu yang berarti Anda harus menginstal plugin ini terlebih dahulu untuk membuat ekstensi berfungsi. Ekstensi membuat segalanya sederhana; setelah instalasi, Anda siap membuat menu Anda lengket. Tidak masalah di mana Anda meletakkan menu, setelah pengguna mulai menggulir, menu akan tetap di atas halaman dan membuatnya mudah diakses.

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

myStickymenu

HARGA: Gratis
DEMO

myStickymenu

Plugin ini dirancang untuk digunakan pada tema Twenty Thirteen. Tetapi jika Anda mengubah sedikit, Anda dapat menggunakannya pada tema apa pun yang Anda suka. Secara default, ini 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 lebih memodifikasinya, Anda dapat memasukkan gaya CSS khusus Anda dan menjadikan menu lengket Anda lebih personal.

Menu Sticky (atau Apa Pun!) Di Gulir

HARGA: Gratis

Menu Sticky (atau Apa Pun!) Di Gulir

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 lengket hanya dengan menemukan pemilih yang tepat untuk elemen. Itu berarti Anda dapat membuat logo Anda atau bahkan seluruh tajuk tersangkut di bagian atas halaman sementara pengguna menelusuri situs web Anda. Agar 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 disesuaikan. Jika Anda tahu cara kode atau setidaknya menemukan plugin yang tepat, Anda dapat mengubah backend Anda serta frontend dan menampilkan situs web yang unik untuk pengunjung dan penulis Anda juga.

Di bagian ini, kami akan menunjukkan kepada Anda kode sederhana yang memungkinkan Anda untuk 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 untuk semua pengguna, bukan admin. Sebelum Anda melanjutkan, Anda harus tahu bahwa snipet ini hanya menghapus item menu tetapi item-item itu masih akan tersedia bagi siapa saja yang mengetahui jalur yang benar ke halaman pengaturan. 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:
  3. if (! current_user_can ('manage_options')) {
    add_action ('admin_menu', 'my_remove_menus', 999);
    }
    function my_remove_menus () {
    remove_menu_page ('index.php'); //Dasbor
    remove_menu_page ('edit.php'); // Posting
    remove_menu_page ('upload.php'); //Media
    remove_menu_page ('edit.php? post_type = halaman'); // Halaman
    remove_menu_page ('edit-comments.php'); // Komentar
    remove_menu_page ('themes.php'); //Penampilan
    remove_menu_page ('plugins.php'); // Plugin
    remove_menu_page ('users.php'); // Pengguna
    remove_menu_page ('tools.php'); // Alat
    remove_menu_page ('options-general.php'); // Pengaturan
    }
  4. Simpan perubahan

Karena kode ini menghapus semua menu tingkat atas yang mungkin tidak ingin Anda lakukan, jangan ragu untuk memodifikasi kode sesuai kebutuhan Anda. Setiap baris “remove_menu_page” bertanggung jawab untuk menghapus satu halaman (yang dijelaskan dalam tanda kurung dan juga di komentar di sebelah baris kode). Cukup tambahkan atau hapus halaman yang Anda inginkan absen dari menu Anda dan simpan perubahan sekali lagi.

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

4 plugin menu teratas untuk WordPress

Setelah Anda mulai membangun situs web baru, cepat atau lambat Anda akan membutuhkan menu. Anda dapat membuat satu menggunakan opsi menu standar di WordPress tetapi jika Anda ingin yang lebih profesional, Anda harus tahu kode HTML dan CSS Anda. Itu juga berarti Anda akan meluangkan waktu merancang segala sesuatunya untuk bekerja dengan sempurna dan tampil cantik pada saat yang sama.

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 yang cantik hanya dalam beberapa klik. Tanpa urutan tertentu, berikut adalah beberapa plugin menu terbaik untuk WordPress.

Menu Uber

HARGA: $ 20
DEMO

Menu Uber

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

Menu yang dibuat dengan menu Uber akan responsif dan memungkinkan sentuhan 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 barang dinamis
  • Submenu dengan tab
  • Antarmuka pengguna yang ditingkatkan

Morph: Menu WordPress Fly-Out yang Dapat Disesuaikan

HARGA: $ 20
DEMO

Morf

Morph adalah menu fly-out yang dirancang untuk perangkat seluler. Tapi, seperti yang bisa Anda lihat di halaman demo jika Anda membukanya di komputer pribadi, itu juga terlihat sangat bagus di desktop.

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

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

Menu Pahlawan

HARGA: $ 19
DEMO

Menu pahlawan

Apakah Anda menginginkan menu sederhana atau “Mega Menu” yang kompleks, Anda dapat membuatnya dengan plugin Menu Pahlawan. 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 sentuh khusus untuk Android, iOS dan Windows Phone. Pilih bilah navigasi lebar penuh atau lebar tetap di mana Anda bisa mudah menambahkan elemen tambahan hanya dengan menggunakan teknik drag & drop. Ada lebih dari 60 skema warna prasetel dan Anda bebas menggunakan masing-masing Google Fonts gratis. Jadikan menu lengket, pilih jarak aktivasi … plugin hebat ini dapat menawarkan lebih banyak jadi pastikan untuk memeriksa seluruh daftar fitur di CodeCanyon.

  • Drag & Drop pembangun struktur menu
  • Buat menu sederhana atau menu mega kompleks
  • Navigasi seluler khusus

Bilah multi-X

HARGA: $ 16
DEMO

Multi X Bar

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

Ada dua tema berbeda yang bisa Anda pilih plus tema khusus tempat Anda dapat mengatur warna sendiri sementara gradien akan dihitung secara otomatis. Bilah navigasi dapat ditempatkan sebagai menu tetap atau dapat digulir. Jika Anda seorang pengembang, Anda ingin tahu ada satu set kait yang siap untuk Anda jika Anda ingin membuat plugin baru dari bilah Multi-X. Plugin ini menawarkan banyak, lebih dari itu, 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 datang. Ponsel cerdas dan tablet menjadi tidak terhindarkan dan semakin banyak pemilik perangkat seluler. Jaringan WiFi mencakup setiap bagian dari kota kami dan jika tidak ada, Anda selalu dapat menghubungkan perangkat seluler Anda ke Internet melalui penyedia Anda. Apa artinya semua itu adalah bahwa jumlah surfer web seluler lebih tinggi dari sebelumnya dan bahwa Anda perlu menjaganya jika Anda menjalankan situs web.

Jika Anda membangun situs seluler atau ingin membuatnya lebih baik, Anda pasti perlu membangun 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 bayangkan. Anda tidak perlu tahu cara kode atau cara mengatur menu. Yang Anda butuhkan hanyalah sebuah plugin yang dapat Anda instal dan sesuaikan dengan kebutuhan Anda dengan mudah.

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 lihatlah.

Taktil

HARGA: $ 18
DEMO

Taktil

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

Semuanya dapat dikustomisasi yang berarti Anda dapat melukis elemen Anda dalam warna apa pun yang Anda inginkan, mengubah latar belakang dan mengatur warna, kekeruhan dan banyak lagi. Menu Anda dapat diperbaiki atau diposisikan secara absolut. Jika Anda ingin lebih mengontrol perangkat seluler, Anda dapat mengatur resolusi untuk mana menu ini akan diaktifkan.

  • Beberapa jenis menu
  • Fungsi pencarian
  • Memperbaiki / penentuan posisi absolut

TapTap

HARGA: $ 10
DEMO

Ketuk-ketuk

TapTap akan memberi Anda kekuatan untuk menciptakan menu seluler yang unik untuk situs web WordPress Anda. Seperti yang dapat 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 penentuan 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 bisa Anda inginkan dari menu navigasi seluler?

  • Menu multi-level
  • 2 tombol menu desain dan animasi
  • Memperbaiki / penentuan posisi absolut

Mobi

HARGA: $ 16
DEMO

Mobi

Mobi adalah plugin WordPress sederhana namun luar biasa yang siap membantu dengan 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 meletakkannya di bagian atas atau bawah situs Anda.

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

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

Menu Wah

HARGA: $ 44
DEMO

Wah-Wah

Menu wah adalah a menu dockable 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, sebuah sub-menu akan muncul yang memungkinkan HTML, video tertanam, 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 tertanam, dll.
  • Opsi Status Keluar atau Berlabuh

Menu Path Style

HARGA: $ 12
DEMO

Gaya Jalur

Plugin premium ini agak berbeda dari plugin Anda yang biasanya didedikasikan untuk pembuatan menu. Alih-alih bilah menu klasik atau menu bilah sisi, Path Style Menu membuat tombol. Setelah Anda mengaktifkan tombol, itu akan menampilkan menu di sekitar tombol dalam lingkaran, perluas itu sebaris ke arah mana pun yang Anda inginkan atau bahkan mengatur ikon Anda dalam lengkungan.

Jika ada beberapa level menu, tombol akan membuat tombol kembali yang akan 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 Path Style Menu.

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

Scrollnav

HARGA: $ 10
DEMO

Scrollnav

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

Menu khusus akan memberikan ruang yang cukup untuk membuat seluruh menu dengan submenu, itu akan tampak hebat 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 harus memeriksa situs demo untuk mengetahui cara kerja plugin kecil ini.

  • Tombol melingkar dengan berbagai fungsi
  • Menu kustom dan bagian tautan kustom
  • Beberapa skema warna

ScrollTo Menu

HARGA: $ 24
DEMO

Gulir ke Menu

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

Penting untuk dicatat itu ScrollTo bukan menu navigasi lengkap, tetapi hanya bergulir 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. Agar semuanya berfungsi, Anda harus memiliki pengetahuan HTML dasar sehingga Anda dapat mengikuti instruksi. Mungkin butuh beberapa menit lagi dari waktu Anda, tetapi hasil akhirnya tampak hebat.

  • Sentuh diaktifkan
  • Lebih dari 750 ikon + gambar khusus
  • Ruang iklan ekstra

Kesimpulan

Kami berharap sekarang, Anda menyadari bahwa sulit menjalankan situs web tanpa menu. Bahkan jika Anda menjalankan one-pager, Anda tetap menginginkan navigasi antar bagian. Jadi, ketika Anda sudah berada di sini, luangkan waktu untuk menyesuaikan menu WordPress Anda dan membuat yang terbaik.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map