Sorotan Plugin Divi: Addons Pembuat Divi Ultimate

Divi Builder Addons adalah plugin pihak ketiga yang menambahkan banyak skrip jQuery yang digunakan oleh situs web kelas atas ke Divi Builder. Cukup alihkan skrip yang Anda inginkan dan tambahkan kelas CSS ke modul Divi Builder. Mudah digunakan dan mencakup banyak fitur dan animasi.

Menu Addons Pembangun Divi Utama

Unggah dan aktifkan plugin seperti biasa. Item menu baru ditambahkan ke menu dasbor yang disebut Ultimate Divi Builder Addons. Mengklik ini akan membuka layar dengan banyak fitur di jendela kiri. Mengklik salah satu dari mereka menunjukkan sakelar dan informasi di jendela kanan. Jendela kanan juga menyertakan kelas CSS untuk beberapa efek dan menunjukkan cara menggunakannya. Lainnya menyertakan beberapa sakelar untuk lebih banyak fitur dan opsi seperti warna, ukuran gambar, durasi, dll. Semuanya dinonaktifkan secara default.

Fitur yang ditampilkan dalam warna ungu diaktifkan, sedangkan yang berwarna abu-abu dinonaktifkan. Pada contoh di atas, fitur tersebut menyertakan opsi lain serta kelas CSS. Semua informasi yang Anda butuhkan tentang cara menggunakan fitur tertentu ditampilkan di jendela kanan saat Anda mengkliknya.

Fitur termasuk:

• Bilah Gulir Kustom
• DoSlide Horizontal
• Memudar ke Tampilan
• Membalik Teks
• Sembunyikan Tajuk Tema Divi Saat Menggulir Ke Bawah
• jQuery Pageflipping Vertical Scroll
• jQuery Pageflipping Horizontal Scroll
• alur gulir jQuery
• jQuery ScrollFX
• jQuery ScrollTrigger
• Kotak Halaman Akhir jQuery
• Memuat Header Saat Menggulir Efek1
• Memuat Header Saat Menggulir Efek2
• Memuat Header Saat Menggulir Efek3
• Memuat Header Saat Menggulir Efek4
• Animasi Pengungkap
• Durasi Respons ScrollMagic
• GulirMengungkapkan
• StickyStack: Efek Penumpukan jQuery
• Menggulir Windows
• Rotator/Ticker Teks Super Sederhana
• Wow Animasi

Contoh Addons Pembuat Divi Ultimate

Berikut adalah beberapa contoh fitur saat digunakan dengan tata letak Divi.

Bilah Gulir Kustom

Bilah Gulir Kustom memungkinkan Anda menempatkan bilah gulir pada konten Anda. Ini memiliki 8 efek yang berbeda. Rekatkan kelas CSS ke dalam bidang Kelas CSS dari bagian, baris, atau modul tempat Anda ingin menggunakan efeknya. Dalam hal ini, saya telah menambahkan efek scrollbar khusus ke konten modul teks di tata letak Esports.

Bilah gulir sekarang muncul saat mengarahkan kursor sehingga saya dapat menggulir untuk melihat lebih banyak konten di ruang yang sama. Ini adalah efek 1. Ini memiliki desain yang berbeda di situs langsung. Saya telah meringankan latar belakang sehingga menonjol.

Ini adalah efek 3. Ini menambahkan panah ke atas dan bawah slide.

Efek 5 mengubah pegangan dari garis menjadi titik dan mengubah gaya panah.

Membalik Teks

Flipping Text adalah efek pengetikan teks yang menciptakan animasi intro yang berdetak. Ini memiliki 5 efek. Untuk contoh ini, saya menambahkan Flipping Text ke tata letak Paralegal. Ini adalah efek mengetik Teks Membalik yang pertama. Ia mengetik satu huruf pada satu waktu. Ada beberapa kelas berbeda yang dapat Anda gunakan. Masing-masing jenis pada kecepatan yang berbeda.

jQuery ScrollFlow

jQuery Scroll Flow menambahkan animasi gulir ke baris atau modul. Ini memiliki 5 animasi. Saya telah menambahkan yang ini ke baris dalam tata letak Paralegal sehingga mempengaruhi semua modul secara bersamaan. Anda juga dapat menambahkannya ke salah satu modul saja di baris sehingga slide di tempatnya agar sesuai dengan sisa konten yang sudah ada di sana.

Saat saya menggulir ke baris, konten mulai ditampilkan. Ini lebih kecil dari biasanya dan memiliki opacity yang disetel cukup rendah untuk memungkinkan latar belakang terlihat.

Menggulir sedikit lebih meningkatkan ukuran konten dan opacity hingga terungkap dalam lebar penuh dan opacity. Itu berkurang lagi saat saya menggulir kembali ke atas. Yang ini tetap di lokasi yang sama, tetapi memiliki beberapa kelas lain sehingga Anda dapat membuatnya meluncur dari kanan, kiri, atau geser ke atas atau ke bawah sambil menyesuaikan ukuran dan opacitynya.

jQuery ScrollFX

jQuery ScrollFX menskalakan teks dan mengubah opacity latar belakang. Kelas scrollfx ditambahkan ke bagian. Modul di bagian ini ditampilkan secara normal saat Anda menggulir ke sana dan saat berada di layar.

Saat Anda menggulir melewatinya, konten bagian berkurang ukurannya dan opacitynya berkurang.

Pemicu Gulir jQuery

Pemicu gulir jQuery menggeser modul pada gulir halaman. Tambahkan kelas pemicu gulir ke bagian tersebut. Ini adalah tata letak resor. Gambar latar belakang secara otomatis dipindahkan ke samping saat kelas ditambahkan.

