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

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

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

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

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

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

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

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

เลือก

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

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

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

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

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

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

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

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

มีเพียงคุณเท่านั้นที่สามารถดูการสนทนาของคุณได้ด้วย Canva

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

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

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