Divi Code AI - Asisten Pengkodean Pribadi Anda Di Divi

Kabar baik bagi perancang dan pengembang web, tambahan inovatif pada perangkat Divi AI telah hadir. Pada bulan Oktober 2023, Divi mengumumkan tambahan baru pada perangkat AI mereka - Divi Code AI, alat yang menyederhanakan pengembangan web dalam ekosistem Divi. Divi Code AI memiliki kemampuan unik untuk menulis kode, menghasilkan CSS, dan memberikan bantuan yang sangat berharga dalam menyesuaikan situs web Divi melalui Visual Builder. Pengguna kini dapat memanfaatkan keahlian pengembang web front-end berpengalaman, yang berpengalaman dalam seluk-beluk setiap modul Divi. Blog ini mengeksplorasi bagaimana Divi Code AI mengubah pengalaman desain web Divi , menjanjikan efisiensi yang lebih besar dan tingkat kenikmatan yang lebih baik.

Sesuaikan Situs Web Dengan AI Coding

Pengguna dapat dengan mudah melihat ikon AI baru yang terletak di bawah kolom kode Divi. Hanya dengan mengklik ikon ini, individu dapat menyampaikan kebutuhan spesifik mereka ke Divi AI. Bergantung pada elemen yang disesuaikan dan sifat bidang yang sedang diedit, Divi AI segera menyesuaikan responsnya agar sesuai dengan tugas yang ada.

Sebagai ilustrasi, ketika pengguna ingin memasukkan teks gradien ke dalam judul, fitur desain yang tidak tersedia secara asli di Divi, mereka cukup meminta Divi AI untuk menghasilkan CSS yang diperlukan. Dalam beberapa saat, judulnya dihiasi dengan efek gradien yang menakjubkan.

Pengguna dapat terlibat dalam dialog berkelanjutan dengan Divi AI untuk menyempurnakan hasilnya. Dalam demonstrasi video, pengguna merasa bahwa gradien awal agak redup, dan oleh karena itu, mereka meminta Divi AI untuk mengintensifkannya. Hasilnya sekarang menjadi gradien ideal, mencapai kecerahan yang diinginkan.

Buat Elemen Kustom

Modul Kode menonjol sebagai bintang cemerlang Divi Code AI, yang menawarkan kemampuan untuk menangani HTML, CSS, dan JavaScript dengan mudah. Pengguna cukup meminta Divi AI untuk membuat popup penundaan 30 detik, mengundang pengunjung untuk berlangganan buletin mereka, dengan kebebasan untuk mendeskripsikan tampilan popup. Dalam beberapa saat, Divi AI dengan mudah menghasilkan kode, menghasilkan popup yang menarik dan efektif yang menarik perhatian pengunjung situs web.

Divi AI menawarkan berbagai kemampuan dalam hal modul kode. Itu dapat dengan mudah menggabungkan fitur-fitur seperti efek pengetikan untuk judul pahlawan Anda atau mengubah bagian Divi menjadi sidebar mengambang yang nyaman dan dapat ditutup. Setelah pengguna terbiasa berinteraksi dengan Divi AI, berbagai kemungkinan menarik terbentang di hadapan mereka.

Opsi CSS Bentuk Gratis Untuk Semua Modul

Mereka telah menerapkan peningkatan penting di seluruh modul Divi—fitur CSS bentuk bebas yang memberdayakan pengguna untuk mengatur gaya modul dalam fokus dan elemen mendasar apa pun menggunakan kelas semu "pemilih". Misalnya, saat mengedit modul Blurb, Anda dapat dengan mudah menerapkan bayangan kotak dan mengubah tampilan elemen IMG dan H3 dengan membuat aturan CSS seperti di bawah ini:

selector { <span class="webkit-css-property" aria-label="CSS property name: box-shadow">box-shadow</span><span class="styles-name-value-separator">: </span><span class="value" aria-label="CSS property value: 0 10px 20px 0 #000">0 10px 20px 0 #000</span><span class="styles-semicolon">; }</span>
 
selector img { border-radius: 100px; border: 5px solid #000; }
 
selector h3 { margin-top: 20px; }

Penambahan ini terbukti sangat berharga bagi Divi AI, memberikannya fleksibilitas yang diperlukan untuk memenuhi permintaan Anda dan menyesuaikan seluruh modul dengan mudah.

Kustomisasi CSS yang Dihasilkan AI

Memanfaatkan Divi Code AI di bidang CSS bentuk bebas yang baru terbukti menjadi pengalaman yang luar biasa. Dalam demonstrasi video di bawah, pengguna dapat menyaksikan Divi AI dengan mudah melakukan serangkaian penyesuaian. Petunjuknya jelas: mengubah gambar menjadi bentuk lingkaran, menambahkan bayangan kotak yang halus, melapisi gambar dengan gradien semi-transparan, dan menerapkan animasi zoom-in yang dipicu oleh hover.

Berkat pemahaman mendalam Divi AI tentang struktur modul Divi dan kemahiran CSS-nya, tugas-tugas kompleks ini biasanya berhasil ditangani pada upaya awal, atau sangat mendekati hasil yang diinginkan.

Basis Kode Divi

Yang membedakan Divi Code AI adalah penyesuaiannya pada basis kode modul Divi, yang menawarkan keunggulan tersendiri dibandingkan model bahasa besar lainnya. Berkat keakrabannya dengan kelas modul Divi dan keluaran HTML, ia unggul dalam memahami permintaan ambigu dan mengenali istilah khusus Divi dalam perintah pengguna.

Misalnya, dalam video yang ditampilkan di bawah ini, pengguna menginstruksikan Divi Code AI untuk membuat CSS guna menyesuaikan tampilan modul Blurb dan Button. Yang mengesankan, Divi Code AI secara naluriah membedakan sifat elemen Blurb dan Tombol, dan secara akurat menunjukkan kelas yang relevan. Ketepatan ini memungkinkannya memberikan penyesuaian tepat pada percobaan pertama.

Pengodean Nyaman

Divi Code AI menawarkan Tindakan Cepat yang mudah digunakan untuk menyempurnakan kode Anda. Hanya dengan satu klik, secara otomatis dapat mengoptimalkan, memformat, dan meningkatkan kompatibilitas dengan browser lama. Selain itu, Anda memiliki fleksibilitas untuk mengubah kode menggunakan perintah, membuka kemungkinan kreatif tanpa batas.

Perpustakaan Cuplikan Kode Berbasis Cloud

Meskipun Divi AI mungkin tidak sempurna, hal ini memungkinkan pengguna untuk terus berkomunikasi dan berkolaborasi dengan AI untuk menyempurnakan hasil yang diinginkan. Pengguna juga dapat meminta "coba lagi". Dalam setiap upaya, Divi AI memberikan hasil yang sedikit bervariasi, sering kali menemukan solusi yang diinginkan setelah beberapa kali mencoba.

Bahkan bagi mereka yang memiliki pemahaman dasar tentang pengembangan web, Divi AI dapat mempercepat penyesuaian situs web dan mencapai hasil tertentu yang sebelumnya hanya dapat dicapai melalui keterlibatan seorang ahli.

Membungkus

Divi Code AI lebih dari sekedar kemajuan teknologi; ini adalah pengubah permainan dalam dunia desain web. Ini menawarkan pengguna kemampuan untuk memanfaatkan kemampuan pengembang web front-end yang terampil langsung dari Divi Visual Builder .

Baik Anda seorang desainer web berpengalaman atau pemula di bidangnya, Divi Code AI membuka pintu menuju peningkatan efisiensi dan penyesuaian. Selami dan rasakan masa depan desain web dengan Divi Code AI.