Sorotan Plugin Divi: Divi Next Blurb

Divi Next Blurb adalah modul uraian pihak ketiga yang menambahkan beberapa fitur untuk membuat desain uraian yang unik. Modul ini menampilkan ikon dan gambar secara bersamaan, memungkinkan Anda menyesuaikan hampir setiap elemen secara mandiri, dan bahkan menambahkan banyak efek melayang ke sebagian besar elemen. Pada artikel ini, kita akan melihat Divi Next Blurb dan melihat apa yang dapat dilakukannya.

Modul Blurb Divi Berikutnya

Setelah Anda mengunggah dan mengaktifkan Divi Next Blurb, modul baru ditambahkan ke Divi Builder yang disebut Next Blurb. Anda tidak perlu mengatur apa pun. Ini siap digunakan.

Tab Konten Blurb Divi Berikutnya

Tab Konten mencakup pengaturan untuk teks, memungkinkan Anda untuk mengaktifkan teks pra-judul, memasukkan teks, memilih tag judul, dan mengaktifkan teks judul posting. Anda juga dapat menambahkan konten.

Pre heading menempatkan teks di atas heading sedangkan heading post menempatkan teks di bawah heading. Anda dapat mengubah tag heading untuk masing-masing.

Tambahkan gambar dan ikon secara bersamaan atau terpisah. Modul uraian standar Divi hanya menampilkan satu atau yang lain. Divi Next Blurb membuka banyak kemungkinan desain dengan memungkinkan Anda menampilkan keduanya secara bersamaan.

Sertakan tombol dengan gaya tombol standar.

Ini juga mencakup banyak pilihan warna latar belakang untuk judul, deskripsi, gambar, ikon, dan tombol. Anda dapat mengaktifkan dan menyesuaikannya secara mandiri. Pilih warna atau gradien untuk masing-masing.

Tab Desain Blurb Divi Berikutnya

Tab Desain mencakup pengaturan untuk gambar, ikon, efek hover, teks judul dan deskripsi, dan teks tombol, ikon, dan efek hover. Sebagian besar elemen juga memiliki bagian terpisah untuk spasi, batas, dan bayangan kotak. Ada banyak penyesuaian untuk mendesain uraian Anda.

Gambar Blurb Berikutnya

Pengaturan gambar memungkinkan Anda memilih penempatan gambar dan menyesuaikan batas. Contoh ini menempatkan gambar di kiri bawah.

Yang ini menempatkan gambar di tengah kanan. Saya telah menambahkan perbatasan dan mengubah warnanya. Saya juga telah menambahkan bayangan kotak.

Untuk contoh ini, saya telah menempatkan gambar di tengah bawah. Saya menghapus perbatasan dan membulatkan sudut. Yang ini memiliki bayangan kotak yang berbeda.

Ikon juga menyertakan opsi penempatan. Anda juga dapat menyesuaikan ukuran, warna, batas, dll. Untuk contoh ini, saya telah menempatkan ikon di kanan bawah.

Ikon Blurb Berikutnya

Contoh ini menunjukkan ikon di tengah kiri. Saya telah meningkatkan ukuran, menambahkan batas, dan mengubah warna batas.

Contoh ini menunjukkan ikon di tengah atas. Saya telah mengurangi ukurannya, menambahkan bayangan kotak, dan membulatkan ke sudut untuk membuat lingkaran.

Efek Blurb Hover Berikutnya

Efek hover mencakup opsi 2D dan Tilt. Opsi 2D menyediakan 16 efek untuk dipilih.

Contoh ini menunjukkan efek hover pulsa.

Efek kemiringan mencakup opsi silau, opsi mundur, perspektif, kecepatan, titik awal dan akhir, dll. Contoh ini menunjukkan opsi kemiringan standar dengan silau diaktifkan. Saya telah meninggalkan pengaturan pada default.

Contoh ini menambahkan lebih banyak silau dan perspektif. Ada banyak cara untuk menyesuaikan kemiringan.

Teks Blurb Berikutnya

Teks judul memiliki pengaturan untuk teks pra, judul, dan posting. Mereka menyertakan semua pengaturan yang Anda harapkan untuk teks. Saya telah menyesuaikan ketiga set teks dalam contoh ini.

Teks deskripsi mencakup semua pengaturan teks standar termasuk penyesuaian untuk teks, tautan, poin, kutipan, dll. Dalam contoh ini, saya telah meningkatkan ukuran font, mengubahnya menjadi merah, dan menambahkan efek bayangan.

Tombol Blurb Berikutnya

Semua teks tombol standar dan penyesuaian ikon disertakan. Saya telah meningkatkan ukuran font dan mengubah warnanya. Contoh ini menunjukkan pengaturan ikon tombol.

Button Hover mencakup banyak penyesuaian termasuk 2D, latar belakang, goresan, dan ikon. Pengaturan 2D mencakup banyak efek hover.

Button Hover mencakup banyak penyesuaian termasuk 2D, latar belakang, goresan, dan ikon. Pengaturan 2D memiliki banyak efek hover. Efek latar belakang mencakup kumpulan efek lainnya. Ini menunjukkan tombol di hover.

Stroke menambahkan penyesuaian latar belakang dan batas serta beberapa efek hover. Contoh ini menambahkan batas di sekitar bagian dalam dan mengubah warna.

Icon juga menambahkan banyak efek hover yang hanya akan mempengaruhi icon pada hover.

Divi Berikutnya Blurb Contoh Satu

