สร้างดีไซน์แบบอินเทอร์แอคทีฟด้วยรหัส Canva

Canva โค้ดดิ้งช่วยให้คุณสร้างดีไซน์แบบอินเทอร์แอ็คทีฟที่ตอบสนองได้ทันใจ โดยไม่ต้องเขียนโค้ดให้เอง คุณสามารถใช้ Canva โค้ดดิ้งได้สองวิธี:

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

ใช้ ดีไซน์โค้ดดิ้ง เมื่อคุณต้องการสร้างประสบการณ์เชิงโต้ตอบที่สมบูรณ์แบบ

• สร้างแลนดิ้งเพจ แดชบอร์ด พอร์ตโฟลิโอ และอีกมากมาย
• แก้ไขและปรับแต่งในเครื่องมือแก้ไข Canva
• เผยแพร่เป็นเว็บไซต์ที่รองรับทุกหน้าจอ

จากนั้นไปที่ Canva AI โค้ด เมื่อคุณต้องการสร้างองค์ประกอบที่โต้ตอบได้เพียงองค์ประกอบเดียว

• สร้างควิซ คำนวณ ชาร์ต และอื่นๆ เป็นองค์ประกอบ
• เพิ่มไปที่พรีเซนเทชั่น ไวท์บอร์ด หรือดีไซน์อื่นๆ เผยแพร่เป็นเว็บไซต์หรือนำองค์ประกอบมาใช้ซ้ำในดีไซน์ต่างๆ

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

เลือก

หมายเหตุ: การโต้ตอบจะใช้ได้เมื่อมีการดูดีไซน์บน Canva หรือเผยแพร่เป็นเว็บไซต์

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

หมายเหตุ: การดำเนินการต่อกับพร็อมพต์ภายในแชทเดียวกัน จะสร้างเวอร์ชั่นใหม่โดยอัตโนมัติ

1. เปิดเธรดแชท Canva โค้ดดิ้ง
2. เลือกเวอร์ชั่นที่คุณต้องการใช้
3. เลือก ใช้ในดีไซน์ เพื่อดำเนินการแก้ไขเวอร์ชั่นนั้นใน Canva ต่อไป

คุณสามารถดูโค้ดด้านล่างที่สร้างโดย Canva โค้ดดิ้ง และคัดลอกเพื่อนำกลับมาใช้ใหม่นอก Canva ได้

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

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

• "โปรดลดความซับซ้อนของเว็บไซต์นี้และลดวิดเจ็ต/องค์ประกอบที่มีขนาดใหญ่เกินไปเพื่อให้สามารถเผยแพร่ใน Canva ได้"
• "โปรดแบ่งสิ่งนี้เป็นเว็บไซต์/หน้าที่สามารถเผยแพร่ได้ที่มีขนาดเล็กกว่าสองแห่ง"

หลังจาก Canva โค้ดดิ้งสร้างเวอร์ชั่นที่อัพเดตแล้ว ให้ลองเผยแพร่อีกครั้ง

เคล็ดลับ: การแบ่งคอนเทนต์ออกเป็นเว็บไซต์หรือหน้าเล็กๆ อาจช่วยได้เพราะแต่ละเว็บไซต์ที่เผยแพร่แล้วจะมีคอนเทนต์น้อยกว่า หากคุณแยกเว็บไซต์ของคุณออกเป็นเว็บไซต์ที่เผยแพร่แล้ว คุณจะต้องจัดการและแชร์ URL ของเว็บไซต์เหล่านั้นแยกกัน

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

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

Canva โค้ดดิ้งสามารถดูการสนทนาของคุณได้เท่านั้น เมื่อคุณคลิก ใช้ในดีไซน์ ระบบจะสร้างดีไซน์ใหม่ด้วยเวอร์ชั่นนั้น และคุณสามารถแชร์ดีไซน์ (รวมถึง Canva โค้ดดิ้ง) ได้โดยใช้

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

ถ้าคุณเป็นแอดมิน คุณครู หรือแบรนด์ดีไซเนอร์ คุณสามารถ เลือกคนที่สามารถเข้าถึง Canva โค้ดดิ้งในทีมหรือชั้นเรียนของคุณ

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