Loncat ke Konten Utama

Ulasan plugin WordPress: Divi Mega Pro

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Menu besar adalah elemen desain populer yang dapat memberikan situs web Anda keanggunan sambil memberi pengunjung tambahan lapisan navigasi. Ada beberapa cara untuk menambahkan menu mega Divi. Salah satu metode paling sederhana yang saya gunakan adalah metodeplug-in pihak ketiga yang disebut Divi Mega Pro .

Divi Mega Pro membuatnya mudah untuk membuat menu mega menggunakan Divi Builder. Setiap menu dapat ditambahkan ke elemen apa pun menggunakan kelas CSS. Ini berarti Anda dapat menambahkan tata letak Divi ke tautan menu mana pun, tetapi Anda dapat melangkah lebih jauh dan menambahkannya ke elemen tata letak Divi hanya dengan menambahkan kelas CSS.

Ini bagus untuk membuat menu dan sembulan dengan modul toko, gambar, slider, portofolio, ikon, teks presentasi, video, blog, dll. Ini juga berfungsi dengan Extra.

Buat Mega Pro Mega Menu

buat menu mega divi dengan divi mega.png

Menu Divi Mega Pro ditambahkan ke menu dasbor. Di sini Anda dapat memasukkan kunci lisensi Anda, melihat menu yang telah Anda buat dan membuat menu baru. Ketika Anda mengklik untuk menambahkan menu baru, Anda akan melihat editor untuk jenis publikasi menu. Layarnya sederhana, tetapi banyak hal terjadi di sini.

desain menu Mega Pro.png

Penerbit - Anda dapat membuat menu-mega atau tooltip menggunakan Divi Builder.

ubah latar belakang menu mega.png

Latar Belakang Mega Pro - Anda dapat memilih latar belakang dan warna font.

pilih lokasi menu.png

Lihat lokasi - pilih semua halaman atau nama halaman tertentu, lalu masukkan pengecualian.

pilih animasi menu.png

Animasi Mega Pro - pilih animasi. Pilih dari offset, offset, perspektif, pudar, atau skala.

pilih pemicu css.png

Pemicu Mega Pro - tambahkan pemicu sebagai pemilih CSS. Setelah Anda menyimpannya, Anda akan melihat kelas CSS yang akan Anda sisipkan ke bidang kelas CSS dari item menu, modul, baris, atau bagian. Ini diklik atau diterbangkan untuk menampilkan menu. Semuanya bisa digunakan sebagai pemicu dan bukan hanya sebagai item menu. Ini artinya Anda juga bisa menggunakan Divi Mega Pro untuk membuat popup atau tooltips.

konfigurasi menu style divi.png

Pengaturan Tampilan Pro Mega : Pilih arah tampilan (atas atau bawah), masukkan margin atas dan bawah dalam piksel, pilih persentase lebar dan aktifkan panah. Mengaktifkan panah mengungkapkan lebih banyak penyesuaian di mana Anda dapat memilih jenis panah (segitiga atau bulat), pilih warna, atur lebar dan tinggi, dan pratinjau panah.

penyesuaian tombol divi.png

Divi: Tema WordPress terbaik sepanjang masa!

lebih 554.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

kustomisasi tombol tutup: Aktifkan tombol tutup di desktop atau di ponsel dan sesuaikan tombol tutup. Jika Anda menyalakannya, warna teks, warna latar belakang, ukuran font, radius batas, isi, dan kustomisasi tampilan dipratinjau.

konfigurasi tambahan divi mega pro.png

Parameter tambahan Mega Pro - pilih jenis pemicu (melayang atau diklik), jenis output (melayang atau diklik) dan masukkan penundaan keluar.

Model Divi Mega Pro

template berbeda tersedia divi mega pro.png

Pengembang telah menyediakan beberapa model untuk Divi Mega Pro. Saat Anda membeli plugin, templat ini tersedia di akun Anda, di tab Layout templates pada plugins. Ini bagus untuk membantu Anda mulai merancang menu mega Anda. Saya akan menggunakan beberapa dari mereka dalam contoh saya.

Menu Divi Mega Pro

menu divi mega pro.png

Setelah Anda membuat menu mega, itu akan muncul dalam daftar. Di sini Anda dapat mengedit, mengedit dengan cepat, atau menghapus menu. Anda juga dapat mencari, memfilter menurut tanggal, melihat berdasarkan status, dll. Ini juga menyediakan kelas Mega Pro yang unik sehingga Anda dapat menyalinnya dari sini alih-alih membuka masing-masing untuk mendapatkan kelas.

Saat Anda menyalin kelas, pastikan untuk menempelkannya tanpa spasi tambahan. Jika tidak, semua menu mega pada halaman tidak akan berfungsi lagi.

Saya yakin itu tidak mudah untuk ditambahkan, tetapi fitur salin dan edit akan nyaman. Anda dapat menyimpan tata letak Divi ke perpustakaan Anda untuk digunakan kembali, tetapi ini tidak termasuk pengaturan sekitarnya.

