Divi Layouts AI: คู่มือฉบับสมบูรณ์

เผยแพร่แล้ว: 2024-04-29

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

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

มาดำดิ่งกัน

สารบัญ
  • 1 Divi Layouts AI คืออะไร?
  • 2 AI เลย์เอาต์ Divi ทำงานอย่างไร
  • 3 การสร้างเว็บเพจที่สมบูรณ์ด้วย Divi Layouts AI
    • 3.1 ขั้นตอนที่ 1: การซื้อ Divi Layouts AI
    • 3.2 ขั้นตอนที่ 2: สร้างเพจใหม่
    • 3.3 ขั้นตอนที่ 3: ให้ข้อมูล Divi Layouts AI เพื่อสร้างเว็บเพจ
    • 3.4 ขั้นตอนที่ 4: การใช้ Divi Layouts AI เพื่อสร้างเพจของคุณ
    • 3.5 ขั้นตอนที่ 5: การปรับแต่งและปรับแต่งอย่างละเอียด
    • 3.6 ขั้นตอนที่ 6: บันทึกหน้าเว็บของคุณ
  • ตัวอย่าง AI เค้าโครง Divi 4 แบบ
  • 5 ประโยชน์ของการใช้ Divi Layouts AI คืออะไร
  • 6 Divi Layouts AI จะปฏิวัติวิธีการใช้งาน Divi ของคุณ
  • 7 คำถามที่ถูกถามบ่อย

Divi เลย์เอาต์ AI คืออะไร?

Divi เค้าโครง AI

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

รับ Divi AI

AI เลย์เอาต์ Divi ทำงานอย่างไร

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

ตัวเลือกเค้าโครง Divi AI

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

การสร้างเว็บเพจที่สมบูรณ์ด้วย Divi Layouts AI

ในการเริ่มต้นใช้งาน Divi Layouts AI คุณต้องซื้อการเป็นสมาชิก Elegant Themes พร้อมกับ Divi AI หากคุณเป็นสมาชิกอยู่แล้ว คุณสามารถข้ามขั้นตอนสมัครสมาชิกและซื้อ Divi AI แยกต่างหากได้ มีให้บริการในราคา $17.04 ต่อเดือน (หากชำระเป็นรายเดือน) หรือ $153 ต่อปี

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

ขั้นตอนที่ 1: การซื้อ Divi Layouts AI

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

รับ Divi เลย์เอาต์ AI

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

สมาชิกธีมที่หรูหรา

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

ซื้อ Divi AI

ดำเนินการซื้อให้เสร็จสิ้นโดยป้อนข้อมูลบัตรเครดิตของคุณ หรือหากคุณมีบัตรอยู่ในไฟล์ เพียงคลิกปุ่ม PURCHASE DIVI AI

ดำเนินการซื้อ Divi AI ให้เสร็จสมบูรณ์

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

คู่มือ AI เลย์เอาต์ Divi

เมื่อเพจรีเฟรช ให้เลื่อนลงและคลิกปุ่ม สร้างคีย์ API ใหม่ (1) เมื่อคุณสร้างคีย์แล้ว การติดป้ายกำกับจะเป็นประโยชน์ (2) แนวทางปฏิบัตินี้มีประโยชน์อย่างยิ่งหากคุณต้องการสร้างเว็บไซต์ Divi หลายแห่ง

สร้างคีย์ API

คลิกที่ปุ่มเพื่อคัดลอก คุณจะต้องเปิดใช้งาน Divi AI ในแผงตัวเลือกธีม Divi ไปที่การติดตั้ง WordPress ของคุณ เข้าสู่ระบบ และไปที่ Divi > ตัวเลือกธีม > อัปเดต

คู่มือ AI เค้าโครง Divi

ป้อนชื่อผู้ใช้และคีย์ API ที่คุณคัดลอก แล้วคลิกปุ่ม บันทึกการเปลี่ยนแปลง เพื่อบันทึก

บันทึกคีย์ API

ขั้นตอนที่ 2: สร้างหน้าใหม่

เมื่อคุณเพิ่มคีย์ API แล้ว คุณสามารถใช้ Divi AI เพื่อสร้างเว็บเพจได้ เริ่มต้นด้วยการเพิ่มหน้าใหม่ลงในเว็บไซต์ WordPress ของคุณ ไปที่ เพจ > เพิ่มเพจใหม่

เพิ่มหน้าเวิร์ดเพรส

