Max Mega menu adalah plugin multifungsi WordPress. Plugin WP Mega Menu: Fungsionalitas, Instalasi, Pengaturan sepenuhnya adaptif dan menu seluler

Menu utama mega. Ini adalah plugin untuk penciptaan Cepat Menu untuk WordPress. Ini memiliki fungsi khusus yang membuatnya lebih mudah untuk itu.

Menu lengket dan drop-down, lencana, logo, dan pencarian.
Berbagai warna. Dan Anda dapat mengubah warna opsi apa pun di menu. Selain warna, gradien juga digunakan, gambar latar belakang dan gambar.
Konten memiliki hingga 10 variasi. Anda juga dapat menempatkan konten di menu drop-down. Mungkin memiliki segalanya dari referensi ke gambar dan pendek.
Di menu situs, Anda dapat menggunakan hingga 1600 ikon. Ikon ini memiliki vektor grafis Karena itu, mereka tidak memerlukan volume dan izin besar. Ini akan memungkinkan mereka untuk digunakan bahkan pada ponsel.
Font juga memiliki variasi yang berbeda. Ini dapat menggunakan 600 font Google yang dapat dengan mudah dikonfigurasi dalam pengaturan plug-in.

Plugin ini didirikan oleh metode yang biasa, serta semua program dan kesulitan tidak terjadi. Setelah Anda mengaktifkannya, maka Anda harus pergi ke menu utama. Pada menu ini di bagian kiri Anda akan melihat empat opsi. Ini adalah opsi utama dengan pengaturan bersama, maka opsi penampilan halaman yang disebut skins, yang mengubah warna, font, dll. Juga dua opsi terakhir adalah komunikasi dengan dukungan dan pengaturan Khusus Untuk para profesional.

Secara umum opsi Ada tiga opsi di bawah ini adalah primer, mobile_menu, sekunder. Bagian utama berfungsi untuk pengaturan semua nilai menu utama. Misalnya, di sana Anda dapat mengatur ketinggian, menghaluskan ikon, mengkonfigurasi gambar logo. Di ponsel sekunder, pengaturan ini dimainkan secara terpisah.

Di Pengaturan Kulit Ada juga tiga variasi pengaturan. utama, tambahan, footer.. Pada versi pertama, kami dapat mengkonfigurasi latar belakang wadah utama dan memilih tampilan horizontal, vertikal dan radial. Maka font dari titik pertama, dll.

Dalam parameter tertentu, Anda dapat menetapkan ulasan tentang perangkat portabel. Anda kemudian dapat mengatur resolusi dan gaya layar.

Pilihan terakhir adalah mengkonfigurasi struktur situs. Di sini Anda memilih opsi mana yang dapat diaktifkan, dan apa yang dimatikan.

Jadi, ini adalah menu plug-in yang luar biasa yang dapat mengubah topik Anda. Dengan itu, Anda dapat dengan mudah mengisinya dengan ikon, gambar, dan elemen lainnya. Hal utama, kualitasnya adalah memiliki fungsi cahaya. Tidak seperti yang lain plugin Menu Utama Maga Ini memiliki efek yang tidak signifikan pada situs.

Sejauh yang saya mengerti, di bawah istilah menu Mega di WordPress menyiratkan blok besar supernement dengan banyak elemen berbeda: daftar, gambar, teks, slider, dll. Tentunya Anda bertemu. Beberapa waktu untuk mempublikasikan pilihan penuh pada topik, tetapi hari ini akan tentang solusi yang sangat konkret - plugin menu Max Mega. Saya memilihnya karena sudah diuji dalam pekerjaan, sering jatuh pada daftar, ditambah ada salah satu versi yang paling cerdas dan terus-menerus mengembangkan (lite).

Segera setelah menginstal menu Max Mega di WordPress, navigasi standar Anda dikonversi menjadi mekanisme yang lebih kuat dan fungsional dengan kemungkinan menambahkan segala macam widget, editor yang nyaman, dan banyak sekali pengaturan tambahan. Unduh plugin dari sini atau cari melalui admin WP.

Pada saat ini Versi minimum yang diperlukan dari sistem adalah 3,8, berfungsi hingga 4.8.3 terakhir. Unduhan sekitar 100 ribu. Saya suka itu dalam 2 bulan terakhir hampir 70 bug berbeda dari 89 dikoreksi, yang menunjukkan aktivitas pengembang yang baik.

