Divi Code AI - ผู้ช่วยเขียนโค้ดส่วนตัวของคุณใน Divi

Rifat Dec 14, 2023

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

ปรับแต่งเว็บไซต์ด้วยการเข้ารหัส AI

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

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

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

สร้างเว็บไซต์ที่น่าทึ่ง

ด้วย Elementor ตัวสร้างหน้าฟรีที่ดีที่สุด

เริ่มเลย

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

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

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

ตัวเลือก CSS แบบฟอร์มฟรีสำหรับโมดูลทั้งหมด

พวกเขาได้นำการปรับปรุงที่โดดเด่นไปใช้กับโมดูล Divi ทั้งหมด ซึ่งเป็นฟีเจอร์ CSS แบบฟรีฟอร์มที่ให้ผู้ใช้สามารถจัดสไตล์โมดูลที่อยู่ในโฟกัสและองค์ประกอบพื้นฐานใดๆ โดยใช้คลาสหลอก "selector" ตัวอย่างเช่น เมื่อแก้ไขโมดูล Blurb คุณสามารถใช้เงาของกล่องและปรับแต่งรูปลักษณ์ขององค์ประกอบ IMG และ H3 ได้อย่างง่ายดายโดยการสร้างกฎ CSS ดังตัวอย่างด้านล่าง:

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 Codebase

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

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

การเข้ารหัสที่สะดวก

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

ไลบรารีตัวอย่างโค้ดบนคลาวด์

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

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

ห่อ

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

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

Divi WordPress Theme