เมื่อเพจรีเฟรช ให้ตั้งชื่อเพจของคุณ (1) แล้วคลิกปุ่ม Use Divi Builder (2)

คู่มือ AI เค้าโครง Divi

คุณจะมีสามตัวเลือกให้เลือก คุณสามารถสร้างเพจตั้งแต่เริ่มต้น เลือกเค้าโครงที่สร้างไว้ล่วงหน้า หรือสร้างด้วย AI เลือก สร้างด้วย AI และคลิก สร้างเค้าโครง

สร้างด้วย AI

ขั้นตอนที่ 3: ให้ข้อมูล Divi Layouts AI เพื่อสร้างเว็บเพจ

เราจะแนะนำคุณผ่านอินเทอร์เฟซในส่วนนี้ของคู่มือ Divi Layouts AI ของเรา เมื่อโหลดเพจครั้งแรก กล่องโต้ตอบจะปรากฏขึ้น นี่คือที่ที่คุณจะอธิบายประเภทของเพจที่คุณต้องการสร้าง (1) แม้ว่าจะเป็นทางเลือก แต่การให้ Divi Layouts AI พร้อมบริบทให้มากที่สุดก็เป็นความคิดที่ดี คุณสามารถป้อนพันธกิจและคุณค่าที่นำเสนอหรือเพียงเขียนคำอธิบายสั้น ๆ เกี่ยวกับเว็บไซต์ของคุณ (2) คุณยังสามารถระบุแบบอักษรและสีให้ตรงกับแบรนด์ของบริษัทของคุณได้ (3)

ตัวเลือกคำแนะนำ Divi Layouts AI

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

เพื่อให้สิ่งต่างๆ ง่ายขึ้นสำหรับคุณ ต่อไปนี้เป็นเคล็ดลับสั้นๆ ที่ควรปฏิบัติตามเพื่อสร้างข้อความเตือนที่สมบูรณ์แบบ:

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

ขั้นตอนที่ 4: การใช้ Divi Layouts AI เพื่อสร้างเพจของคุณ

เมื่อคุณเข้าใจแล้วว่า Divi Layouts AI คืออะไร และทำอะไรได้บ้าง ขั้นตอนต่อไปคือการเริ่มกระบวนการสร้างเพจ สำหรับบทช่วยสอนนี้ เราจะขอให้ Divi สร้างเลย์เอาต์สำหรับธุรกิจเลี้ยงสัตว์เลี้ยง ในฟิลด์แรก ให้ป้อนข้อความต่อไปนี้: สร้างแลนดิ้งเพจสำหรับธุรกิจดูแลสัตว์เลี้ยงชนิดพิเศษ ชื่อของบริษัทคือ Critter Cravings และมุ่งเน้นที่ส่วนผสมจากธรรมชาติทั้งหมด

คำอธิบาย AI ของเค้าโครง Divi

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

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

ขนมของเราปราศจากสารปรุงแต่ง สารกันบูด และสารตัวเติมสังเคราะห์ ทำให้ขนมเหล่านี้เป็นทางเลือกที่ดีสำหรับสัตว์เลี้ยงทุกรูปทรงและขนาด ที่ Critter Cravings เราเชื่อว่าสัตว์เลี้ยงทุกตัวสมควรได้รับความเอาใจใส่เล็กๆ น้อยๆ และเราภาคภูมิใจในการมอบขนมที่เจ้าของสามารถไว้วางใจได้และสัตว์เลี้ยงจะชื่นชอบ

ช่องเสริม Divi Layouts AI

ภายใต้ กำหนดแบบอักษรและสีเอง คุณสามารถระบุแบบอักษรและสีที่คุณต้องการใช้ในเว็บเพจของคุณได้ เราจะเลือก Lato สำหรับแบบอักษรพาดหัว (1) และ Open Sans สำหรับแบบอักษรเนื้อหา (2) สำหรับสี ให้เลือกกำหนดเองจากรายการแบบเลื่อนลง (3) ใช้ #000000 สำหรับส่วนหัวและแบบอักษรเนื้อหา และเลือก #F3764D และ #6baaae สำหรับสีหลักและสีรอง (4) สุดท้าย คลิก สร้างเค้าโครง เพื่อสร้างหน้าเว็บของคุณ (5)

แบบอักษรและสีของ Divi Layout AI

Divi AI จะสร้างโครงร่างเมื่อคลิกสร้าง ใช้แบบอักษรและสีของคุณ และสร้างข้อความและรูปภาพ

สร้างเค้าโครงด้วย Divi AI

