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

在內容編輯器中編輯內容

上次更新時間: 六月 21, 2023

可与下列任何一种订阅一起使用,除非有说明:

所有產品和版本

在內容編輯器中,您可以使用拖放工具來新增、編輯和重新排列部落格文章和網頁中的內容。 拖放工具不適用於某些文章和頁面。 

新增及編輯模組

模組是網站內容的單個區塊。 某些模組,例如富文本模組,可以包含多種類型的內容。

  • 瀏覽至您的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
  • 將遊標停留在內容上,然後按一下「編輯」。
  • 在左側邊欄中,按一下新 新增圖示。 
  • 在第二列中,按一下模組類別:
    • 主題:特定於您網站主題的模塊。 
    • Common :所有HubSpot帳戶中可用的常用模組。 瞭解更多關於Common Modules的資訊。 
    • 全部:所有可用的模組。 
  • 在第三欄中,按一下模組並將其拖放到內容中的位置。 

add-modules-to-pages

  • 若要調整模組的寬度,請按一下欄位之間的垂直分隔線,然後將其拖動到適當的位置。
  • 若要編輯模組,請按一下內容中的模組 。 
  • 若要將模組的副本新增至內容,請將滑鼠遊標停留在模組上,然後按一下複製c複製圖示。
  • 若要從內容中移除模組,請將遊標停留在該模組上,然後按一下刪除d刪除圖示。 

clone-or-delete-module

使用部分

截面是由不同模組組成的較大組。 您可以通過將模組拖曳到空白部分佈局來創建可重複使用的頁面部分。 開發人員還可以使用我們的開發人員文檔創建可重複的部分。 創建後,部分可用於使用相同主題並支持拖放編輯的任何頁面

請注意:一次只能儲存超過50個可重複使用的部分。 若要儲存新的可重複使用區段,請刪除現有的可重複使用區段。 

建立區塊

您可以透過選擇佈局,然後新增模組來建立區段。 

  • 瀏覽至您的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
  • 將遊標停留在頁面上,然後按一下「編輯」。
  • 在內容編輯器中,按一下左側邊欄中的新 增新增圖示。
  • 在第一欄中,按一下「版式」。
  • 按一下佈局,然後將其拖曳到頁面上的位置。 

add-layout-to-page

  • 在左側邊欄中,按一下新 新增圖示。 
  • 在第一欄中,按一下「模組」。 
  • 在第二欄中,按一下模組類別。 
  • 在第三欄中,按一下模組,然後將其拖放到頁面上的位置。 對你單元的每個單元重複此操作。 
  • 將遊標停留在該區段上,然後按一下 向下克拉圖示,然後選擇儲存區段。 

save-a-section

請注意:現有的頁面部分和那些沒有佈局的部分也可以儲存為可重複使用的部分。 


  • 在對話方塊中,輸入區域的名稱和說明,然後按一下儲存。 

新增或刪除區塊

  • 瀏覽至您的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
  • 將遊標停留在頁面上,然後按一下「編輯」。
  • 在內容編輯器中,按一下左側邊欄中的新 增新增圖示。
  • 在第一欄中,按一下「區段」。 
  • 在第二欄中,按一下區塊類型: 
    • 已儲存:在內容編輯器中創建的部分,然後儲存以供在不同頁面上使用。 
    • 主題:由開發人員為您的頁面使用的主題創建的部分。 
  • 在第三欄中,按一下某個區段,然後將其拖放到頁面上的位置。 

add-saved-section-to-page

請注意:新增包含智慧規則的已儲存區塊,會將這些規則套用至新增區塊。 這些部分將被標記為智能。 

  • 若要從儲存的區塊中刪除某個區塊,請將遊標停留在該區塊上,然後按一下刪除 刪除圖示。 在對話方塊中,按一下刪除。 

delete-saved-sections

樣式內容 

在內容編輯器中,您可以在側邊欄編輯器的“樣式”標籤上編輯樣式選項,例如填充和邊距。 您可以編輯模組和部分的樣式,以及內容的行和列。

