نقدم لك Divi Code AI، مساعدك الشخصي لتشفير Divi

اليوم، نحن متحمسون لإصدار Divi Code AI، وهو ذراع جديد لمجموعة أدوات Divi AI التي يمكنها كتابة التعليمات البرمجية وإنشاء CSS والمساعدة في تخصيص مواقع Divi الخاصة بك داخل Visual Builder. يبدو الأمر كما لو كان لديك دائمًا مطور ويب خبير في الواجهة الأمامية إلى جانبك والذي يعرف خصوصيات وعموميات كل وحدة Divi!

احصل على Divi AI اليوم

قم بتخصيص موقع الويب الخاص بك باستخدام التعليمات البرمجية التي تم إنشاؤها بواسطة الذكاء الاصطناعي

ستلاحظ وجود رمز AI جديد أسفل حقول كود Divi. انقر فوق الأيقونة، وأخبر Divi AI بما تريد أن يفعله، واعتمادًا على العنصر الذي تقوم بتخصيصه ونوع الحقل الذي تقوم بتحريره، سوف يستجيب بشكل مناسب.

على سبيل المثال، إذا كنت أرغب في إضافة نص متدرج إلى عنوان، والذي ليس لدى Divi خيار تصميم له، فيمكنني أن أطلب من Divi AI كتابة CSS لي. في غضون ثوانٍ قليلة، تم تطبيق تدرج جميل على عنواني.

يمكنني أيضًا مواصلة المحادثة مع Divi AI وتحسين النتيجة. في مثال الفيديو أدناه، اعتقدت أن التدرج الأصلي كان دقيقًا للغاية، لذلك طلبت من Divi AI جعله أكثر حيوية. الآن تبدو مثالية!

إنشاء عناصر مخصصة بالكامل

وحدة Code هي المكان الذي يتألق فيه Divi Code AI لأنه يمكنه فعل أي شيء تريده باستخدام HTML وCSS وJavaScript. يمكنني أن أطلب من Divi AI إنشاء نافذة منبثقة تظهر بعد 30 ثانية وتدعو المستخدمين للانضمام إلى رسالتي الإخبارية. يمكنني حتى أن أصف كيف يجب أن تبدو النافذة المنبثقة. يقوم Divi AI بإنشاء الكود في غضون ثوانٍ قليلة، ولدي نافذة منبثقة رائعة المظهر على موقع الويب الخاص بي ستجذب انتباه الزائر.

يمكن لـ Divi AI القيام بجميع أنواع الأشياء باستخدام وحدة التعليمات البرمجية. ماذا عن إضافة تأثير الكتابة إلى العنوان في بطلي أو تحويل قسم Divi إلى شريط جانبي عائم يمكن رفضه؟ بمجرد أن تعتاد على التحدث إلى Divi AI، فإن ذلك يفتح لك عالمًا جديدًا من الاحتمالات.

تقديم خيار Free Form CSS لجميع الوحدات

لقد قدمنا ​​خيار CSS حر الشكل لجميع وحدات Divi، مما يسمح لك بتصميم الوحدة الحالية وأي عنصر فرعي باستخدام الفئة الزائفة "المحدد". على سبيل المثال، إذا كنت تريد إضافة ظل مربع إلى وحدة Blurb التي تقوم بتحريرها حاليًا، بالإضافة إلى تصميم عناصر IMG وH3 داخل Blurb، فيمكنك كتابة شيء مثل هذا:

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; }

يعد هذا الخيار الجديد ممتازًا لـ Divi AI لأنه يمنحه الحرية التي يحتاجها لتلبية طلباتك وتخصيص وحدة كاملة في وقت واحد.

قم بتخصيص أي وحدة باستخدام CSS المولد بالذكاء الاصطناعي

يعد الاستفادة من Divi Code AI في مجال CSS ذو الشكل الحر الجديد أمرًا رائعًا! في مثال الفيديو أدناه، أطلب من Divi AI إجراء سلسلة من التخصيصات. أطلب منه تغيير شكل الصورة إلى دائرة، وإضافة ظل مربع، وإنشاء تراكب متدرج شبه شفاف أعلى الصورة، وتطبيق رسم متحرك للتكبير عند التمرير.