Fitur Utama dan Chip Max Mega Menu

Beberapa tempat penempatan didukung, untuk masing-masing Anda dapat memilih parameter Anda;
Bekerja dengan mudah dengan elemen navigasi melalui Drag & Drop.
Menambahkan.
Ada editor dekorasi yang nyaman.
Menambahkan widget: gambar, teks, daftar, dll.
Kondisi pengkondisian: Saat melayang, klik.
Efek keluaran submeni: keberangkatan, penampilan / atenuasi, dll.
Berbagai opsi tambahan untuk menyembunyikan teks / tautan atau shutdown versi mobile.. Item terakhir akan membantu menyederhanakan pembuatan yang terpisah.
Penyelarasan untuk item menu.

Untuk memahami betapa keren semuanya dingin dan nyaman, saya menyarankan Anda hanya melihat video berikut:

Selain itu, pengembang dapat membanggakan sangat benar dan dengan benar mendekati pembuatan keputusan mereka. Menu WordPress Max Mega adalah produk yang sangat berkualitas tinggi, di sini Anda adalah batch konfirmasi:

semua desain diatur menggunakan satu File CSS.di mana properti "terkenal" yang penting tidak digunakan sama sekali;
dukungan retina, kemampuan beradaptasi, memicu pada smartphone dan tablet (diuji di hampir semua peramban desktop dan seluler yang ada);
kode murni, skrip JS dengan gzip akan menempati kurang dari 2kb;
dukungan untuk berbagai filter / kait;
dokumentasi terperinci + Tidak seperti banyak plug-in lain, forum ini cukup didukung.

Setup dan Bekerja dengan menu Max Mega

Segera setelah instalasi, bagian muncul di admin. Dalam "pengaturan dasar" Anda dapat memperbaiki beberapa opsi mengenai perilaku submenu, perangkat seluler, dll. "Tema" terlihat lebih menarik.

Berikut adalah 6 tab dengan chip berbeda:

Main - Pilih jenis panah, bayangan, tinggi garis, dll.
Bilah menu - Pendaftaran unit utama: latar belakang, indentasi, font, panduan.
Mega menu - gaya dan pengaturan menu mega.
Drop-down - mirip dengan sisa set gaya.
Menu seluler - Ukuran layar untuk memicu dan opsi menu seluler lainnya.
Desain Kustom - Tambahkan gaya CSS Anda.

Setelah parameter dasar ditentukan, pergi ke bagian Administrasi WP " Penampilan"-" Tidak bisa ".

Anda perlu memilih menu yang ingin Anda gunakan, dan kemudian dalam pengaturannya, letakkan kotak di sebelah "inklusif". Aktifkan menu Max Mega di WordPress hanya akan berfungsi ketika area tampilan ditentukan dalam templat (tutup, footer, sidebar, dll.). Ada juga parameter efek dan acara peristiwa.

Untuk membuka editor modul untuk membawa kursor ke salah satu item hierarki dan klik tombol "menu mega" muncul. Di jendela sembul, alat yang sesuai akan ditampilkan yang dapat Anda lihat dalam presentasi video plugin di atas.

Di sini Anda dapat, pertama-tama, menentukan jumlah kolom, dan tambahkan widget apa pun. Selain itu, diizinkan untuk mengubah ukuran setiap elemen. Anda dapat memilih widget yang diizinkan hanya di tingkat navigasi (utama) pertama. Jika Anda mengklik tombol menu mega di seberang elemen lain, hanya untuk tugas ikon dan sifat yang berbeda:

Sembunyikan teks / tautan, penyelarasan dan pemutusan pada dexte / mobile - sangat set berguna fungsi. Ini diperbolehkan menentukan opsi seperti itu di setiap item menu. Jangan lupa untuk menyimpan perubahan.

Max Mega Menu Pro dan Kesimpulan

