跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

在富文本模組中插入表格

上次更新時間: 一月 20, 2023

套用至:

所有產品和版本

您可以在網頁、網誌文章、電子郵件或知識庫文章的富文本模組中插入表格。 進一步了解如何編輯富文本模組中的內容。 

請注意:您計劃在電子郵件編輯器中使用的拖放範本不支援表格。

建立表格 

  • 瀏覽至您的內容:

    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
    • 知識庫: 在 HubSpot 帳戶中,進入「服務」>「知識庫」。
  • 將鼠標懸停在內容上,然後按一下[編輯] 
  • 在內容編輯器中,按一下豐富的文本 模組
  • 在富文本工具列中,按一下插入下拉菜單,將鼠標懸停在表格上。 
  • 在網格上,選擇表格的尺寸

insert-a-table

  • 若要擴展桌子的高度或寬度,請按一下藍色角落,然後將其拖動到位。 
  • 若要調整行或欄的大小,請按一下並拖動其邊緣

請注意:插入表格中的影像會自動調整大小,以適合其細胞的大小。

  • 若要插入行或列,請單擊某個細胞,然後單擊+ 插入細胞。 選擇新行或列的位置。 

insert-cells

  • 若要刪除行或欄,請按一下某個細胞,然後按一下- 刪除細胞。 選擇刪除行刪除欄。 
  • 若要從內容中刪除表格,請按一下表格下拉選單, 然後選擇刪除表格。
  • 若要複製表格,請一下表格下拉選單,然 後選擇複製表格。 

clone-or-delete-table編輯餐桌的造型

您可以修改套用於整個表格的樣式,也可以使用遊標高亮顯示特定細胞的樣式。

編輯整個表格的風格

  • 瀏覽至您的內容:

    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
    • 知識庫: 在 HubSpot 帳戶中,進入「服務」>「知識庫」。
    • 郵箱在 HubSpot 帳戶中,進入「行銷」>「電子郵件」。
  • 將鼠標懸停在內容上,然後按一下[編輯]
  • 按一下富文本模組,然後按一下表格。 
  • 按一下表格下拉菜單以編輯表格中所有細胞的屬性
  • 在富文本工具列中,編輯表格的樣式:
edit-table-styling
    • 若要調整文字在影像周圍的對齊和包圍方式,請按一下  內嵌對齊圖示。 
    • 若要調整桌子的大小,請勾選   度和 高度 箭頭 或輸入寬度的 百分比值和高度的像素值  
    • 若要更改表格邊框的色彩,請按一下編輯表格邊框色彩圖示,然後選擇一種色彩。 可以在「進」標籤上輸入RGB和十六進制值。 
    • 若要調整表格 周圍的填充,請按一下 間距 下拉菜單,然後在表格圖示的邊緣 周圍輸入 像素值
    • 若要自訂其他表格樣式,請按一下「樣式」下拉菜單並調整表格的設定。 在其他選項中,您可以調整邊框寬度和風格、編輯細胞填充、向表格添加說明,以及手動自訂表格的CSS。 

編輯特定細胞的風格

請注意:編輯特定細胞的背景和邊框顏色不適用於知識庫文章。 

  • 瀏覽至您的內容:

    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
    • 知識庫: 在 HubSpot 帳戶中,進入「服務」>「知識庫」。
    • 郵箱在 HubSpot 帳戶中,進入「行銷」>「電子郵件」。
  • 將鼠標懸停在內容上,然後按一下[編輯]
  • 單擊富文本模組,然後單擊表格中的單元格 。 在多個細胞上按一下並拖動遊標,可將相同的造型套用到所有細胞。 
  • 在富文本工具列中,編輯單元格的樣式:
    • 若要設定背景色彩,請按一下背景色單元格背景色彩圖示,然後選擇一種色彩。 可以在「進」標籤上輸入RGB和十六進制值。 
    • 若要設定邊框色彩,請按一下編細胞邊框色彩圖示,然後選擇一種色彩。 可以在「進」標籤上輸入RGB和十六進制值。 
    • 若要設定細胞內容的對齊,請按一下blockAlignmentTop垂對齊圖示,然後選擇對齊。 
    • 若要自訂其他儲存格樣式,請按一下「款」下拉菜單,然後調整儲存格設定。 您可以設定邊框寬度和風格,以及細胞寬度和高度。 
這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助