跳至主內容

Canva 首頁
需要協助？

編輯互動式Canva程式設計和素材

本文係由機器翻譯而成。如發現錯誤，請告知我們。

如果你曾使用Canva程式碼在設計中建立互動功能，例如測驗、計算器或倒數計時，你可以直接在Canva中進行編輯。

編輯Canva程式碼頁面或可重複使用元素的方法如下。

祕訣：

編輯互動式Canva程式碼產生的頁面

Canva程式碼可讓你使用Canva AI直接編輯和提示，輕鬆調整內容和互動。

  • 你將可以直接在畫布上編輯大多數文字、文字格式和圖片。 對於版面配置部分、調整大小和樣式，請使用Canva AI進行更改。
  • 你也可以直接播放設計並與設計互動，以受眾的方式體驗頁面，以便即時測試互動和流程。 按一下以取消選擇您正在編輯的任何項目，然後與任何按鈕或欄位互動。

注意：由於響應式結構，並非所有設計元素都可以直接編輯。 如果有要編輯但無法選取的元素，請使用Canva人工智慧索引標籤來描述要變更的元素，然後提交提示。

  1. 在編輯器中，選取要編輯的頁面。
  2. 若所有設計元素皆可直接編輯，你可以：
    • 選取並編輯支援的文字
    • 使用工具列調整字型、顏色和样式
    • 調整版面配置區段尺寸及位置
  3. 如果無法以你想要的方式直接編輯某些項目，請選取該項目，然後：
    1. 在工具列中選取
      「Canva AI」。
    2. 描述你想要的變更。例如：「將圖表切換至儀表板」或「將標籤變更為影像」。
    3. 你也可以要求
      Canva AI調整整個頁面。
  4. 若要復制設計的代碼，請依序選取「程式」和「複製代碼」。
  5. 你可以使用「元素」中的照片和圖像取代設計中的任何媒體，也可以使用「上傳項目」中的你自己的內容。直接拖放以取代影像，然後輕觸工具列中的
    「取代」。
  6. 使用 Canva AI 提供提示時，你可以在提示中附加上傳至參考檔案，例如「將設計更新為這樣的樣式」。
  7. 你也可以附加上傳項目，直接嵌入你的設計，例如「在設計中使用這個標誌」。
  8. 選取
    以刪除頁面並開始新設計。
  • 「在所有設計中變更此設定」的提示不適用於程式碼設計。 AI變更一次套用至一頁。 不支援多個設計的批次更新。
  • AI更新只會影響你正在編輯的頁面。 變更不會轉移至其他驗證碼頁面。
  • 每個頁面都有獨立的AI聊天記錄。

編輯交互元素

  1. 開啟包含Canva程式碼產生元素的設計。
  2. 按一下互動元素即可選取。
  3. 在顯示的工具列中，選取「編輯」。 「編輯」面板隨即開啟，您可在此處執行以下操作：
    • 新增或變更標題和副標題。
    • 使用切換開關顯示匯出按鈕、搜尋列和標籤篩選器。 注意：「編輯」面板中的選項看起來可能會有所不同，具體取決於Canva程式碼產生的內容。 某些按鈕（如「匯出」、「分享」或「標籤」篩選條件）可能無法隨時使用。
  4. 若要編輯字型與顏色：
    • 在工具列中選取顏色圖標，開啟顏色面板。
    • 在顏色面板中，選擇您偏好的顏色。 背景和按鈕顏色將自動調整。
    • 在下拉式選單中選取一種字型（包括品牌套件字型） ，套用至整個互動元素。
    • 你也可以使用工具列控制項來增加或縮小字型大小。
  5. 選取動畫按鈕以新增視覺效果。
  6. 選擇「位置」按鈕以開啟「排列與圖層」面板。 調整Canva程式碼產生的互動元素的排列或分層，以及設計中的其他元素。

在首頁上找不到Canva程式碼？ 深入瞭解Canva程式碼存取限制。

後續步驟：發佈和管理Canva程式設計網站

這對你有幫助嗎？

有幫助

沒有幫助

其他人也看了

跳至頁尾結尾

跳至頁尾開頭