Secara umum, perkembangan ini kecuali repositori memiliki situs yang terpisah. Ada deskripsi yang dikumpulkan dari semua kemampuan modul, menyajikan dokumentasi dan demo kecilnya, dan ada tautan ke dukungan teknis dan pemuatan. Biaya versi lanjutan dari Max Mega Menu Pro, pada prinsipnya, tidak begitu tinggi - untuk 1/5/99 situs itu akan dikenakan biaya $ 23 / $ 35 / $ 99, masing-masing. Ini termasuk pembaruan dan dukungan untuk tahun ini. Jika Anda seorang pengembang, maka mengambil izin usaha pro dan menginstal plugin pada 5 situs, dapatkan nilai akhir dari solution \u003d 7 dolar!

Apa yang termasuk dalam menu Max Mega Pro:

Integrasi Font google., Ketersediaan FontAwesome dan ikon khusus dalam pengaturan.
Mendukung menu jenis vertikal dan akordeon.
Logo bersama di navigasi + blok pencarian.
Gaya item individual.
Dukungan WooCommerce dan EDD.
Kemampuan untuk menyesuaikan.
Cari, ikon / logo dan HTML untuk elemen seluler.
Pembaruan otomatis dan dukungan prioritas.

Untuk situs klasik biasa, sudah cukup biasa versi gratis Menu Max Mega di WordPress, yang sangat baik untuk fungsionalitas. Pengaturan yang berbeda Ada banyak di sini. Juga juga menyukai bahwa pengembang mendukung gagasan mereka, secara relatif cepat memperbaiki bug dan peduli saat ini tentang kemurnian / kode yang benar. Kenalan harus meluangkan waktu, tetapi itu sepadan. Untuk lebih mudah berurusan dengan pekerjaan plugin - tonton video dan baca dokumentasinya.

Dan modul menu mega apa di Wordpress yang Anda gunakan dan mengapa? Bekerja dengan keputusan ini yang dapat Anda tambahkan?

Baca 8 menit. Diposting pada 11/01/2016.

Hei! Kami terus membongkar plugin yang paling menarik dan paling berguna untuk WordPress! Hari ini Anda akan belajar tentang plugin yang sangat berguna yang akan memungkinkan Anda untuk membuat menu drop-down horizontal. Anda dapat memasukkan widget, teks, editor, foto, video, formulir, kode HTML ke menu drop-down.

Anda dapat sepenuhnya mengkonfigurasi tampilan menu dan mengkonfigurasi menu drop-down. Anda dapat menambahkan ke menu drop-down horizontal ke 8 delapan kolom. Anda dapat menonaktifkan menu drop-down untuk perangkat seluler. Plugin yang sangat fleksibel, Anda dapat membuat menu super!

Instal plugin super Anda dapat langsung dari panel admin WordPress. Buka: plugin - tambahkan baru, masukkan nama plug-in dalam formulir pencarian, tekan Enter, instal, dan aktifkan plugin.

Pengaturan Umum .

– Klik Perilaku Acara, Perilaku saat mengklik. Di sini Anda memiliki dua opsi untuk pilihan:

Klik pertama akan membuka sub menu, klik detik akan menutup sub menu, klik pertama membuka submenu, klik kedua menutup submenu;
Klik pertama akan membuka sub menu, klik kedua akan mengikuti tautan, klik pertama membuka submenu, klik kedua pada tautan.
Tinggalkan default, jangan mengubah apa pun.

– Perilaku menu seluler, Perilaku pada menu seluler,

Standard - Open sub menu akan tetap terbuka sampai ditutup oleh pengguna, Submenu terbuka standar akan tetap terbuka sampai pengguna menutupnya.
Akordeon - sub menu terbuka akan secara otomatis ditutup ketika yang lain dibuka, Akordeon - submenu terbuka akan secara otomatis ditutup ketika yang lain terbuka.

– Output CSS, Biarkan default, tidak ada yang perlu diubah di sini.

– Deskripsi item menu, Mengaktifkan atau menonaktifkan deskripsi untuk item menu.

– Instance menu aktif Beberapa topik akan menampilkan lokasi menu beberapa kali pada satu halaman. Misalnya, topik Anda dapat menampilkan pengaturan menu setelah menu utama, lalu lagi untuk menu seluler. Parameter ini dapat digunakan untuk memastikan bahwa menu menu Max Mega hanya berlaku untuk salah satu instance ini.

– .

Tema menu. .

– Pilih tema untuk mengedit, Berikut ini menu yang akan Anda edit. Anda dapat membuat dan memilih menu lain.

