Divi , tema WordPress yang populer, dikenal dengan modul serbaguna yang memberdayakan perancang dan pengembang situs web untuk membuat tata letak yang menakjubkan dengan mudah. Di antara rangkaian modulnya yang mengesankan, Modul Divi Divider menonjol sebagai alat unik yang memungkinkan pengguna membuat pembagi yang menawan. Dalam postingan blog ini, kita akan mempelajari dunia pembagi gradien yang menawan dan menjelajahi bagaimana Anda dapat memanfaatkan Modul Pembagi Divi untuk menyempurnakan desain Anda. Kami akan melihat lebih dekat cara kerja pembagi gradien dan memberi Anda contoh inspiratif untuk memicu kreativitas Anda.
Pratinjau
Berikut adalah pratinjau bagaimana desain gradien kita akan terlihat pada akhirnya.
Cara Membuat Pembagi Gradien dengan Modul Pembagi Divi
Ada beberapa metode untuk membuat pembagi menggunakan Modul Pembagi Divi. Secara default, modul menampilkan garis sebagai pembagi. Namun, dimungkinkan untuk menonaktifkan baris ini dan memanfaatkan pengaturan Latar Belakang modul untuk menghasilkan pembagi yang dapat disesuaikan menggunakan berbagai opsi Latar Belakang seperti warna, gradien, gambar, dan banyak lagi. Daripada menampilkan pembagi sebenarnya, kami akan berkonsentrasi pada penataan wadah pembagi untuk menghasilkan pembagi dengan gaya unik.
Sembunyikan Pembagi
Prosedurnya mudah. Tambahkan Modul Pembagi ke tata letak Anda terlebih dahulu, lalu di bawah tab konten, sembunyikan pembagi.
Buat Situs Web Luar Biasa
Dengan Elementor pembuat halaman gratis terbaik
Mulai sekarang
Latar Belakang Pembagi
Selanjutnya, pilih jenis latar belakang yang ingin Anda gunakan dari menu pengaturan Latar Belakang pada tab Konten. Kami akan berkonsentrasi pada opsi Background Gradient di postingan ini.
Tambahkan Ukuran dan Spasi
Untuk membuat pembagi bergaya dalam ukuran atau bentuk apa pun, gunakan opsi Ukuran dan Penspasian pada tab Desain untuk menyesuaikan tinggi dan lebar wadah pembagi. Untuk menghasilkan ukuran yang diinginkan, gunakan lebar dan tinggi, lebar maksimum dan tinggi maksimum, perataan modul, serta padding atas dan bawah.
Tambahkan Radius Perbatasan
Untuk menata bentuk lebih lanjut, tambahkan opsi batas seperti Border Radius. Sudut-sudutnya dapat diatur secara bersama-sama atau terpisah untuk menghasilkan bentuk yang menarik. Untuk desain khusus, Anda juga dapat menambahkan Lebar Perbatasan, Gaya, dll.
Pembagi Gradien
Kami akan menggunakan halaman arahan dari Paket Tata Letak Home Baker gratis yang disertakan dalam Divi untuk pembagi gradien pertama kami. Karya seni paket tata letak ini menampilkan gradien berwarna coklat dan garis gelap yang kuat. Kami akan mereplikasi ini dengan gradien kami dengan menggunakan palet warna paket tata letak. Kita akan menggunakan Modul Pembagi yang sudah ada di bagian hero untuk ilustrasi pertama kita. Yang ini sederhana, namun memberikan dampak visual yang besar. Berikut adalah tata letaknya sebelum kita menambahkan Modul Pembagi untuk referensi.
Visibilitas
Pilih Tidak untuk Tampilkan Pembagi di bawah Opsi visibilitas untuk Modul Pembagi.
- Tampilkan Pembagi: Tidak
Gradien
Pilih tab Background Gradient dengan menggulir ke bawah ke Background. Kami akan menambahkan lima Gradient Stops untuk yang satu ini. Nilai default untuk parameter gradien lainnya akan digunakan. Parameter untuk setiap Gradient Stop tercantum di bawah.
- Perhentian Gradien Pertama: 0px, #dcc087
- Perhentian Gradien Kedua: 16px, #e6b060
- Perhentian Gradien Ketiga: 22px, #f19d33
- Perhentian Gradien Keempat: 31px, #f49826
- Perhentian Gradien Kelima: 48px, #3b261e
Piksel harus digunakan sebagai satuan gradien. Warna yang kami cari kini tersedia. Yang perlu dilakukan hanyalah mengoptimalkan ukurannya.
- Satuan Gradien: Piksel
Perekat
Setelah itu pilih tab Desain. Masukkan 100% untuk Lebar di bawah Ukuran. Ketiga ukuran perangkat harus memiliki Tinggi yang disetel ke 40 piksel. Penutupan modular akan menyimpan pengaturan Anda.
- Lebar: 100%
- Tinggi: 40 piksel
Pratinjau Akhir
Sekarang di sini kita memiliki pratinjau akhir dari desain gradien kita yang sedang beraksi.
Mengakhiri Pikiran
Itu mengakhiri diskusi kita tentang penggunaan Modul Pembagi Divi untuk membuat pembagi gradien. Untuk membuat pembagi gradien khusus, gunakan opsi gradien di Modul Pembagi. Kita dapat membuat pembagi gradien dalam berbagai ukuran dan bentuk dengan memanfaatkan opsi sudut batas, spasi, dan ukuran. Kita dapat merancang pembagi gradien khas yang akan menonjol hanya dengan beberapa pilihan dasar.
