ขอแนะนำ Divi Code AI ผู้ช่วยการเข้ารหัส Divi ส่วนตัวของคุณ

เผยแพร่แล้ว: 2023-10-20

วันนี้ เรารู้สึกตื่นเต้นที่จะเปิดตัว Divi Code AI ซึ่งเป็นแขนใหม่ของชุดเครื่องมือ Divi AI ที่สามารถเขียนโค้ด สร้าง CSS และช่วยปรับแต่งเว็บไซต์ Divi ของคุณภายใน Visual Builder มันเหมือนกับการมีนักพัฒนาเว็บส่วนหน้าที่เชี่ยวชาญอยู่เคียงข้างคุณเสมอ ซึ่งรู้รายละเอียดทุกประการของโมดูล Divi ทุกตัว!

รับ Divi AI วันนี้

ปรับแต่งเว็บไซต์ของคุณด้วยโค้ดที่สร้างโดย AI

คุณจะสังเกตเห็นไอคอน AI ใหม่ด้านล่างช่องรหัสของ Divi คลิกที่ไอคอน บอก Divi AI ว่าคุณต้องการให้ทำอะไร และจะตอบสนองอย่างเหมาะสม ทั้งนี้ขึ้นอยู่กับองค์ประกอบที่คุณกำลังปรับแต่งและประเภทของฟิลด์ที่คุณกำลังแก้ไข

ตัวอย่างเช่น หากฉันต้องการเพิ่มข้อความไล่ระดับสีลงในส่วนหัวซึ่ง Divi ไม่มีตัวเลือกการออกแบบ ฉันสามารถขอให้ Divi AI เขียน CSS ให้ฉันได้ ภายในไม่กี่วินาที ส่วนหัวของฉันก็มีการไล่ระดับสีที่สวยงาม

ฉันยังสามารถสนทนาต่อกับ Divi AI และปรับแต่งผลลัพธ์ได้ ในตัวอย่างวิดีโอด้านล่าง ฉันคิดว่าการไล่ระดับสีดั้งเดิมนั้นบอบบางเกินไป ฉันจึงขอให้ Divi AI ทำให้มันมีชีวิตชีวามากขึ้น ตอนนี้มันดูสมบูรณ์แบบแล้ว!

สร้างองค์ประกอบที่กำหนดเองโดยสมบูรณ์

โมดูลโค้ดเป็นที่ที่ Divi Code AI โดดเด่นเพราะสามารถทำทุกอย่างที่คุณต้องการด้วย HTML, CSS และ JavaScript ฉันสามารถขอให้ Divi AI สร้างป๊อปอัปที่ปรากฏขึ้นหลังจากผ่านไป 30 วินาทีและเชิญผู้ใช้ให้เข้าร่วมจดหมายข่าวของฉัน ฉันยังสามารถอธิบายได้ว่าป๊อปอัปควรมีลักษณะอย่างไร Divi AI สร้างโค้ดภายในไม่กี่วินาที และฉันมีป๊อปอัปที่สวยงามบนเว็บไซต์ของฉันซึ่งจะดึงดูดความสนใจของผู้เยี่ยมชม

Divi AI สามารถทำทุกสิ่งได้ด้วยโมดูลโค้ด ลองเพิ่มเอฟเฟกต์การพิมพ์ให้กับส่วนหัวในฮีโร่ของฉันหรือเปลี่ยนส่วน Divi ให้เป็นแถบด้านข้างแบบลอยที่ปิดได้ เมื่อคุณคุ้นเคยกับ Divi AI แล้ว มันจะเปิดขอบเขตใหม่ของความเป็นไปได้

ขอแนะนำตัวเลือก CSS แบบฟรีฟอร์มสำหรับทุกโมดูล

เราได้เปิดตัวตัวเลือก CSS ที่มีรูปแบบอิสระให้กับโมดูล Divi ทั้งหมด ซึ่งช่วยให้คุณสามารถจัดสไตล์โมดูลปัจจุบันและองค์ประกอบย่อยใดๆ ได้โดยใช้คลาสหลอก “selector” ตัวอย่างเช่น หากคุณต้องการเพิ่มเงาของกล่องให้กับโมดูล 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 ที่สร้างโดย AI

การใช้ประโยชน์จาก Divi Code AI ภายในฟิลด์ CSS แบบฟรีฟอร์มใหม่นั้นยอดเยี่ยมมาก! ในตัวอย่างวิดีโอด้านล่าง ฉันขอให้ Divi AI ดำเนินการปรับแต่งชุดต่างๆ ฉันขอให้เปลี่ยนรูปร่างของภาพเป็นวงกลม เพิ่มเงาของกล่อง สร้างการไล่ระดับสีแบบกึ่งโปร่งใสที่ด้านบนของภาพ และใช้ภาพเคลื่อนไหวแบบซูมเข้าเมื่อวางเมาส์เหนือ

เนื่องจาก Divi AI รู้โครงสร้างและคลาสของโมดูล Divi ทุกโมดูล และเนื่องจากเป็นผู้เชี่ยวชาญ CSS จึงมักจะสามารถทำงานที่ท้าทายเหล่านี้ให้สำเร็จได้ในครั้งแรกหรืออย่างน้อยก็อยู่ในระยะการยิงของโซลูชันที่เหมาะสม

Divi Code AI ได้รับการปรับแต่งอย่างดีบน Divi Codebase