Sebagai contoh, saya ingin mengganti teks Penjualan di sisi kanan dalam tata letak Perusahaan Kulit dengan modul Blurb Berikutnya dan menambahkan beberapa fitur.

Biasanya dibuat dengan modul teks dan tombol, seperti yang Anda lihat di sini dalam tampilan gambar rangka. Latar belakang hitam ditambahkan ke kolom.

Inilah ajakan bertindak Sale yang dibuat ulang hanya dengan menggunakan modul Next Blurb. Saya masih menggunakan latar belakang hitam untuk kolom dalam contoh ini.

Berikut ini tampilan wireframe view. Modul ini bekerja dengan baik dengan bagian khusus.

Saya sekarang dapat menambahkan efek dan fitur yang tidak bisa saya dapatkan dengan gambar dan tombol di tata letak aslinya. Misalnya, saya telah menambahkan efek hover Grow Rotate 2D. Karena saya menempatkan teks tajuk dan tombol di atas latar belakang hitam untuk ruang kolom itu, kartu tampaknya tetap di tempatnya saat konten dimiringkan.

Yang ini termasuk efek kemiringan. Saya telah menambahkan silau sehingga kartu terlihat di latar belakang saat melayang.

Untuk contoh ini, saya telah menambahkan gambar ke uraian. Saya meninggalkannya di bagian atas kartu uraian.

Untuk yang satu ini saya telah menambahkan efek pop hover, hanya untuk menampilkan animasi. Ini adalah cara yang baik untuk menarik perhatian pengunjung saat mereka mengarahkan kursor ke uraian.

Yang ini termasuk efek kemiringan tanpa silau diaktifkan. Kartu miring di dalam kolom, tetapi batas kartu tidak seperti yang terlihat.

Saya telah menghapus latar belakang dari kolom dan menambahkannya ke modul. Ini membuat latar belakang hitam di belakang teks. Saya juga telah menambahkan bayangan kotak hanya untuk gambar. Saya menghapus perbatasan sehingga ketika saya menggunakan efek kemiringan perbatasan tidak muncul.

Berikut tampilannya dengan efek kemiringan. Ini melakukan pekerjaan yang bagus untuk menambahkan perspektif pada gambar. Saya suka tampilan bayangan kotak.

Divi Berikutnya Blurb Contoh Dua

Untuk contoh ini, saya ingin mengganti uraian di tata letak beranda Startup dengan modul Blurb Berikutnya dan membuatnya sedikit lebih rumit dalam desainnya.

Mudah untuk membuat ulang uraian dengan pengaturan saat ini. Semua yang saya lakukan di sini adalah menambahkan gambar, judul, dan konten. Sekarang, saya akan membuat beberapa penyesuaian.

Saya memindahkan gambar ke kiri atas dan menambahkan bayangan kotak ke gambar dan teks isi. Sudut perbatasan dibulatkan dan teks isi sekarang memiliki 5 piksel padding untuk bagian atas dan bawah.

Untuk yang ini, saya menempatkan ikon di tengah kanan dan menyesuaikan jarak gambar untuk menyelaraskannya dengan teks judul. Saya telah membuat teks menjadi putih dan memberikan latar belakang untuk badan warna teks asli. Untuk teks judul, saya telah membuat latar belakang menjadi gradien.

Berikut adalah hasilnya. Saya telah menambahkan bantalan ke bagian atas teks judul, memusatkan semua teks, dan menambahkan tombol dengan batas bawah. Saya telah menambahkan gambar ke tengah bawah dan meningkatkan ukurannya. Gambar termasuk sentuhan padding di bagian atas untuk menambahkan beberapa ruang di antara mereka dan area konten. Tombol memiliki bayangan kotak yang hanya terlihat. Saya telah menyembunyikan batas atas dan samping sehingga hanya batas bawah yang ditampilkan. Untuk efek hover, saya telah menambahkan kemiringan 3D.

Berikut tampilan Blurb Berikutnya dalam tata letak.

Harga Blurb Divi Berikutnya dan Tempat Pembelian

Divi Next Blurb memiliki tiga lisensi yang tersedia:

• Lisensi Tunggal – $25,00
• Lisensi Tidak Terbatas – $49,00
• Lisensi Seumur Hidup – $99.00

Anda dapat membelinya dari situs web pengembang.

Mengakhiri Pikiran

Divi Next Blurb adalah modul yang menarik untuk Divi. Saya hanya menggores permukaan dari apa yang dapat dilakukannya dan apa yang dapat dirancang dengannya. Ini memiliki lebih banyak pengaturan dan penyesuaian daripada yang saya harapkan. Hampir setiap elemen memiliki pengaturan batas, spasi, dan bayangan kotaknya sendiri.

Ada beberapa fitur yang sepertinya dapat ditempatkan di area yang lebih standar. Misalnya, pemilih tag heading ada di tab konten, bukan di tab desain. Masih mudah untuk mencari tahu di mana letak segala sesuatunya dan saya tidak kesulitan memahami apa yang dilakukan pengaturan apa pun.

Saya sangat menyukai Divi Next Blurb. Jika Anda tertarik dengan modul uraian yang mudah digunakan yang melakukan lebih banyak daripada modul Divi standar, Divi Next Blurb layak untuk dilihat.

Kami ingin mendengar dari Anda. Sudahkah Anda mencoba Divi Next Blurb? Beri tahu kami pendapat Anda tentang hal itu di komentar.

Gambar Unggulan melalui Leonid Zarubin / shutterstock.com