Perlu membuat bilah kemajuan gradien di Elementor ?

Elementor mempunyai sebuah Widget bilah kemajuan asli yang dapat Anda gunakan untuk menambahkan hal-hal seperti tingkat keterampilan atau kemajuan sesuatu ke halaman atau template yang Anda buat.

Saat menggunakan widget ini, Anda dapat menyesuaikan tampilannya dengan mengubah warna dan tipografi teks. Widget ini hanya memungkinkan Anda menggunakan warna solid untuk bilah.

Tetapi apakah mungkin membuat bilah kemajuan dengan warna gradien?

Jika Anda memiliki keterampilan dalam CSS, Anda dapat menggunakan versi proElementor dan tambahkan CSS khusus ke widget Progress Bar untuk membuat progress bar gradien. Atau, Anda dapat menginstal add-on yang menawarkan widget bilah kemajuan tempat Anda dapat memilih warna gradien saat mengubah warna.

Dua add-on yang menawarkan widget seperti itu adalah Addon Penting et JetElements. Tapi kami akan fokus pada Addons Esensial

Membuat bilah kemajuan yang terdegradasi di Elementor menggunakan Essential Addons

Essential Addons adalah salah satu add-on Elementor yang paling populer. Ia menawarkan lebih dari 60 widget, termasuk widget Progress Bar yang dapat Anda gunakan untuk membuat bilah kemajuan gradien. Addons Esensial adalah add-on freemium. Widget Progress Bar tersedia dalam versi gratis.

Anda dapat mengunduh versi gratis add-on ini di direktori plugin WordPress resmi.

Temukan panduan kami di Cara menginstal (menambahkan) plugin di WordPress

Setelah menginstal dan mengaktifkan plugin ini, buat halaman atau template dan edit dengan Elementor dan seret widget Progress Bar ke dalam kotak edit.

Cara membuat bilah kemajuan gradien di Elementor

Pilih gaya bilah kemajuan yang ingin Anda buat dari menu tarik-turun opsi Layout. Ada 6 gaya bilah kemajuan untuk Anda pilih. Untuk membuat bilah kemajuan gradien, Anda harus memilih gaya Garis.

Atur judul, nilai penghitung, dan durasi animasi. Setelah selesai, buka tab Gaya dan buka bloknya Mengisi. Dalam opsi Jenis latar belakang, memilih terdegradasi dan atur warna pertama dan warna kedua. Anda juga dapat menentukan jenis gradien (linier atau radial), lokasi dan sudut.

Cara membuat bilah kemajuan gradien di Elementor

Anda dapat membuka blok opsi lain di bawah tab Gaya untuk mengatur opsi gaya lainnya.

Dapatkan Elementor Pro Sekarang!

Kesimpulan

Disini adalah ! Itu saja untuk artikel ini yang menunjukkan cara membuat bilah kemajuan gradien di Elementor. Jika Anda memiliki kekhawatiran tentang cara menuju ke sana fberi tahu kami di komentar.

Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.

Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.

...