– Judul tema, Judul menu tema, tinggalkan default.

– Panah Anda dapat memilih panah yang ditampilkan dalam item menu dengan menu drop-down.

– TINGGI GARIS, Garis tinggi.

– Z Indeks, Indeks indikator Z dapat dibiarkan secara default.

– Bayangan Anda dapat mengkonfigurasi bayangan menu.

– Melayang transisi, Aktifkan transisi saat Anda mengarahkan item menu.

– Atur ulang styling widget, Nonaktifkan gaya widget menu Mega.

Bilah menu. .

– Tinggi menu, Tinggi menu.

– Latar belakang menu, Warna latar belakang menu.

– Bantalan menu, Menu pelapis.

– Radius perbatasan menu, Jari-jari batas menu.

– Item menu sejajar, Lokasi item menu.

– Latar belakang item menu, Item menu Latar Belakang Warna.

– Latar belakang item menu (hover), Latar belakang warna item menu.

– Spacing item menu, Interval item menu.

– Font Font, warna, ukuran, lokasi, keluarga, dll.

– Font (hover), Parameter font saat melayang.

– Bantalan item menu, Item menu pelapis.

– Batas item menu, Parameter batas item menu.

– Batas item menu (hover), Parameter dari menu item titik saat melayang.

– Item menu border radius, Parameter radius dari item menu.

– Pembagi item menu, Pemisah menu.

– Sorot item saat ini, Izinkan item menu saat ini.

Mega menu. .

– Latar belakang panel, Menu drop-down latar belakang warna.

– Lebar panel, Lebar jendela menu drop-down.

– Panel padding, kain pelapis.

– Perbatasan panel, Warna dan ukuran batas.

– Radius perbatasan panel, Jari-jari perbatasan.

– Barang padding., pelapis item menu di menu drop-down.

Widget. .

– Font tajuk, Parameter font Judul Widget di menu drop-down.

– Heading Padding, Sundulan pelapis.

– Margin menuju, Indentasi dari batas-batas header widget.

– Perbatasan header, Parameter perbatasan Bordeur.

– Font konten, Font dalam konten widget.

Item menu tingkat kedua .

– Font Font item menu tingkat kedua.

– Font (hover), Font saat melayang.

– Latar belakang (hover), Warna latar belakang saat melayang.

– Lapisan kain pelapis.

– Batas indentasi.

– BERBATASAN, Perbatasan, perbatasan.

Item menu tingkat ketiga . Pengaturan yang sama hanya untuk item menu tingkat ketiga.

Menu Flyout. .

– Latar belakang menu, Warna latar belakang menu yang jatuh dari level kedua atau ketiga.

– Lebar menu, Lebar menu.

– Bantalan menu, kain pelapis.

– Perbatasan menu, Pinggiran.

– Radius perbatasan menu, Jari-jari perbatasan.

– Latar belakang item, Warna Latar Belakang Titik Menu.

– Barang latar belakang (hover), Point latar belakang warna saat melayang.

– Tinggi item, Item menu.

– Barang padding, Kain pelapis.

– Font item, Font teks dalam item menu.

– Font item (hover), Font saat melayang.

– Pembagi item, elemen pemisah.

Menu seluler. .

– Toggle Bar Designer, Di sini ditunjukkan seperti apa menu pada perangkat seluler.

– Breakpoint responsif. Lebar untuk pergi ke menu seluler.

– Toggle bar latar belakang, Menu Tombol Pembukaan Latar Belakang Warna.

– Nonaktifkan toggle seluler, Anda dapat menonaktifkan sakelar menu.

– Toggle Bar Height, Tinggi Menu Beralih Tinggi.

– Kolom menu mega, Berapa banyak kolom di menu drop-down di situs seluler.

– Latar belakang menu, Warna latar belakang menu seluler.

– Tinggi item menu, Item menu.

Styling Kustom.. Di sini Anda dapat menambahkan gaya CSS Anda untuk menu.

– Simpan perubahan yang dilakukan.

Lokasi menu .

- Di sini Anda dapat membuat area menu, di mana Anda dapat menambahkan menu. Untuk membuat area untuk menu, klik tombol Tambahkan Tombol Lokasi Menu Lain.

Area menu. Anda dapat menambahkan ke situs menggunakan kode pendek atau kode PHP.

