Web tasarımcısı ve geliştiricileri için iyi haber; Divi AI araç setine çığır açan bir eklenti geldi. Ekim 2023'te Divi , AI araç setine Divi ekosistemi içinde web geliştirmeyi basitleştiren bir araç olan Divi Code AI'ya yeni bir ekleme yaptığını duyurdu. Divi Code AI, kod yazma, CSS oluşturma ve Divi web sitelerinin Visual Builder aracılığıyla özelleştirilmesinde paha biçilmez yardım sağlama konusunda benzersiz bir yeteneğe sahiptir. Kullanıcılar artık her Divi modülünün inceliklerini iyi bilen deneyimli bir ön uç web geliştiricisinin uzmanlığından yararlanabilir. Bu blog, Divi Code AI'nın Divi web tasarımı deneyimini nasıl dönüştürdüğünü, daha fazla verimlilik ve daha yüksek düzeyde keyif vaat ettiğini araştırıyor.
Web Sitesini AI Kodlamayla Özelleştirin
Kullanıcılar, Divi'nin kod alanlarının altında yer alan yeni bir AI simgesini kolayca görebilirler. Kişiler sadece bu simgeye tıklayarak özel gereksinimlerini Divi AI'ye iletebilirler. Özelleştirilen öğeye ve düzenlenen alanın niteliğine bağlı olarak Divi AI, yanıtlarını eldeki göreve uyacak şekilde derhal uyarlar.
Örnek olarak, bir kullanıcı Divi'de yerel olarak mevcut olmayan bir tasarım özelliği olan degrade metni bir başlığa dahil etmek istediğinde, Divi AI'dan gerekli CSS'yi oluşturmasını talep edebilir. Birkaç dakika içinde başlık çarpıcı bir degrade efektiyle süsleniyor.
Kullanıcılar, sonuca ince ayar yapmak için Divi AI ile sürekli bir diyaloga girebilir. Bir video gösteriminde kullanıcı, başlangıçtaki eğimin bir miktar hafiflediğini hissetti ve buna göre Divi AI'dan bunu yoğunlaştırmasını istedi. Sonuç artık arzu edilen canlılığa ulaşan ideal gradyan olarak karşımıza çıkıyor.
Harika Web Siteleri Oluşturun
En iyi ücretsiz sayfa oluşturucu Elementor ile
Şimdi başlaÖzel Öğeler Oluşturun
Code modülü, Divi Code AI'nin parlayan yıldızı olarak öne çıkıyor ve HTML, CSS ve JavaScript'i kolaylıkla kullanma becerisine sahip. Kullanıcılar, Divi AI'dan 30 saniyelik gecikmeli bir açılır pencere oluşturmasını talep edebilir, böylece ziyaretçileri, açılır pencerenin görünümünü tanımlama özgürlüğüyle birlikte haber bültenlerine abone olmaya davet edebilirler. Divi AI, birkaç dakika içinde kodu zahmetsizce oluşturarak web sitesi ziyaretçilerinin dikkatini çeken göz alıcı ve etkili bir açılır pencereyle sonuçlanır.
Divi AI, kod modülleri söz konusu olduğunda çok çeşitli yeteneklere sahiptir. Kahramanınızın başlığı için yazma efekti veya bir Divi bölümünü kullanışlı, kapatılabilir kayan bir kenar çubuğuna dönüştürme gibi özellikleri zahmetsizce birleştirebilir. Kullanıcılar Divi AI ile etkileşime alıştıklarında, önlerinde çok sayıda heyecan verici olasılık ortaya çıkıyor.
Tüm Modüller İçin Serbest Form CSS Seçeneği
Tüm Divi modüllerinde kayda değer bir geliştirme uyguladılar; kullanıcılara "seçici" sözde sınıfını kullanarak odaklanılan modülün ve temel öğelerin stilini belirleme olanağı tanıyan serbest biçimli bir CSS özelliği. Örneğin, bir Blurb modülünü düzenlerken, aşağıdaki gibi CSS kuralları oluşturarak kolayca bir kutu gölgesi uygulayabilir ve IMG ve H3 öğelerinin görünümünü değiştirebilirsiniz:
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; }Bu eklenti, Divi AI için paha biçilmez olduğunu kanıtlıyor ve ona taleplerinizi karşılamak ve tüm modülleri zahmetsizce özelleştirmek için gereken esnekliği sağlıyor.
Yapay Zeka Tarafından Oluşturulan CSS Özelleştirmesi
Divi Code AI'yi yeni serbest biçimli CSS alanında kullanmak olağanüstü bir deneyim olduğunu kanıtlıyor. Aşağıdaki video gösteriminde kullanıcılar, Divi AI'nın bir dizi özelleştirmeyi zahmetsizce yürüttüğüne tanık olabilirler. Talimatlar açıktır: görüntüyü dairesel bir şekle dönüştürmek, ince bir kutu gölgesi eklemek, görüntünün üzerine yarı saydam bir degrade yerleştirmek ve fareyle üzerine gelindiğinde tetiklenen yakınlaştırma animasyonu uygulamak.
Divi AI'nın Divi modül yapılarına ilişkin derin anlayışı ve CSS uzmanlığı sayesinde, bu karmaşık görevler genellikle ilk denemede başarılı bir şekilde yerine getirilir veya istenen sonuca oldukça yakın hale getirilir.
Divi Kod Tabanı
Divi Code AI'yi diğerlerinden ayıran şey, diğer büyük dil modellerine kıyasla belirgin bir avantaj sunan Divi modülü kod tabanındaki ince ayarıdır. Divi modül sınıflarına ve HTML çıktılarına olan aşinalığı sayesinde, belirsiz istekleri anlama ve kullanıcı istemlerindeki Divi'ye özgü terimleri tanıma konusunda üstündür.
Örneğin, aşağıda gösterilen videoda bir kullanıcı, Divi Code AI'ya, Blurb ve Button modüllerinin görünümünü özelleştirmek için CSS oluşturması talimatını veriyor. Etkileyici bir şekilde Divi Code AI, Blurb ve Button öğelerinin doğasını içgüdüsel olarak algılayarak ilgili sınıfların yerini doğru bir şekilde belirler. Bu hassasiyet, ilk denemede kusursuz özelleştirmeler sunmasına olanak tanır.
Kullanışlı Kodlama
Divi Code AI, kodunuza ince ayar yapmak için kullanıcı dostu Hızlı İşlemler sunar. Tek tıklamayla eski tarayıcılarla uyumluluğu otomatik olarak optimize edebilir, biçimlendirebilir ve geliştirebilir. Ek olarak, istemleri kullanarak kodu değiştirme esnekliğine sahip olursunuz ve sonsuz yaratıcı olasılıkların kilidini açarsınız.
Bulut Tabanlı Kod Parçacığı Kitaplığı
Divi AI kusursuz olmasa da kullanıcıların konuşmalarına devam etmelerine ve istenen sonucu iyileştirmek için AI ile işbirliği yapmalarına olanak tanır. Kullanıcılar ayrıca "yeniden deneme" talebinde bulunabilir. Divi AI, her denemede biraz farklı sonuçlar üretir ve genellikle birkaç denemeden sonra istenen çözümü keşfeder.
Divi AI, temel web geliştirme anlayışına sahip olanlar için bile web sitesi özelleştirmesini hızlandırabilir ve daha önce yalnızca bir uzmanın katılımıyla elde edilebilen belirli sonuçlara ulaşabilir.
Kapanış
Divi Code AI, teknolojik bir ilerlemeden daha fazlasıdır; web tasarımı dünyasında oyunun kurallarını değiştiren bir şey. Kullanıcılara, yetenekli bir ön uç web geliştiricisinin yeteneklerinden doğrudan Divi Visual Builder'dan yararlanma gücü sunar.
İster deneyimli bir web tasarımcısı olun ister bu alanda acemi olun, Divi Code AI gelişmiş verimlilik ve kişiselleştirmenin kapısını açar. Divi Code AI ile web tasarımının geleceğine dalın ve deneyimleyin.
