Sorotan Plugin Divi: Penyesuai Gaya Bentuk Kaldera untuk Divi dan Ekstra

Caldera Forms melakukan pekerjaan yang baik dalam memadukan gaya situs web Anda. Bagaimana jika Anda ingin menatanya menggunakan alat penataan yang sudah dikenal dari Divi dan Penyesuai Tema Ekstra? Anda dapat melakukan ini dengan plugin pihak ketiga yang disebut Caldera Forms Style Customizer untuk Divi dan Extra.

Bentuk Kaldera dapat ditata menggunakan opsi Penyesuai Tema standar, namun, opsi ini memberi gaya pada tema. Ini berarti jika Anda mengubah gaya teks formulir Anda, Anda juga mengubah gaya teks isi situs web Anda. Jika Anda ingin menata formulir Anda secara terpisah dari konten Anda, Anda biasanya harus menata dengan tangan menggunakan CSS. Caldera Forms Style Customizer untuk Divi dan Extra memecahkan masalah itu dengan menambahkan fitur styling ke Theme Customizer.

Dalam sorotan plugin ini kita akan melihat pada Caldera Forms Style Customizer untuk plugin Divi dan Extra dan melihat betapa mudahnya menggunakannya. Plugin pihak ketiga ini dapat dibeli melalui Caldera Forms. Seperti namanya, ini bekerja dengan Divi dan Extra.

Instalasi dan Aktivasi

Unggah dan aktifkan plugin seperti biasa. Tidak ada pengaturan untuk menyesuaikan. Fitur siap digunakan.

Menyesuaikan Formulir

Saya telah memasukkan formulir kontak default ke halaman dengan semua gaya default. Saya akan membuat semua penyesuaian saya pada formulir ini satu per satu. Kemudian kita akan melihat satu atau dua contoh.

Fitur gaya baru ditambahkan ke Penyesuai Tema. Buka Penyesuai Tema (atau Penyesuai Modul – keduanya berfungsi) dan klik Penyesuai Gaya Bentuk Kaldera .

Ini menambahkan 20 tab penyesuaian baru untuk menyesuaikan setiap aspek formulir termasuk teks, tombol, bidang, sakelar sakelar, pemilih tanggal, remah roti, dll. Berikut adalah tampilan setiap pengaturan.

Bidang Teks

Bidang Teks mengubah warna teks, tempat penampung, dan batas, serta lebar batas, radius batas, dan tinggi satu baris bidang.

Arahkan Bidang Teks

Bidang Teks Arahkan kursor untuk mengubah warna teks, bidang, dan batas.

Fokus Bidang Teks

Fokus Bidang Teks mengubah warna teks, latar belakang, dan batas bidang yang memiliki fokus. Dalam contoh ini bidang di tengah memiliki hover tetapi bidang dengan latar belakang gelap memiliki fokus.

Pilihan Dropdown

Dropdown Select menyesuaikan latar belakang, teks, panah, dan warna batas. Anda juga dapat menyesuaikan lebar dan radius perbatasan.

Dropdown Pilih Arahkan kursor

Dropdown Select Hover mengontrol warna latar belakang, teks, panah, dan batas saat mengarahkan kursor.

Kotak centang dan Tombol Radio

Kotak centang dan Tombol Radio menyesuaikan warna item yang dipilih dari kotak centang dan tombol radio Anda.

Sakelar Beralih

Sakelar Toggle menyesuaikan warna latar belakang, font, dan batas sakelar yang tidak dipilih dan yang dipilih satu per satu. Anda juga dapat menyesuaikan lebar batas dan radius kedua sakelar secara bersamaan.

Alihkan Sakelar Arahkan kursor

Toggle Switches Hover menyesuaikan warna latar belakang, font, dan batas dari sakelar yang dipilih dan yang tidak dipilih secara independen. Ini adalah sakelar yang tidak dipilih.

Yang biru adalah sakelar yang dipilih.

Tombol Kirim

Tombol Kirim mengontrol latar belakang, font, dan warna batas, serta radius batas, lebar tombol, dan lokasinya. Anda juga dapat menyesuaikan ukuran font dan spasi huruf. Fitur transformasi teks mengubah kasus teks. Pilih huruf kecil, huruf besar, kapital, inisial, atau mewarisi.

Kirim Tombol Arahkan kursor

Tombol Kirim Arahkan kursor mengontrol warna kursor untuk latar belakang, font, dan batas.

Tombol Atur ulang

Tombol Reset mengontrol latar belakang, font, dan warna batas. Anda juga dapat menyesuaikan ukuran font dan spasi huruf, lebar tombol, posisi tombol, lebar batas, dan radius batas. Yang ini juga memiliki transformasi teks.