Di halaman: Penampilan - Menu - Daerah ManajemenAnda dapat menambahkan menu untuk area tersebut.

Alat. .

– Cache Di sini Anda dapat menghapus cache CSS, itu tidak perlu, cache secara otomatis dibersihkan setiap kali menu disimpan.

– Data plugin, Hapus semua plug-in yang disimpan di basis data WordPress. Hanya dalam hal penghapusan plugin!

– Tema ekspor Anda dapat mengekspor subjek menu Mega dalam format JSON atau PHP.

– Impor tema Anda dapat mengimpor tema menu Mega.

– Memungkinkan Tandai di sini untuk mengaktifkan menu Mega.

– Peristiwa Di sini Anda dapat memilih bagaimana menu drop-down akan terbuka.

– Efek, Anda dapat memilih efek untuk menu drop-down.

– Tema Tema menu, default.

Setelah beralih pada menu mega, Di setiap widget halaman, ketika melayang, tombol - menu mega akan muncul. Klik tombol ini untuk mengkonfigurasi menu drop-down untuk item menu ini.

Lebih lanjut, Anda akan memiliki jendela. Di bagian atas di sebelah kanan, klik pada bidang yang luas untuk memilih widget dan menambahkannya ke menu. Di bagian atas ke kanan Anda dapat memilih berapa banyak kolom di menu drop-down. Widget dapat didistribusikan melalui panel drop-down, Anda dapat menentukan bagian mana dari widget yang akan mengambil contoh 1/2 atau 1/3. Klik panah ke kanan dan kiri untuk menentukan bagian mana yang akan menempati widget.

Untuk membuka dan mengkonfigurasi widget, Tambahkan konten apa pun ke dalamnya, dll., Tepat di widget, klik ikon utama. Konfigurasikan widget dan simpan.

– Sembunyikan Teks Sembunyikan teks dari item menu.

– Sembunyikan panah. Sembunyikan panah.

– Sembunyikan item di ponsel, Sembunyikan item menu di perangkat seluler.

– Sembunyikan item di desktop, Sembunyikan item menu di komputer.

– Item menu sejajar, Lokasi item menu.

– Subu sub menu, Lokasi menu tingkat kedua.

– Sembunyikan sub menu di ponsel, Sembunyikan menu tingkat kedua di perangkat seluler.

– Simpan perubahannya.

Semua sudah siap! Simpan menu, buka situs dan nikmati hasilnya!

Perhatian! Setelah beralih pada menu Mega, gaya default Anda akan sepenuhnya diubah. Anda perlu mengkonfigurasi gaya menu di pengaturan, pada tab "Tema menu".

Punya pertanyaan? Tulis komen! Semoga berhasil!

Hei! Dalam hidup saya, seperti biasa ada banyak peristiwa, oleh karena itu sangat sulit untuk mengukir waktu untuk blog. Kemarin kami membeli tiket ke Sri Lanka dan segera menghancurkan selama 4 bulan, datang untuk mengunjungi! Dan sekarang saya mencari gaun pengantin yang paling indah :))
Hari ini kita akan berbicara tentang cara membuat menu di WordPress, serta menambahkan blok data di area sewenang-wenang dari template.
Kami akan belajar menyesuaikan menu dan mengeditnya sesuai kebijaksanaan Anda.

Mengedit dan mengatur menu di WordPress

Untuk memulainya, kami akan menganalisis fungsionalitas yang tersedia untuk kami di panel blog. Dalam template baru kompatibel dengan versi terbaru. WordPress, output menu cukup sederhana dan pengaturannya tidak terlalu sulit.

Setelah kami membuat anak perusahaan, di mana Anda dapat melakukan perubahan tanpa prasangka pada topik utama, tambahkan fungsi berikut ke funcy.php file.

1 2 3

register_nav_menus (array ("tambestmenu" \u003d\u003e __ ("menu tambahan", "Judul topikmu" ) ) ) ;

register_nav_menus (array ("Tambahan" \u003d\u003e __ ("menu tambahan", "judul Anda")))));

Jika Anda tidak membuat anak perusahaan, tambahkan ke file fitur utama topik Anda.

Fitur ini akan memungkinkan kami untuk menambahkan menu tambahan WordPress di templat kami dan buat area lain untuk itu.

