指南/網站版面形式/編輯 AI 建置網站的設計

編輯 AI 建置網站的設計

使用 AI 網站建置工具建立網站後,你可用 AI 提示自訂設計與版面配置。本指引將說明如何用 AI 修改並完成你的網站設計。

此功能適用於使用 WordPress.com 進階版和商用版方案的新網站。你可以免費試用 (最多 30 則提示),也可以將功能升級,以便推出和持續自訂網站。

編輯 AI 建置的網站

你可透過 AI 或手動編輯持續更新與編輯網站,並為網站新增內容。若要在網站上使用 AI:

  1. 請造訪網站頁面
  2. 選取你的網站,然後按一下「我的首頁」按鈕。
  3. 下一個步驟需視網站方案而定:
    • 免費試用網站會直接轉送至編輯器,讓你繼續編輯。
    • 升級版網站會轉送至網站儀表板,你可導覽至「外觀」→「編輯器」繼續編輯。
  4. 按一下畫面底部的四角星形圖示,開啟 AI 助理:
The AI symbol that resembles a four-pointed star.

變更整體顏色配置

若要用 AI 更新網站顏色配置,請依照下列步驟操作:

  1. 按一下四角星 AI 圖示,開啟提示方塊。
  2. 輸入提示,例如:「變更顏色」或「我想將整個網站的顏色配置變更為柔和色調
  3. 系統會提供顏色供你瀏覽。按一下顏色,即可查看更新後在網站上的顯示效果。
  4. 選取想要的顏色配置後,按一下「儲存」按鈕儲存變更。

若要手動選擇顏色配置,請導覽至「外觀」→「編輯器」→「樣式」→「顏色」,然後選取新顏色 (不適用於免費試用版)。

AI 提示方塊顯示「為網站建議新的顏色」,AI 隨即提供顏色配置建議以供選擇。

變更特定顏色

如果你對網站的整體顏色配置感到滿意,只想變更特定區段或元素的顏色,請按照以下步驟操作:

  1. 按一下你想改變顏色的元素 (如文字或按鈕) 或特定區段。
  2. 開啟 AI 提示方塊。
  3. 輸入更改顏色的要求。你可以描述顏色或要求提供特定色碼:
    將此按鈕變更為淺黃色
    將標題背景顏色設為 #FFB514
  4. 按一下「儲存」按鈕儲存顏色變更,或按一下向前箭頭圖示復原變更。

新增區段

你可以為頁面版面配置新增區段:

  1. 按一下你想新增區段的現有部分。
  2. 開啟 AI 提示方塊。
  3. 輸入提示,例如:
    在『關於』下方新增證言區段。
    在首頁插入價目表區段。
  4. 檢視新區段。AI 可能提供多種版面配置,你可使用左右箭頭按鈕循環檢視。

將區段重新排序

你可移動區段來變更網站的版面配置:

  1. 按一下你想移動的區段。
  2. 開啟 AI 提示方塊。
  3. 輸入:
    將『服務』區段移到『證言』上方。
    將『聯絡人』區段移到頂端。

如果需要額外微調,可用「清單檢視」手動選取區段。選取的區段會顯示工具列,你可用上下箭頭將區段移動到新的位置:

新區段,可用來移動的位置調整箭頭反白顯示。
用箭頭圖示上下移動區段

刪除特定區段或元素

只需幾個步驟即可刪除不需要的區段或元素:

  1. 按一下你想移除的區段或元素。
  2. 開啟 AI 提示方塊。
  3. 提示:
    從首頁移除『常見問題』區段。
    刪除『關於』內的多餘圖庫區塊。
  4. 按一下「儲存」按鈕儲存變更,或按一下向前箭頭圖示復原變更。

你也可以選取區塊並點擊 ⋮ 圖示,然後選擇「刪除」選項來手動移除區塊

更多設計提示

AI 網站建置擁有無限可能。你不妨嘗試向 AI 提出以下設計相關變更提示範例:

  1. 將顏色變更為藍色和灰色。
  2. 將所有按鈕設為藍色的圓形。
  3. 將背景顏色更新為白色。
  4. 將字型改成更現代的無襯線體。
  5. 所有標題均使用粗體大字型。
  6. 為首頁新增主要區段。
  7. 將版面配置變更為單一欄位。
  8. 變更頁尾結構,優先顯示社群連結。
  9. 在頁尾上方新增行動呼籲區段。
  10. 將選單樣式變更為垂直側邊欄。
  11. 放大頁首中的網站標誌。
  12. 在主要內容下方新增證言區段。
  13. 將圖庫圖片設定為格狀顯示。
  14. 在頁面底部新增電子報訂閱表單。
  15. 將導覽列置頂,使其保持在頂端。
  16. 在區段間添加更多空白間隔。
  17. 將各頁標題置中。
  18. 整個網站皆套用淺色背景和深色文字。
  19. 為圖片添加不明顯的拖放陰影。
  20. 增加段落之間的間距。
  21. 變更首頁的區段順序。
  22. 將團隊成員的圖片改成圓形。
  23. 將頁面背景設為彩色漸層色。
  24. 為服務區段新增圖示。
  25. 將背景設為柔和的粉彩色調。
  26. 將所有標題替換為手寫字型。
  27. 在每個區段之間新增分隔線。
  28. 將行動呼籲按鈕改成大型粗體字。
  29. 將標題改成全部大寫。
  30. 在每個頁面頂端新增簡介區段。
Copied to clipboard!