ขั้นตอนที่ 5: การปรับแต่งและปรับแต่งอย่างละเอียด

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

การสร้างภาพด้วย Divi AI

เริ่มต้นด้วยการสร้างภาพใหม่สำหรับส่วนฮีโร่ของเรา วางเมาส์เหนือรูปภาพหลักแล้วคลิก ไอคอนการตั้งค่าสีเทา เพื่อเปิดการตั้งค่าโมดูลรูปภาพ

แก้ไขโมดูลรูปภาพ Divi

เมื่อป๊อปอัปของโมดูลทำงานอยู่ ให้วางเมาส์เหนือตัวอย่างรูปภาพแล้วคลิก ปุ่ม AI

แทนที่รูปภาพ - คู่มือ Divi Layouts AI

ซึ่งจะมีตัวเลือกมากมาย: สร้างด้วย AI แก้ไขด้วย AI (ซึ่งคุณสามารถแก้ไข ขยายและเติม ขยายขนาด หรือปรับปรุงรูปภาพของคุณ) สร้างและแทนที่รูปภาพ เปลี่ยนสไตล์ของรูปภาพ หรือขยายขนาดรูปภาพของคุณ มาเลือก สร้างและแทนที่

แต่งภาพด้วย Divi AI

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

สไตล์ภาพ Divi AI

สำหรับคำแนะนำ Divi Layouts AI นี้ เราจะเลือก รูปภาพ สำหรับสไตล์ (1) เพิ่มคำอธิบายสั้นๆ (2) เลือกอัตราส่วนภาพแนวนอน (3) และคลิก สร้าง (4) เพื่อความรวดเร็ว เราใช้ รูปถ่ายของสุนัขที่น่ารักและภักดี ดวงตาของเขาเป็นประกายด้วยความคาดหวังในขณะที่เขาลิ้มรสอาหารอบที่ชุ่มฉ่ำและละลายในปากแต่ละคำ คุณสามารถระบุรายละเอียดได้มากเท่าที่คุณต้องการ โดยมีความยาวได้สูงสุด 200 อักขระ หากคุณพบว่าตัวเองกำลังดิ้นรนเพื่อหาคำตอบ ลองดูโพสต์ของเราเกี่ยวกับตัวสร้างพรอมต์ AI ที่ดีที่สุดเพื่อช่วยคุณในการคิดไอเดียต่างๆ

พรอมต์ Divi AI

เมื่อ Divi AI สร้างภาพ 4 ภาพ เราสามารถคลิกที่ภาพเดียวแล้วเลือก ใช้ภาพนี้ (1) เพื่อแทรกภาพลงในโมดูล คุณยังสามารถสร้างเพิ่มอีกสี่ (2) แก้ไขรูปภาพโดยสร้างเพิ่มเติมเหมือนกับที่เลือก (3) หรือป้อนคำอธิบายใหม่ (4) เพื่อเริ่มต้นใหม่

แก้ไขรูปภาพ Divi AI

ปรับแต่งข้อความด้วย Divi AI

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

แก้ไขข้อความด้วย Divi AI

คลิก ปุ่ม AI ภายในโมดูลข้อความเพื่อเปิดตัวเลือก AI

ตัวเลือก Divi AI

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

แก้ไขข้อความด้วย Divi AI

มาเลือก ปรับปรุงด้วย AI สำหรับคู่มือ AI ของ Divi Layouts นี้ กล่องโต้ตอบจะปรากฏขึ้น เพื่อให้คุณสามารถเลือกประเภทเนื้อหา (1) สิ่งที่คุณเขียนเกี่ยวกับ (2) และไม่ว่าคุณจะต้องการให้ Divi AI ใช้บริบทเพิ่มเติมจากเนื้อหาของหน้าหรือไม่ (3) คุณยังสามารถคลิก ปุ่ม AI (4) เพื่อให้ Divi AI สร้างข้อความแจ้งให้คุณ

เขียนด้วย Divi AI

ไม่ว่าคุณต้องการสร้างเนื้อหาประเภทใด Divi AI ก็สามารถจัดการได้

การสร้างโค้ดด้วย Divi AI

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

หากต้องการเริ่มใช้ Divi AI สำหรับการเขียนโค้ด เพียงเปิดการตั้งค่าของโมดูล ไปที่ แท็บขั้นสูง (1) เปิดดรอปดาวน์ CSS แบบกำหนดเอง (2) แล้วคลิก ปุ่ม AI (3)