Semua konten termasuk gambar, tombol, teks, dll., meluncur ke tempatnya saat Anda masuk ke bagian itu.

Dan kemudian mereda setelah semuanya ada di tempatnya.

Kotak Halaman Akhir jQuery

jQuery End Page Box menempatkan sebuah kotak yang berada di bagian bawah layar. Itu dibuat dengan menambahkan kode ke modul teks di akhir bagian.

Ini menambahkan kotak yang muncul di bagian bawah layar dan berubah untuk menampilkan konten berbeda yang Anda tentukan untuk setiap bagian.

Berikut bagian selanjutnya. Kotak meluncur keluar dan masuk dari arah yang berbeda atau dengan animasi yang berbeda untuk setiap bagian.

Memuat Header Saat Menggulir

Memuat Header Saat Menggulir menambahkan bilah ke menu yang menunjukkan seberapa banyak halaman yang telah Anda lihat. Itu tidak memerlukan kelas CSS. Anda dapat menyesuaikan warna bilah gulir. Ada empat gaya untuk dipilih.

Ini adalah efek 1. Ini menambahkan garis gulir di bagian atas layar. Ukurannya bertambah saat Anda menggulir, menunjukkan berapa banyak halaman yang telah dilihat pengunjung.

Ini adalah efek 2. Ini menampilkan bilah yang jauh lebih lebar.

Ini adalah efek 3. Itu tumbuh secara vertikal saat Anda menggulir, mengambil ketinggian logo. Itu tidak terlalu besar, tetapi masih menunjukkan efek gulir.

Efek 4 mengambil lebar logo.

Penyingkap

Revealator menambahkan animasi yang dipicu bergulir ke bagian, baris, atau modul. Ini memiliki hampir 40 opsi. Saya menambahkan uraian di tata letak Bakery. Uraian tidak ada sampai wadah untuk itu terlihat sepenuhnya di layar.

Ini menjiwai ke layar sesuai dengan kelas yang Anda pilih. Yang satu ini memiliki banyak pilihan animasi termasuk fade, rotate left, rotate right, slide left, slide right, slide up, slide down, zoom in, dan zoom out.

Gulir Tisu Bagian Ajaib

Scroll Magic Section Wipes membuat animasi yang menghapus konten ke layar saat Anda menggulir. Saya pikir ini adalah favorit saya dari semua efek. Itu ditambahkan ke bagian.

Setelah bagian itu ditampilkan sepenuhnya di layar, bagian itu membeku di tempatnya dan bagian berikutnya menggulir di atasnya. Anda dapat menambahkan ini ke banyak bagian untuk membuat metode pengguliran yang menarik untuk seluruh halaman. Jika Anda ingin setiap bagian tumpang tindih, maka Anda akan tertarik dengan fitur StickyStack.

Gulir Mengungkapkan

Scroll Reveal mengungkapkan modul pada scroll. Pilih dari 17 animasi yang berbeda. Anda dapat menambahkannya ke bagian, baris, atau modul. Bagian di bawah diperbesar ke arah pembaca saat digulir.

Ini adalah efek 1f. Baris berputar ke tempatnya saat Anda menggulir ke sana.

StickyStack: Efek Penumpukan jQuery

StickyStack: jQuery Stacking Effect menumpuk panel saat mencapai bagian atas viewport. Dengan kata lain, setiap bagian membeku di layar saat Anda menggulir dan bagian berikutnya menggulir untuk tumpang tindih. Hasilnya terlihat luar biasa di scroll. Ini adalah tata letak Manajemen Risiko.

Berikut bagian lain dari halaman yang sama. Bagian yang tumpang tindih bekerja dengan sempurna.

Rotator/Ticker Teks Super Sederhana

Rotator/Ticker Teks Super Sederhana memungkinkan Anda menambahkan markup ke teks dan memutar beberapa kata. Ini memiliki 5 gaya animasi. Yang ini berputar di antara kata-kata Sederhana dan Dapat Disesuaikan.

Di sini, itu diputar untuk menampilkan kata kedua. Kedua kata memudar masuk dan keluar.

Harga Addons Ultimate Divi Builder

Ultimate Divi Builder Addons adalah $59 untuk digunakan di situs web tanpa batas dan termasuk pembaruan seumur hidup. Pembaruan sering menambahkan fitur baru. Anda dapat mencoba demo gratis untuk melihat apakah Anda menyukainya.

• Anda dapat membeli Addons Ultimate Divi Builder dari DiviBuilderAddons.com.

Mengakhiri Pikiran

Ultimate Divi Builder Addons memiliki banyak hal untuk ditawarkan dan dapat menghemat banyak waktu dalam mengembangkan fitur dan animasi. Saya terkesan dengan jumlah fitur yang disertakan dan betapa mudahnya menggunakannya.

Beberapa lebih sulit untuk ditampilkan tanpa mengisi artikel ini dengan GIF besar. Misalnya, Wow Animation memiliki 75 animasi untuk dipilih, dan Anda dapat mengubah penundaan, durasi, jarak, dan berapa kali pengulangan.

Plugin ini mengharuskan Anda untuk nyaman menempelkan kelas CSS ke dalam bagian, baris, atau modul. Untungnya, ini mudah dilakukan dan ada banyak informasi dalam dokumentasi Divi tentang menempel di kelas CSS.

Jika Anda tertarik dengan cara mudah untuk menambahkan banyak fitur dan animasi ke Divi, Ultimate Divi Builder Addons layak untuk dicoba.

Kami ingin mendengar dari Anda. Sudahkah Anda mencoba Addons Ultimate Divi Builder? Beri tahu kami pendapat Anda tentang hal itu di komentar.

Gambar Unggulan melalui GoodStudio / shutterstock.com