自訂模組主題的可用樣式選項由創建開發人員設置。 在我們的開發人員文檔中進一步了解模組和主題樣式選項。 

  • 瀏覽至您的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
    • 博客: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「部落格」。
  • 將遊標停留在內容上,然後按一下「編輯」。 
  • 在內容編輯器中,按一下模組或元素的區 圖 示。

edit-sections-rows-or-columns

  • 在側邊欄編輯器中,按一下「樣式」標籤。 
  • 要隱藏元素:
    • 按一下以展開「可見性」部分。
    • 在「隱藏在此中斷點」區段中,按一下隱藏。 預設情況下,這將在桌面和移動視圖上隱藏模組。 
    • 若要僅在行動裝置或桌上型電腦上顯示模組,請按一下頁面頂部的行裝置或上型電腦圖示。 按一下以展開「可見性」部分。 在「在此斷點部分隱藏」中,按一下顯示。 這將在選定的設備類型上顯示模組,但否則將隱藏它。 

set-visibility-for-a-module

  • 要設定填充和邊距: 
    • 按一下以展開「對齊與間距」區段,然後按一下填充或邊距。
    • 若要為所有邊添加均勻的間距,請選取「適用於所有邊」核取方塊,然後在任何欄位中輸入像素值 。 
    • 若要在每邊新增不同的填充,請在「上」、「左」、「右」和「下」欄位中輸入以像素為單位的值 。

set-margins-and-padding-for-modules

  • 若要設定元素的背景,請按一下展開背景部分,然後選擇一個選項: 
    • 無:移除任何背景色或影像。
    • 顏色:設置單一顏色作為背景。 輸入十六進制值,或按一下選取器並選擇顏色,然後輸入透明度值。 
    • 圖片:設定一個圖片作為背景。 按一下上傳以從電腦中新增影像,或按一下瀏覽影像以從檔案中選擇影像。 
    • 漸變:設置兩種顏色一起褪色作為背景。 按一下方向下拉菜單,然後選擇漸層方向。 對於每種顏色,請輸入十六進制值,或按一下選取器並選擇顏色,然後輸入透明度值。

set-background-for-page-content

請注意:「樣式」標籤中出現的確切選項可能會有所不同,特別是自訂模組。 在我們的開發人員文檔中進一步了解自訂模組的樣式選項。 

管理您的內容

在側邊欄編輯器中,您可以看到內容中的部分、行、列和模組的概覽。 從那裡,您可以重命名、編輯、複製、刪除或隱藏它們: 

  • 瀏覽至您的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
  • 將遊標停留在頁面上,然後按一下「編輯」。
  • 在左側邊欄中,按一下siteTree 容標籤。 
  • 您可以控制哪些頁面元素在側邊欄編輯器中可見: 
    • 若要僅檢視頁面的部分,請按一下全部折疊。 這將折疊所有行、列和模組,因此只有部分在側邊欄編輯器中可見。 
    • 若要查看網頁上的所有內容,請按一下「全部展開」。 這將顯示側邊欄編輯器中的所有部分、行、列和模組。 
    • 若要檢視單個頁面元素或容器,請按一下其名稱旁邊的+加號 。
    • 若要隱藏元素或容器,請按一下其名稱旁邊的-減號 。 

collapse-and-expand-sections

  • 您也可以編輯、重命名、複製、刪除和隱藏頁面元素: 
    • 若要編輯元素,請按一下其名稱。 
    • 若要重命名元素,請按一下其名稱旁邊的省略號三個點,然後選擇重命名[element]。 在對話方塊中,輸入元素的名稱,然後按一下儲存。 
    • 若要複製元素,請按一下素名稱旁邊的三個點,然後選擇複製。 這將創建與其相鄰的原始元素的精確副本。 
    • 若要刪除元素,請按一下其名稱旁邊的省略號三個點,然後選擇刪除。 
    • 若要隱藏模組,請按一下隱藏隱 藏圖示。 這將在內容預覽中隱藏模組,但不會在側邊欄編輯器中隱藏。 若要在頁面上顯示隱藏模組,請按一下檢視調度顯示圖示。

edit-page-element

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助