Setel Ulang Tombol Arahkan

Atur Ulang Tombol Arahkan kursor menyesuaikan warna tombol untuk latar belakang, teks, dan batas.

Tombol lainnya

Kaldera memiliki beberapa jenis tombol lainnya. Tombol Lainnya mengontrol semuanya kecuali Kirim dan Atur Ulang. Sesuaikan warna untuk font, batas, dan latar belakang, dan sesuaikan lebar dan radius batas. Dalam contoh ini saya telah membuat tombol Sebelumnya dan Berikutnya.

Tombol Lainnya Arahkan kursor

Tombol Lainnya Arahkan kursor mengontrol warna kursor untuk font, batas, dan latar belakang.

Pemilih Tanggal

Date Picker menyertakan warna reguler dan hover dalam tab yang sama. Sesuaikan warna untuk font dan latar belakang. Dalam contoh ini saya mengarahkan kursor ke 10 dan 12 dipilih.

Unggah Daftar File

Daftar File Unggah mengontrol warna untuk latar belakang dan teks dalam daftar file yang diunggah.

Istirahat Bagian

Section Break mengontrol warna section break, lebar batas, dan margin atas dan bawah.

Tepung roti

Breadcrumbs memungkinkan Anda memilih warna font untuk halaman aktif dan tautan lain, pemisah, latar belakang, dan batas. Sesuaikan lebar dan radius perbatasan.

Peringatan Sukses

Success Alert menyesuaikan font, latar belakang, dan warna batas, serta radius dan lebar batas. Ini juga menyesuaikan ketinggian kotak.

Aneka ragam

Miscellaneous memberi Anda kendali atas warna untuk ikon yang diperlukan, bidang yang salah, teks deskripsi, warna kartu kredit, dan posisi ikon kartu kredit. Teks deskripsi mencakup opsi ukuran font, spasi huruf, dan transformasi teks. Saya telah memilih huruf besar.

Contoh

Saya membuat formulir unggah resume (sebenarnya ini dibangun ke dalam Formulir Kaldera, tetapi saya mengklik tombol untuk memilihnya), dan mengaturnya sebagai modal. Pertama saya ingin menata halaman dengan Divi Builder.

Saya telah menambahkan gambar latar belakang dan memilih warna yang kontras daripada menyatu dengan latar belakang.

Yang ini menggunakan pengaturan yang sama dengan latar belakang yang berbeda. Kali ini saya tidak menggunakan formulir di modal. Alih-alih memiliki latar belakang putih, bidang formulir ditempatkan langsung di atas gambar.

Ekspor Impor

Sangat mudah untuk mengimpor atau mengekspor gaya Formulir Kaldera yang telah Anda buat di penyesuai. Di Dashboard, buka Caldera Forms , Styles – Import / Export . Ini mengimpor dan mengekspor gaya sebagai file JSON, memungkinkan Anda untuk dengan mudah menggunakan gaya Formulir Kaldera di situs web mana pun yang menggunakan plugin ini. Semua gaya Anda akan ditimpa dengan gaya file yang diimpor.

Lisensi dan Dukungan

Plugin dapat dibeli sebagai lisensi satu tahun (berulang tahunan). Lisensi memungkinkan plugin untuk digunakan pada satu, lima, atau lima belas situs web (tergantung pada tingkat yang Anda pilih) dan mencakup satu tahun dukungan dan pembaruan.

Pikiran Akhir

Ternyata plugin ini mudah digunakan. Pengaturan Customizer bersifat intuitif. Mereka diberi label dengan baik dan diatur dengan cara yang masuk akal. Saya tidak kesulitan menemukan pengaturan yang saya inginkan. Saya ingin melihat cara mudah untuk kembali ke pengaturan default sekaligus atau membuat penyesuaian global (seperti menambah atau mengurangi kegelapan keseluruhan dari semua warna). Itu mungkin tidak realistis, tapi kedengarannya menarik.

Tidak mungkin untuk menata formulir individual dengan pengaturan Penyesuai. Semua bentuk menggunakan gaya yang sama sebagai pengaturan global dan harus ditata secara individual menggunakan fitur penataan Caldera. Ini adalah sifat dari Penyesuai Tema. Jika Anda tertarik untuk menata Bentuk Kaldera Anda secara global, tidak ada cara yang lebih mudah untuk melakukannya selain menggunakan Penyesuai Gaya Bentuk Kaldera untuk Divi dan Ekstra.

Kami ingin mendengar dari Anda. Sudahkah Anda mencoba Caldera Forms Style Customizer untuk plugin Divi dan Extra? Beri tahu kami pendapat Anda tentang hal itu di komentar.

Gambar Unggulan melalui Irina Strelnikova / shutterstock.com