Divi AI สร้างโค้ด

เมื่อกล่องโต้ตอบปรากฏขึ้น เพียงพิมพ์เอฟเฟกต์ที่คุณต้องการสร้าง (1) แล้วคลิกปุ่ม สร้างโค้ด (2) ในตัวอย่างของเรา เราจะใช้ข้อความแจ้ง เพื่อให้พาดหัวมีเอฟเฟกต์เครื่องพิมพ์ดีด

พรอมต์รหัส Divi AI

Divi AI จะสร้างและใช้โค้ดที่มีตัวเลือกและเพิ่มลงในฟิลด์ CSS แบบอิสระ คลิกปุ่ม ใช้รหัสนี้ เพื่อติดตั้งโค้ด

สร้างโค้ดด้วย Divi AI

ขั้นตอนที่ 6: บันทึกหน้าเว็บของคุณ

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

คู่มือ AI เค้าโครง Divi

คุณสามารถบันทึกเพจเป็นแบบร่างหรือเผยแพร่โดยใช้ปุ่มที่เกี่ยวข้องที่ด้านล่างขวาของหน้าจอ

บันทึกหน้า Divi

ต่อไปนี้คือรูปลักษณ์สุดท้ายสำหรับเค้าโครงของเราหลังจากสร้างเค้าโครงและทำการแก้ไขเล็กน้อย:

ตัวอย่าง AI เค้าโครง Divi

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

Divi Layouts AI แนะนำการเช่าสโนว์โมบิล

พร้อมท์: สร้างแลนดิ้งเพจที่มีการเช่าสโนว์โมบิล แพ็คเกจ และประสบการณ์ต่างๆ ใช้สโนว์โมบิลสีสันสดใส พื้นหลังภูเขา และหิมะสีขาวนุ่มฟู

หน้าติดต่อ Power Washing

พร้อมท์: สร้างหน้าติดต่อสำหรับธุรกิจซักล้างด้วยไฟฟ้า ใส่แผนที่ ส่วนฮีโร่พร้อมภาพพื้นหลัง และข้อความแจ้งโทรศัพท์ อีเมล และที่อยู่ 3 รายการ

เพจร้านขายต้นไม้

พร้อมท์: สร้างเพจร้านค้าสำหรับเรือนเพาะชำต้นไม้ รวมส่วนบริการ แบบฟอร์มติดต่อ ส่วนผลิตภัณฑ์เด่นพร้อมราคา และส่วนหลักที่ดึงดูดสายตาพร้อมภาพพื้นหลังที่มีชีวิตชีวา รวมข้อความประกาศเกี่ยวกับการจัดส่งฟรี กิจกรรมการขายที่กำลังจะมีขึ้น และอีกหนึ่งรายการสำหรับโรงงานประจำเดือนนั้น

หน้าบริการรักษาความปลอดภัยทางไซเบอร์

พร้อมท์: สร้างหน้าเกี่ยวกับสำหรับบริษัทที่ให้บริการด้านไอที รวมส่วนที่สรุปบริการ คุณค่าที่นำเสนอ พันธกิจ และแบบฟอร์มติดต่อ รวมถึงการสมัครรับจดหมายข่าวในส่วนท้ายด้วย เพิ่มส่วนหลักขนาดใหญ่พร้อมภาพพื้นหลังและพาดหัวพร้อมคำหลัก “ความปลอดภัยทางไซเบอร์”

พร้อมท์: สร้างแลนดิ้งเพจสำหรับห้องออกกำลังกายในบริเวณใกล้เคียง รวมข้อเสนอสำหรับสมาชิกใหม่ในฮีโร่ พร้อมด้วยรูปภาพอุปกรณ์ออกกำลังกาย รวมถึงส่วน “เกี่ยวกับเรา” แสดงรายการบริการแต่ละรายการ และรวมถึงแบบฟอร์มสมัครรับจดหมายข่าว

หน้าเมนูร้านอาหาร Divi Layouts AI

พร้อมท์: สร้างหน้าเมนูสำหรับร้านเบอร์เกอร์ รวมรูปภาพอาหารอร่อย เมนู ส่วนการสั่งอาหารออนไลน์ และส่วนท้ายพร้อมการสมัครรับจดหมายข่าว

หน้า Landing Page ของหลักสูตรออนไลน์

