Trang chủ Canva
Trợ giúp

Tạo thiết kế tương tác với Canva Code


Bài viết này được dịch bằng máy. Nếu bạn tìm thấy sai sót, vui lòng cho chúng tôi biết.

Canva Code cho phép bạn tạo các thiết kế có tính tương tác, đáp ứng mà không cần kỹ thuật viết mã. Bạn có thể sử dụng Canva Code theo hai cách:

  • Tạo thiết kế mã tương tác
    • Tạo thiết kế tương tác đầy đủ như trang đích, bảng điều khiển hoặc hồ sơ năng lực, đồng thời chỉnh sửa và đăng dưới dạng trang web trong Canva Editor
  • Thêm thành phần Mã tương tác vào thiết kế của bạn
    • Tạo các thành phần tương tác như câu đố, công cụ tính hoặc biểu đồ cho một thiết kế khác và sử dụng lại trên nhiều thiết kế

Mẹo:

Tạo thiết kế mã tương tác

Sử dụng loại thiết kế khi bạn muốn xây dựng trải nghiệm tương tác hoàn chỉnh.

  • Tạo trang đích, bảng điều khiển, danh mục đầu tư, v.v.
  • Chỉnh sửa và tinh chỉnh trong trình biên tập Canva
  • Đăng dưới dạng trang web đáp ứng
  1. Từ trang chủ Canva, chọn . Thao tác này sẽ mở trình chỉnh sửa Canva.
  2. Trong trình biên tập Canva, hãy bắt đầu bằng cách mô tả thiết kế của bạn trong
    thẻ AI của Canva. Câu hỏi như "Thiết kế một công cụ theo dõi bài tập tương tác và thân thiện với người dùng."
  3. Ngoài ra, trên
    thẻ Mẫu, bạn cũng có thể duyệt hoặc tìm kiếm các mẫu để bắt đầu.
  4. Tinh chỉnh bằng
    Canva AI hoặc chỉnh sửa trực tiếp. Xem Chỉnh sửa thiết kế và thành phần tương tác của Canva Code để tìm hiểu cách thức.

Thêm thành phần Mã tương tác vào thiết kế của bạn

Sau đó, truy cập Canva AI , Mã hóa khi bạn muốn tạo một thành phần tương tác.

  • Tạo câu đố, máy tính, biểu đồ, v.v. dưới dạng thành phần.
  • Thêm thiết kế vào Bài thuyết trình, Whiteboard hoặc các loại thiết kế khác. Đăng dưới dạng trang web hoặc Tái sử dụng thành phần trên nhiều thiết kế.
  1. Trong trang chủ Canva, chọn
    Canva AI.
  2. Trong hộp Lời nhắc, mô tả thành phần Mã tương tác mà bạn muốn tạo. Tìm hiểu thêm về lời nhắc AI tại đây.
  3. Chọn </> Mã.
  4. Nhấn enter trên bàn phím hoặc nhấp vào
    nút gửi. Canva AI chuẩn bị thiết kế dựa trên lời nhắc của bạn.
  5. Sau khi tạo thiết kế mã, hãy chọn Sử dụng trong thiết kế.
  6. Trong Thêm dưới dạng thành phần, hãy chọn loại tài liệu để thêm dưới dạng thành phần Mã tương tác.
  7. Để cải thiện thiết kế do Canva Code tạo, hãy nhắc bạn tinh chỉnh trong hộp trò chuyện ở bảng bên.

Lưu ý: Bạn có thể truy cập các phiên bản thiết kế trong chuỗi trò chuyện bằng Canva AI.

Chỉnh sửa các thiết kế và thành phần tương tác do Canva Code tạo

Tinh chỉnh thiết kế do Canva Code tạo bằng các công cụ trong trình biên tập. Xem Chỉnh sửa thiết kế và thành phần tương tác do Canva Code tạo để tìm hiểu thêm.

Xem trước và đăng thiết kế của bạn

Chọn

Xem trước để tương tác với thiết kế. Khi mọi thứ đều ổn, bạn có thể đăng thiết kế dưới dạng trang web. Tìm hiểu cách đăng và quản lý trang web Canva Code.

Lưu ý: Tính tương tác hoạt động khi thiết kế được xem trên Canva hoặc được đăng dưới dạng trang web.

Truy cập, sao chép và quản lý các phiên bản Canva Code

Mỗi lần bạn cập nhật thiết kế Canva Code thông qua lời nhắc, Canva sẽ tự động lưu phiên bản mới trong cùng một chuỗi trò chuyện. Thao tác này cho phép bạn truy cập lại các phiên bản trước đó, tiếp tục chỉnh sửa từ phiên bản trước đó hoặc sao chép mã đã tạo để sử dụng bên ngoài.