Menambahkan pemicu

pilih pemilih divi.png

Di bidang Mega Pro Triggers Anda akan melihat kelas Mega Pro yang unik. Salin dan tempel ke bidang Kelas CSS item yang ingin Anda gunakan sebagai pemicu.

kelas css.jpg

Untuk menambahkan bidang Kelas CSS ke item menu, Anda harus mengaktifkan kelas CSS. Di layar menu, pilih Opsi layar dan aktifkan Kelas CSS.

tambahkan menu css kelas divi.png

Rekatkan kelas CSS di bidang menu. Sekarang, item menu ini akan menampilkan mega-menu dengan mengarahkan dan membawa Anda ke halaman klik-ke-klik.

divi mega menu design pro.png

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [GRATIS]

Anda akan melihat bahwa Divi Mega Pro juga merupakan opsi dalam opsi tautan menu. Mereka bagus untuk menambahkan item menu ke menu yang benar-benar tidak ke mana-mana. Tambahkan kelas CSS sama seperti item menu lainnya.

Bagian kontak pada menu mega

bagian kontak mega menu pro.png

Menu terbuka di hover. Saya selalu dapat mengklik tautan Kontak untuk membuka halaman kontak jika saya mau. Jika saya hanya ingin menu mega ditampilkan, saya cukup menggunakan tautan menu utama Kontak dan mengganti nama (seperti pada contoh di atas).

Di sini, saya sedikit mengubah warna menggunakan latar belakang dan pengaturan tampilan daripada menggunakan Divi Builder. Dia menambahkan bilah di bagian bawah menu.

Ajakan bertindak sederhana dengan kolom menu

desain bagian kontak divi mega pro.png

Ini adalah salah satu model yang menambahkan beberapa kolom. Saya membuat penyesuaian pada warna latar dan font. Saya juga menambahkan panah dan membuat lebar 75%.

ubah warna latar belakang divi mega pro.png

Warna latar belakang dan opsi font menambahkan sedikit lebih untuk membuatnya menonjol. Saya meninggalkan penyelarasan default, yang menempatkan menu di sisi kanan layar. Anda dapat menyesuaikan posisi pada pengaturan.

tab

desain menu dengan tab menu mega divi.png

Templat tab menyertakan modul kode dengan jQuery untuk membuat efek rollover.

menu demo dengan tab divi mega pro.png

Saya menambahkan konten ke tab dan menyesuaikannya dengan situs. Setiap tautan di sebelah kiri menunjukkan tab berbeda di sebagian besar menu.

Konfigurasi info Bubbles

demo infobulles divi.png

Untuk yang ini, saya menambahkan kelas CSS ke teks presentasi sehingga membuka jendela pop-up kecil. Munculan hanyalah gambar dengan bayangan di bawahnya.

Pada gambar di atas, mouse saya melayang di atas kata-kata LIVE WEBSITE. Saya belum menyesuaikan pemosisian, tetapi mudah untuk membuatnya tampil di mana Anda inginkan.

info desain bull divi mega pro.png

Untuk yang ini, saya membuat popup untuk menampilkan gambar dengan teks. Saya mengatur arah tampilan ke Rendah, dan untuk membuatnya muncul di sebelah gambar yang ingin saya tambahkan, saya menambahkan margin -300.

Buat blog Anda dengan mudah dengan SiteGround

SiteGround memungkinkan Anda membuat blog WordPress hanya dengan beberapa klik. Nama domain gratis, hosting aman, SSL, transfer, dan banyak lagi ... [Direkomendasikan]

info hasil bubble divi.png

Jendela sembul sekarang muncul di sebelah kiri dan atas gambar ketika saya terbang di atasnya. Saya menambahkan warna latar belakang transparan, warna perbatasan, isian, dan garis bulat.

Lisensi dan dokumentasi

lisensi dan demonstration.png

Anda memiliki pilihan antara empat lisensi:

  • Situs tunggal - 15 $ per tahun
  • Tiga situs - $ 29 per tahun
  • Situs tidak terbatas - 59 $ per tahun
  • Seumur hidup tidak terbatas - 129 $ satu kali

Dokumentasi disediakan oleh demonstrasi video dan artikel di situs menjelaskan fitur dan menjelaskan, langkah demi langkah, cara menggunakan plugin.

Tutorial Divi lainnya

Artikel ini berisi komentar 2
  1. Hello:
    Di mana saya bisa melihat bagaimana jendela pop-up dibuat?
    Saya tidak punya cara untuk mendapatkannya. Saya hanya bisa membuat menu mega, tetapi popup yang saya tautkan tidak terbuka.
    Saya bertemu beberapa email dengan Divi Life tetapi mereka tidak menjelaskan apa pun.
    Merci beaucoup.

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
8 saham
saham8
menciak
Register
Ada apa