Menu Mega Sejati Di Oxygen Builder

Dalam artikel ini kita akan melihat beberapa cara untuk menambahkan menu mega "asli" ke Oxygen Builder. Komponen menu bawaan bagus untuk menu sederhana saat membuat header dengan Oxygen, tetapi jika Anda menginginkan fungsionalitas megamenu yang sebenarnya, sebaiknya cari di tempat lain.

Pada artikel ini, kita akan membahas cara menambahkan menu mega di Oxygen.

Apa itu Menu Mega?

Jika Anda pernah menggunakan menu di situs web yang berisi lebih dari sekadar tautan, itulah megamenu. Kompleksitasnya bervariasi, mulai dari ikon gambar sederhana hingga area yang berpenduduk dinamis.

Mereka dapat memiliki tata letak kolom tunggal, tata letak multi kolom, beberapa baris, arsip masonary, dan banyak lagi. Tentu saja, Anda tidak ingin terlalu rumit, karena itulah gunanya halaman.

Jika dilakukan dengan benar, mereka dapat membuat navigasi situs web lebih mudah bagi pengunjung Anda.

Oxygen memungkinkan Anda untuk membuat menu dropdown sederhana, tetapi ketika datang ke fungsi megamenu, Anda tidak memiliki banyak pilihan.

Cara Menambahkan Menu Mega ke Oksigen

Artikel ini akan membahas dua cara utama untuk menambahkan megamenu ke Oxygen. Cara pertama bisa dilakukan sepenuhnya di Oxygen tanpa add-on pihak ketiga. Ini bagus untuk menu sederhana. Ini mengikuti langkah-langkah dari tutorial yang diterbitkan oleh tim resmi di belakang Oxygen. Ini adalah metode yang mereka gunakan untuk membuat dropdown yang terlihat di situs Oxygenbuilder.com.

Opsi kedua menggunakan plugin pihak ketiga yang memberi Anda lebih banyak fungsi dalam hal menu mega di Oxygen Builder. Jika Anda ingin membuat menu multi kolom yang diisi secara dinamis, ini adalah pilihan terbaik Anda.

Tentu saja ada opsi tambahan yang dapat digunakan jika Anda memiliki pemahaman yang baik tentang HTML, CSS, JavaScript, dan mungkin PHP. Namun, itu di luar cakupan artikel ini. Jika Anda terbiasa dengannya, ini bisa menjadi opsi ketiga yang bagus untuk menggabungkan menu mega di Oxygen, yang tidak memerlukan plugin pihak ketiga.

Secara Asli Menambahkan Menu Mega Dalam Oksigen

Bagian ini akan menjalankan langkah-langkah dasar yang dibahas dalam tutorial YouTube. Jika Anda ingin menerapkan menu jenis ini di situs web Anda sendiri, kami sarankan untuk membaca tutorial resmi dan menonton video YouTube di atas.

Untuk menambahkan megamenu secara native di Oxygen, Anda harus terlebih dahulu membuat item menu awal. Ini tidak dilakukan dengan komponen menu, melainkan dilakukan dengan membuat div, mengisinya dengan teks, dan membungkusnya dalam tautan. Ini cukup mudah dilakukan dengan Oksigen.

Setelah menu awal ada, saatnya membuat megamenu dropdown.

Ini dilakukan dengan membuat div di bawah tautan menu yang akan berisi semua konten di dropdown. Setelah div dropdown dibuat (tonton video untuk memahami struktur sebenarnya di baliknya) Div diposisikan secara mutlak dan dialihkan agar terlihat saat mengarahkan kursor ke tautan menu masing-masing.

Implementasi mega menu ini cukup sederhana, apalagi jika Anda mengikuti tutorial YouTube. Ini memungkinkan Anda untuk menggunakan blok apa pun yang tersedia untuk Anda di Oxygen Builder. Anda juga dapat menggunakan fitur visibilitas bersyarat bawaan untuk menampilkan dan menyembunyikan sesuatu berdasarkan peran pengguna.

Namun, menambahkan megamenu ini membutuhkan sedikit kerja dan ketika struktur menjadi kompleks, implementasinya juga demikian. Ini juga merupakan pembuatan manual, artinya tidak akan diperbarui secara otomatis dengan konten baru. Masalah besar lainnya adalah tidak berfungsi dengan baik dengan seluler. Anda cukup menyembunyikan seluruh instalasi menu di ponsel dan menggunakan menu dasar lainnya, tetapi ini tidak terlalu praktis.