Xem lịch sử phiên bản của bạn

  1. Từ trang chủ Canva, hãy mở
    Canva AI.
  2. Trong thanh Lời nhắc, chọn </> Mã để xem các cuộc trò chuyện với Mã Canva của bạn trong thanh bên.
    • Lưu ý: Bạn có thể xác định các cuộc trò chuyện trên Canva Code bằng </> biểu tượng bên cạnh.
  3. Mở chuỗi trò chuyện Canva Code.
  4. Trong thanh bên, hãy duyệt tìm các phiên bản có sẵn (ví dụ: Phiên bản 1, Phiên bản 2, v.v.).

Lưu ý: Việc tiếp tục nhắc trong cùng cuộc trò chuyện sẽ tự động tạo phiên bản mới.

Sử dụng phiên bản trước

  1. Mở chuỗi trò chuyện Canva Code.
  2. Chọn phiên bản bạn muốn sử dụng.
  3. Chọn Sử dụng trong thiết kế để tiếp tục chỉnh sửa phiên bản đó trong Canva.

Xem và sao chép mã

Bạn có thể xem mã cơ bản do Canva Code tạo và sao chép để sử dụng lại bên ngoài Canva.

  1. Trong chuỗi Canva Code của bạn, hãy bật nút Hiển thị mã.
  2. Chọn Sao chép mã để lưu vào bảng ghi tạm.

Giới hạn của Canva Code

  • Canva Code hỗ trợ tất cả các ngôn ngữ có trên Canva, ngoại trừ người dùng trong canva.cn.
  • Canva Code sẽ chỉ lấy hướng dẫn từ phần mô tả bạn đã nhập hoặc sử dụng. Bạn đưa ra càng nhiều ngữ cảnh và hướng dẫn, kết quả sẽ càng tốt.
  • Bạn có thể sao chép và sử dụng lại mã ra bên ngoài, nhưng không thể xuất dưới dạng tệp hoặc chỉnh sửa trực tiếp trong Canva.

Tôi có thể sử dụng lại mã bên ngoài Canva không?

Có. Sau khi sao chép, mã có thể được sử dụng trong các dự án của riêng bạn. Mặc dù được xây dựng cho Canva, nhưng bạn có thể điều chỉnh nó cho các công cụ hoặc quy trình làm việc bên ngoài.

Tôi có thể dùng nội dung sáng tạo từ Canva Code để phục vụ mục đích thương mại không?

Giữa bạn và Canva và trong phạm vi được pháp luật cho phép, bạn sở hữu Nội dung đầu vào và Đầu ra của mình đối với các tính năng AI của chúng tôi (bao gồm Mã Canva và các Mã Canva đã tạo) và Canva sẽ không đưa ra bất kỳ tuyên bố nào về quyền sở hữu bản quyền đối với Nội dung đầu vào hoặc Nội dung đầu ra của bạn (bao gồm cả Mã Canva đã tạo). Để biết thêm chi tiết và các điều khoản đầy đủ, vui lòng tham khảo Điều khoản sản phẩm AI của chúng tôi.

Ai có thể xem nội dung tôi tạo bằng Canva Code?

Chỉ bạn mới có thể xem các cuộc trò chuyện giữa bạn và Canva Code. Khi bạn nhấp vào Sử dụng trong thiết kế, một thiết kế mới có phiên bản đó sẽ được tạo và bạn có thể chia sẻ thiết kế (bao gồm cả Mã Canva) bằng

nút Chia sẻ.

Nếu bạn đăng thiết kế lên một trang web, việc kiểm soát quyền truy cập sẽ được kiểm soát bởi các cài đặt mà bạn cấu hình trong quá trình đăng trang web.

Tôi có thể quản lý quyền truy cập của đội vào Canva Code không?

Nếu là quản trị viên, giáo viên hoặc nhà thiết kế thương hiệu, bạn có thể chọn người có thể truy cập Canva Code trong đội hoặc lớp của mình.

Bạn không thể tìm thấy Mã Canva trên trang chủ? Tìm hiểu thêm về các hạn chế truy cập Canva Code.

Tại sao tôi không thấy các dòng mã thay đổi?

Canva Code hiện sử dụng tính năng chỉnh sửa dựa trên điểm khác biệt, tức là chỉ cập nhật các dòng mã cần thiết thay vì tạo lại toàn bộ khối. Điều này giúp phản hồi nhanh hơn khi bạn thực hiện những thay đổi nhỏ đối với logic thiết kế.

Nếu bạn không thấy các dòng mã thay đổi sau khi gửi lời nhắc, điều đó có nghĩa là Canva đang làm việc trong nền để chỉ áp dụng những thay đổi cần thiết. Vui lòng chờ Canva Code hoàn tất quá trình tạo phiên bản khác.

Bài viết này có hữu ích không?

Hữu ích

Không hữu ích

Mọi người cũng xem