อิมพอร์ต HTML
คุณสามารถอิมพอร์ตไฟล์ HTML ลงใน Canva แล้วเปลี่ยนเป็นดีไซน์ที่แก้ไขได้ ซึ่งจะช่วยให้คุณนำคอนเทนต์เว็บ เท็มเพลตอีเมล หรือเอกสาร HTML อื่นๆ มาปรับใช้เพื่อนำไปใช้งานได้ใหม่ โดยเริ่มจากศูนย์
นำเข้า HTML
อิมพอร์ต HTML จากหน้าแรก
- ลากและวาง HTML ของคุณไปที่ หน้าแรก
- บนแบนเนอร์หน้าแรก ให้คลิก อัพโหลด. เลือก อัพโหลดไฟล์ หรือลากและวางไฟล์ของคุณ
- ที่เมนูด้านข้างของหน้าแรก ให้คลิก โปรเจ็คต์. คลิก ปุ่ม บวก , จากนั้นเลือก อัพโหลดไฟล์
ไฟล์ HTML ของคุณจะเปิดขึ้นเป็นดีไซน์ใหม่ที่แก้ไขได้
อิมพอร์ต HTML จากเครื่องมือแก้ไข
- ลากและวาง HTML ของคุณไปที่เครื่องมือแก้ไข
- ที่มุมบนของเครื่องมือแก้ไข ให้คลิก ไฟล์ จากนั้นคลิก อัพโหลดไฟล์
- ที่แผงด้านข้างของเครื่องมือแก้ไข ให้คลิก แท็บ อัพโหลด จากนั้นคลิกที่ อัพโหลดไฟล์ เลือกไฟล์ที่คุณต้องการอัพโหลด หรือลากและวางในแท็บ อัพโหลด
อิมพอร์ตพรีเซนเทชั่น Claude Design
เมื่อคุณอิมพอร์ตพรีเซนเทชั่น HTML ที่สร้างขึ้นในดีไซน์ Claude แล้ว Canva จะแปลงเป็นพรีเซนเทชั่น Canva ที่แก้ไขได้ทั้งหมดให้โดยอัตโนมัติ ซึ่งจะช่วยให้คุณเข้าถึงฟีเจอร์พรีเซนเทชั่นทั้งหมดได้ รวมถึงหลายสไลด์ มุมมองผู้พรีเซนต์ และเครื่องมือแก้ไขเต็มรูปแบบ
วิธีอิมพอร์ตพรีเซนเทชั่น Claude Design ไปที่ Canva:
- บน Claude Design ให้เลือก แชร์
- เลือก ส่งไปที่ Canva Claude Design จะสร้างลิงก์ให้คุณเปิดพรีเซนเทชั่นใน Canva
คุณยังสามารถเอ็กซ์พอร์ตพรีเซนเทชั่นชุดสไลด์จาก Claude Design เป็นไฟล์ HTML จากนั้นอิมพอร์ตไฟล์โดยใช้วิธีการต่างๆ ในส่วน นำเข้า HTML ของบทความนี้ได้อีกด้วย
หมายเหตุ: ฟีเจอร์นี้ใช้งานได้กับพรีเซนเทชั่นสไลด์ของ Claude Design เท่านั้น จะอิมพอร์ตไฟล์ HTML อื่นๆ เป็นดีไซน์โค้ด
ถ้าพรีเซนเทชั่นของคุณอิมพอร์ตเป็นดีไซน์โค้ด
ถ้า Canva ตรวจไม่พบไฟล์ของคุณเป็นพรีเซนเทชั่นดีไซน์ Claude ระบบจะอิมพอร์ตเป็นดีไซน์โค้ดแทน สิ่งนี้สามารถเกิดขึ้นได้ถ้า:
- ไฟล์ HTML ไม่ได้มาจาก Claude Design
- ไฟล์ HTML ไม่ใช่ประเภทพรีเซนเทชั่นสไลด์
- มีข้อผิดพลาดระหว่างกระบวนการแปลงไฟล์
ดีไซน์โค้ดช่วยให้คุณดูและแก้ไขคอนเทนต์ HTML พื้นฐานได้ แต่ไม่มีฟีเจอร์พรีเซนเทชั่นเต็มรูปแบบ
สิ่งที่จะเกิดขึ้น
เมื่อคุณอิมพอร์ตไฟล์ HTML Canva จะแปลงไฟล์เป็นองค์ประกอบที่แก้ไขได้ นี่คือสิ่งที่เกิดขึ้น:
- ข้อความ จะกลายเป็นกล่องข้อความที่คุณแก้ไขได้นะ
- รูปภาพ จะจัดวางเป็นองค์ประกอบแยกต่างหากที่คุณสามารถย้ายหรือแทนที่ได้
- เลย์เอาต์ จะยังคงใกล้เคียงกับดีไซน์ดั้งเดิมมากที่สุด
- ระบบไม่สามารถเก็บลิงก์ ไว้ในดีไซน์ที่อิมพอร์ตได้
ข้อจำกัด
เมื่ออิมพอร์ตไฟล์ HTML ให้คำนึงถึงสิ่งต่อไปนี้:
- สไตล์ CSS ที่ซับซ้อนอาจไม่แปลงตามที่แสดงในเบราว์เซอร์ทุกประการ
- ไม่รองรับฟังก์ชั่น JavaScript ในดีไซน์ที่นำเข้า
- ทรัพยากรภายนอก (ฟอนต์ รูปภาพที่โฮสต์ที่อื่น) อาจไม่อิมพอร์ต
- ไฟล์ HTML ที่มีขนาดใหญ่มากอาจใช้เวลาในการดำเนินการนานกว่า
มีประโยชน์มั้ย?
มีประโยชน์
ไม่มีประโยชน์