Bergantung pada mengapa Anda ingin menambahkan menu mega ke situs WordPress Anda (dibuat dengan Oxygen), Anda mungkin ingin menggunakan rute dua.

Plugin Menu Mega Untuk Oksigen

Alih-alih menambahkan megamenu secara manual, menggunakan plugin pihak ketiga bisa menjadi pilihan yang lebih baik dalam beberapa keadaan. Terutama jika Anda memiliki menu yang banyak berubah, sebuah plugin dapat menghemat banyak waktu Anda.

Ada banyak sekali plugin megamenu di luar sana, dan kami menguji banyak ketika ingin menggabungkan fungsi ini ke situs web klien yang dibuat dengan Oxygen. ketika mencari plugin, kriteria kami adalah plugin itu harus mudah digunakan, Dinamis, dirancang dengan baik, dan sepenuhnya kompatibel dengan Oxygen (seperti yang Anda ketahui, ada banyak plugin yang tidak).

Dari beberapa plugin yang kami uji, WP Mega Menu adalah opsi terbaik yang tidak memiliki masalah kompatibilitas dengan Oxygen Builder.

Ada versi gratis dan versi pro. Versi pro berharga $29,00 per tahun. versi gratisnya berfungsi dengan baik, tetapi agak terbatas dalam hal fungsionalitas tingkat lanjut. Jika Anda ingin memasukkan megamenu di situs web klien yang dibuat dengan Oxygen Builder, versi pro mungkin adalah pilihan terbaik Anda.

Kami menyukai plugin ini karena tidak hanya mudah untuk kami gunakan, tetapi klien kami dapat dengan cepat memperbaruinya tanpa merusak seluruh situs web kami yang dibuat dengan Oxygen. Ini memiliki antarmuka drag-and-drop yang sederhana, dan dilengkapi dengan widget bawaan. Pada dasarnya, ini adalah "pembuat menu".

Ini juga responsif, yang merupakan masalah utama saat menggunakan metode satu untuk menambahkan megamenu ke situs web Oxygen Builder Anda.

Setelah menginstal plugin di situs web Anda, memasukkannya ke dalam situs Anda cukup mudah dilakukan. Anda dapat memilih agar plugin menggantikan menu Default, ditambahkan melalui kode pendek, atau menggunakan cuplikan PHP. Kami akan menggabungkannya dengan menggunakan PHP. ini mudah dilakukan di Oxygen, cukup tambahkan komponen blok kode dan rekatkan di PHP berikut (ganti ID dengan ID numerik menu Anda)

 <?php wp_megamenu( array ( 'menu' => 'ID' )); ?>
 Bahasa kode: HTML, XML ( xml )

Anda dapat menempatkan ini di mana saja, tetapi kami menyarankan untuk menggunakan template header dan footer catchall. Lebar blok kode memengaruhi menu itu sendiri, jadi pastikan Anda mengaturnya agar cukup lebar untuk konten.

Membuat menu mega cukup mudah. Menggunakan pembuat visual, Anda dapat menarik dan melepas elemen ke tata letak baris/kolom yang ditetapkan.

Ada beberapa fungsi yang cukup canggih dengan plugin ini, seperti pencarian layar penuh, widget dinamis, dan banyak lagi. Jika Anda mencari cara mudah untuk menambahkan megamenu ke situs web Oxygen Anda, ini adalah pilihan terbaik Anda.

Jika Anda membuat situs web untuk klien, dan perlu memberi mereka alat sederhana yang dapat mereka gunakan untuk mengedit menu, ini adalah pilihan yang bagus karena kesederhanaannya.

Kesimpulan

Artikel ini seharusnya membahas dua cara yang dapat Anda gunakan untuk menambahkan menu mega dengan mudah ke situs web Oxygen Builder Anda. Menu mega dapat menambah fungsionalitas dan memberikan nuansa premium pada situs web Anda. Cukup mudah untuk menambahkan 1 menggunakan CSS dan komponen Oksigen default. Anda juga dapat menggunakan plugin pihak ketiga untuk menambahkan megamenu ke Oxygen.

Jika Anda memiliki pertanyaan, tinggalkan di bagian komentar di bawah!