Prompt: สร้างหน้าหลักสูตรการเรียนรู้ออนไลน์ จัดแสดง 6 คลาสสำหรับการออกแบบกราฟิก การออกแบบเว็บไซต์ การพัฒนาเว็บ การพัฒนาแอป การสร้างต้นแบบ และ UX/UI นอกจากนี้ยังแสดงราคาสำหรับแต่ละคลาส ฮีโร่พร้อมภาพพื้นหลังและแบบฟอร์มลงชื่อเข้าใช้สำหรับผู้ใช้ที่ลงทะเบียน

คู่มือ AI เค้าโครง Divi

พร้อมท์: สร้างแลนดิ้งเพจสำหรับธุรกิจซ่อมรถยนต์ ทำให้ธีมมืดลงด้วยสีแดงโดดเด่น รวมส่วนหลักที่มีภาพพื้นหลังขาวดำของรถยนต์ พาดหัวขนาดใหญ่พร้อมคำหลัก "ซ่อมรถยนต์" และแกลเลอรีรูปภาพ รวมถึงส่วนบริการ ส่วนสิ่งที่เราทำ และส่วนคำกระตุ้นการตัดสินใจ

ประโยชน์ของการใช้ Divi Layouts AI คืออะไร

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

AI เค้าโครง Divi จะปฏิวัติวิธีการใช้งาน Divi ของคุณ

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

รับ Divi AI

คำถามที่พบบ่อย

Divi AI คืออะไร และมันทำอะไรได้บ้าง?
Divi AI คือชุดเครื่องมือที่สร้างขึ้นเพื่อทำงานกับ Divi โดยเฉพาะ ช่วยให้ผู้ใช้สร้างรูปภาพ ข้อความ โค้ด และเว็บไซต์แบบเต็ม มันยังใช้งานได้กับ Theme Builder ดังนั้นคุณจึงสามารถออกแบบทุกแง่มุมของเว็บไซต์ของคุณได้อย่างแท้จริง รวมถึงส่วนหัวและส่วนท้ายด้วยข้อความแจ้ง
Divi AI สร้างเนื้อหาที่เหมาะกับเว็บไซต์ของฉันได้อย่างไร
Divi AI กำลังฝึกอบรมชุดข้อมูลขนาดใหญ่ของเว็บไซต์และโค้ด Divi สิ่งนี้ทำให้เข้าใจโครงสร้างโดยรวมของเว็บไซต์ Divi เมื่อคุณใช้ Divi AI ระบบจะวิเคราะห์เนื้อหาของเว็บไซต์เฉพาะของคุณ รวมถึงชื่อเว็บไซต์ สโลแกน และคำอธิบาย และสร้างเนื้อหาที่ตรงกับเอกลักษณ์ของแบรนด์ของคุณ
Divi AI ใช้งานยากไหม?
เลขที่! Divi AI ได้รับการออกแบบให้ใช้งานง่าย โดยจะผสานรวมเข้ากับ Visual Builder โดยตรง ดังนั้นคุณไม่จำเป็นต้องเรียนรู้ซอฟต์แวร์ใหม่ใดๆ คุณเพียงแค่ระบุคำอธิบายและคำแนะนำที่เป็นข้อความ จากนั้น Divi AI จะสร้างข้อความ โค้ด รูปภาพ และเลย์เอาต์ให้กับคุณ
อะไรคือข้อดีของ Divi AI ที่เหนือกว่าเครื่องมือสร้างเนื้อหา AI อื่นๆ
ต่างจากเครื่องมือ AI ทั่วไปบางประเภท Divi AI ได้รับการออกแบบมาโดยเฉพาะสำหรับผู้ใช้ Divi ซึ่งหมายความว่าเข้าใจเทคโนโลยีและฐานโค้ดของ Divi ทำให้สามารถสร้างเนื้อหาที่เกี่ยวข้องและถูกต้องมากขึ้น นอกจากนี้ Divi AI ยังมีฟีเจอร์ต่างๆ เช่น การปรับแต่งรูปภาพและการแก้ไข CSS ที่ขับเคลื่อนโดย AI ซึ่งไม่พบทั่วไปในเครื่องมือสร้างเนื้อหาอื่นๆ
Divi AI ใช้งานได้ฟรีหรือไม่?
Divi AI ไม่ใช่ผลิตภัณฑ์แบบตั้งพื้น มีให้ใช้งานเป็นส่วนเสริมสำหรับการสมัครสมาชิก Elegant Themes ของคุณ อย่างไรก็ตาม ผู้ใช้ใหม่สามารถทดลองใช้ Divi AI ได้ฟรีก่อนสมัคร