نظرًا لأن Divi AI يعرف بنية وفئات كل وحدة Divi، وبما أنه خبير في CSS، فيمكنه غالبًا إنجاز هذه المهام الصعبة في المحاولة الأولى أو على الأقل الوصول إلى الحل الصحيح.

تم ضبط Divi Code AI جيدًا على قاعدة كود Divi

أحد الأشياء التي تجعل Divi Code AI مميزًا هو أنه تم ضبطه بدقة على قاعدة بيانات وحدة Divi، مما يمنحه ميزة على نماذج اللغات الكبيرة الأخرى. نظرًا لأنه يعرف فئات وحدة Divi ومخرجات HTML، فيمكنه تفسير الطلبات الغامضة بشكل أفضل والتعرف على مصطلحات Divi ضمن مطالباتك.

على سبيل المثال، في الفيديو أدناه، أطلب من Divi Code AI كتابة بعض CSS لتخصيص مظهر وحدات Blurb و Button الخاصة بي. إنه يفهم بشكل حدسي ماهية Blurb و Button ويستهدف الفئات الصحيحة بدقة، مما يؤدي إلى تثبيت طلب التخصيص الخاص بي في المحاولة الأولى.

إجراءات سريعة مريحة للترميز

يأتي Divi Code AI مع إجراءات سريعة مريحة يمكنك استخدامها لتحسين التعليمات البرمجية. تحسين وتنسيق وتحسين التوافق مع المتصفحات القديمة تلقائيًا بنقرة واحدة.

يمكنك أيضًا استخدام Divi AI لتغيير التعليمات البرمجية باستخدام موجه، مما يفتح إمكانيات غير محدودة.

أنشئ مكتبة مقتطفات التعليمات البرمجية الخاصة بك في السحابة

تعمل حقول كود Divi مع Divi Cloud، مما يعني أنه يمكنك حفظ مقتطفات التعليمات البرمجية التي تم إنشاؤها بواسطة الذكاء الاصطناعي في السحابة لاستخدامها على أي موقع ويب. إنها طريقة رائعة لإنشاء مكتبة مفيدة جدًا من مقتطفات التعليمات البرمجية.

إقران البرنامج بمساعدة الذكاء الاصطناعي

إن Divi AI ليس مثاليًا، ولكن حتى عندما تخطئ الأمور، يمكنك مواصلة المحادثة وإقران البرنامج مع الذكاء الاصطناعي للتركيز على النتيجة المرجوة. يمكنك أيضًا أن تطلب من Divi AI "إعادة المحاولة". في كل مرة تحاول مرة أخرى، ستنتج نتيجة مختلفة قليلاً، وغالبًا ما تتعثر في الحل المطلوب بعد عدة محاولات.

حتى لو كان لديك فهم أساسي لتطوير الويب، يمكنك الاستفادة من Divi AI لتخصيص موقع الويب الخاص بك بسرعة أكبر أو تحقيق نتائج محددة لم تكن ممكنة من قبل دون الاستعانة بخبير.

المزيد من ميزات الذكاء الاصطناعي في الطريق

لقد بدأنا للتو في استخدام ميزات Divi للذكاء الاصطناعي. يمكن لـ Divi AI الآن إنشاء الصور وكتابة المحتوى وتخصيص موقع الويب الخاص بك باستخدام رمز مخصص. بعد ذلك، سوف نقوم بدمج كل هذه الأدوات لتسهيل إنشاء التخطيط الكامل! تأكد من المتابعة والاشتراك حتى لا تفوت تحديثاتي المستقبلية. أقوم دائمًا بإلقاء نظرة تفصيلية على كل ميزة جديدة، لذلك إذا قمت بتشغيل مواقع الويب الخاصة بك على Divi، فلن ترغب في تفويت هذه المنشورات!

احصل على خصم 40% على Divi AI لمدة أسبوع واحد فقط!

للاحتفال بإطلاق Divi Code AI، نقدم خصمًا بنسبة 40% على Divi AI للأسبوع المقبل. أي شخص يشتري Divi AI قبل انتهاء البيع سيوفر 115 دولارًا سنويًا ويحتفظ بهذه المدخرات مدى الحياة! بالإضافة إلى ذلك، يمكن لجميع أعضاء فريقك استخدام Divi AI دون أي تكلفة إضافية. احصل على الخصم هنا