สิ่งหนึ่งที่ทำให้ Divi Code AI พิเศษคือได้รับการปรับแต่งอย่างละเอียดบนโค้ดเบสของโมดูล Divi ทำให้ได้เปรียบเหนือโมเดลภาษาขนาดใหญ่อื่นๆ เนื่องจากทราบคลาสโมดูล Divi และเอาต์พุต HTML จึงสามารถตีความคำขอที่คลุมเครือได้ดีขึ้นและจดจำคำศัพท์เฉพาะทางของ Divi ภายในข้อความแจ้งของคุณ

ตัวอย่างเช่น ในวิดีโอด้านล่าง ฉันขอให้ Divi Code AI เขียน CSS บางส่วนเพื่อปรับแต่งรูปลักษณ์ของโมดูล Blurb และ Button ของฉัน มันเข้าใจอย่างสัญชาตญาณว่า Blurb และ Button คืออะไร และกำหนดเป้าหมายคลาสที่ถูกต้องได้อย่างแม่นยำ ตอบสนองคำขอปรับแต่งของฉันตั้งแต่ครั้งแรกที่ลอง

การดำเนินการที่รวดเร็วในการเขียนโค้ดที่สะดวก

Divi Code AI มาพร้อมกับการดำเนินการด่วนที่สะดวกสบายที่คุณสามารถใช้เพื่อปรับแต่งโค้ด เพิ่มประสิทธิภาพ จัดรูปแบบ และปรับปรุงความเข้ากันได้กับเบราว์เซอร์รุ่นเก่าโดยอัตโนมัติด้วยการคลิกเพียงครั้งเดียว

คุณยังสามารถใช้ Divi AI เพื่อแก้ไขโค้ดโดยใช้พร้อมท์ ซึ่งเปิดโอกาสที่เป็นไปได้ไม่จำกัด

สร้างไลบรารี่โค้ดของคุณในคลาวด์

ช่องโค้ดของ Divi ทำงานร่วมกับ Divi Cloud ซึ่งหมายความว่าคุณสามารถบันทึกข้อมูลโค้ดที่สร้างโดย AI ลงในคลาวด์เพื่อใช้บนเว็บไซต์ใดก็ได้ เป็นวิธีที่ดีในการสร้างไลบรารีโค้ดที่มีประโยชน์อย่างยิ่ง

โปรแกรมจับคู่ด้วยความช่วยเหลือของ AI

Divi AI ไม่ได้สมบูรณ์แบบ แต่ถึงแม้จะเกิดข้อผิดพลาด คุณก็สามารถสนทนาต่อและจับคู่โปรแกรมกับ AI เพื่อฝึกฝนผลลัพธ์ที่คุณต้องการได้ คุณยังสามารถขอให้ Divi AI “ลองอีกครั้ง” ได้ แต่ละครั้งที่ลองอีกครั้ง ผลลัพธ์ที่ได้จะแตกต่างออกไปเล็กน้อย ซึ่งมักจะสะดุดกับวิธีแก้ปัญหาที่คุณต้องการหลังจากพยายามไม่กี่ครั้ง

แม้ว่าคุณจะมีความเข้าใจพื้นฐานเกี่ยวกับการพัฒนาเว็บไซต์ แต่คุณก็สามารถใช้ประโยชน์จาก Divi AI เพื่อปรับแต่งเว็บไซต์ของคุณได้รวดเร็วยิ่งขึ้นหรือบรรลุผลลัพธ์เฉพาะที่ไม่เคยเกิดขึ้นมาก่อนโดยไม่ต้องจ้างผู้เชี่ยวชาญ

ฟีเจอร์ AI เพิ่มเติมกำลังอยู่ในระหว่างดำเนินการ

เราเพิ่งเริ่มต้นใช้งานฟีเจอร์ AI ของ Divi Divi AI สามารถสร้างรูปภาพ เขียนเนื้อหา และปรับแต่งเว็บไซต์ของคุณโดยใช้โค้ดที่กำหนดเองได้แล้ว ต่อไป เราจะรวมเครื่องมือเหล่านี้ทั้งหมดเข้าด้วยกันเพื่ออำนวยความสะดวกในการสร้างเลย์เอาต์เต็มรูปแบบ! อย่าลืมติดตามและสมัครรับข้อมูลเพื่อไม่ให้พลาดการอัพเดตในอนาคตของฉัน ฉันมักจะให้รายละเอียดเกี่ยวกับคุณสมบัติใหม่แต่ละอย่างเสมอ ดังนั้นหากคุณใช้งานเว็บไซต์ของคุณบน Divi คุณคงไม่อยากพลาดโพสต์เหล่านี้!

รับส่วนลด 40% Divi AI เป็นเวลาหนึ่งสัปดาห์เท่านั้น!

เพื่อเป็นการเฉลิมฉลองการเปิดตัว Divi Code AI เราขอเสนอส่วนลด 40% สำหรับ Divi AI ในสัปดาห์หน้า ใครก็ตามที่ซื้อ Divi AI ก่อนสิ้นสุดการขายจะ ประหยัดเงินได้ $115 ต่อปี และล็อคเงินออมเหล่านั้นไว้ตลอดชีวิต! นอกจากนี้ สมาชิกในทีมของคุณทุกคนสามารถใช้ Divi AI ได้โดยไม่มีค่าใช้จ่ายเพิ่มเติม รับส่วนลดได้ที่นี่