Setelah menambahkan, pergi ke admin di "Manajemen Daerah":

Harus ada area tambahan dari topik dengan judul yang kami tentukan dalam fungsi.

Klik "Gunakan menu baru" jika kita ingin mengubah bagian untuk area tambahan atau pilih "Home". Kemudian bagian yang sama akan ditampilkan di area baru seperti dalam menu utama.

Dalam kasus kami, buat menu baru yang disebut tambahan:

Kami memilih area topik "menu tambahan" untuk itu.

Tapi sekarang kita perlu mengikat area ini dengan balok template. Misalnya, kita perlu membuat menu tambahan di bawah tutup situs di WordPress. Kami pergi ke file header.php atau menyalinnya ke anak perusahaan. Setelah tag tubuh, tambahkan yang berikut:

1 2 3

<div ID \u003d "TambahanMenu"\u003e (Array ("theme_location" \u003d\u003e "TambahanMENU")); ?\u003e.</ Div\u003e

"TambahanMENU")); ?\u003e.

Kami melihat hasilnya:

Kami memiliki menu tambahan di atas topi. Sekarang kita perlu menanyakan gaya untuknya, sejajarkan item dalam string dan tarik blok di bawah topi.

Kami memperkenalkan perubahan berikut gaya.css:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

#additionalmenu NAV (lebar: 940px; / * Lebar wadah * / MARGIN: 0 AUTO; ) #additionalmenu li (Display: inline; padding: 10px; / * indentasi * / margin: 20px 0;) #additionalmenu (lebar: 100px; / * Indentasi dari tepi atas * / Latar Belakang - Warna: # 000; / * Warna latar belakang * / Posisi: Relatif; )

#Adth: 940px; / * Wadah lebar * / margin: 0 otomatis;) #additionalmenu li (display: inline; padding: 10px; / * indentasi * / margin: 20px 0;) #additionalmenu (lebar: 100%; 420px; / * Lekukan dari tepi atas * / latar belakang-warna: # 000; / * Warna latar belakang * / posisi: relatif;)

Kami melihat apa yang terjadi:

Menampilkan menu yang dibuat oleh kami masih jauh dari yang ideal, tetapi, dengan, Anda dapat membawanya ke blog Anda yang cocok dengan blog Anda.

Widget dan Plugins untuk menambahkan menu di WordPress

Saya menawarkan untuk melihat video tentang membuat menu di WordPress:

Artikel tentang menyebutkan widget "menu arbitrer". Kami akan menganalisisnya secara lebih rinci.

Kami melalui "penampilan" - "widget", kami menemukan widget "menu arbitrer" dan menyeretnya ke area yang tersedia untuk topik Anda dan area yang sesuai untuk blog:

Dalam kasus kami, blok menu telah ditambahkan ke sidebar. Baginya, kami memilih bagian yang dibuat oleh kami dengan blok tambahan.

Dengan demikian, di panel samping di sebelah kanan, kami akan menampilkan blok berikut:

Selain widget standar built-in, ada juga banyak plugin tambahan yang dimaksudkan untuk membuat berbagai jenis menu: vertikal, horizontal, drop-down, dll.

Di sini, misalnya, plugin untuk membuat menu multi-level vertikal di WordPress: Menu Slide Multilevel Vertikal Navgoco.

Atau memiliki fungsi konfigurasi canggih widget dropdown widget.

Widget Efek JQwery juga populer untuk menu, misalnya: Widget Menu Slick JQuery.

Kami akan menganalisis contoh prinsip pekerjaannya.

Setelah menginstal Widget Widget JQuery Slick Menu, buka "Penampilan" - "Widgets".

Di antara daftar widget yang tersedia, harus ada yang baru yang kami instal. Kami memindahkannya ke area yang terjangkau, dalam kasus Saydbar kami:

Ungkapkan pengaturannya:

Pilih judul menu (bagian yang kami buat), Tab Teks - Nama blok yang akan ditampilkan di situs, tempat penempatan (pilih kiri - kiri), lekukan offset dari tepi atas dalam piksel, kecepatan animasi Adalah kecepatan animasi (cepat). Anda dapat memilih menu tutup otomatis sehingga unit menghilang secara otomatis. Dan pilih warna blok. Klik untuk menyimpan dan melihat hasilnya: