僅限PaaS

元素 — HTML代碼

最後更新： 2025年5月5日
  • 主題：

建立對象：

  • 初學者
  • 中繼
  • 使用者

使用​ HTML代碼 ​內容型別，在Page Builder 階段中新增HTML、CSS和JavaScript代碼片段。 例如，您可能想要新增自訂HTML、宣告可套用至頁面上元素的CSS類別。 或者，您可能想要為您從第三方提供者收到的標誌、按鈕或橫幅新增程式碼片段。

HTML程式碼工具箱

HTML程式碼工具箱

工具圖示說明
移動 移動圖示 將HTML程式碼容器移至頁面上的另一個有效位置。
設定 設定圖示 開啟「編輯HTML程式碼」頁面，您可在此變更容器屬性。
隱藏 隱藏圖示 隱藏HTML程式碼容器。
顯示 顯示圖示 顯示隱藏的HTML程式碼容器。
複製 圖示重複 製作HTML程式碼容器的副本。
移除 移除圖示 從階段中刪除HTML程式碼容器及其內容。
NOTE
隱藏的元素會儲存在資料庫中，且對客戶不可見。 不過，搜尋引擎和其他對您的網站進行編目的機器人可看見這些元素。 如果透過具有不可見屬性的API呼叫提出請求，這些區段也會當作內容的一部分傳回，除非您將其從階段中移除。

新增HTML代碼

下列範例示範如何內嵌Google Font程式碼並宣告覆寫目前樣式表的自訂標題類別。

步驟1：選擇Google字型

  1. 造訪Google Fonts網站，並選擇要使用的字型系列。

  2. 複製要內嵌在頁面<head>區段中的產生程式碼，並將其暫時貼到文字編輯器中。

    • 內嵌字型代碼
    • CSS規則

  3. 將字型系列規則新增至每個標題類別，並將標題類別括在<style>標籤中。

    此程式碼已貼到Page Builder中。

    <style>
   h1 {color: teal; font-family: 'Khand', sans-serif; }
   h2 {color: teal; font-family: 'Khand', sans-serif; }
   h3 {color: teal; font-family: 'Khand', sans-serif; }
</style>