在內容編輯器中編輯內容

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

新增與編輯模組

模組是網站內容的個別區塊。有些模組，例如富文字模組，可以包含多種類型的內容。

1. 導覽到您的內容：

   • 網站頁面：在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面：在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。 著陸頁面
2. 按一下頁面的名稱 。
3. 在內容編輯器中，按一下左側欄中的add 新增 圖示。
4. 按一下以展開模組類別，然後按一下模組 ，並將其拖曳到內容中的位置。若要搜尋模組，請在搜尋欄位中輸入模組名稱。
5. 若要調整模組的寬度，請按一下欄位間的垂直分隔線，然後將其拖曳到位。
6. 若要編輯模組，請按一下內容中的模組 。
7. 若要在內容中加入模組副本，請將滑鼠懸停在模組上方，然後按一下clonduplicate cclone module 圖示。
8. 若要從內容中移除模組，請將滑鼠停在模組上方，然後按一下delete delete module 圖示。

使用區段

區段是由不同模組組成的大型群組。您可以將模組拖曳到空白的區段版面，以建立可重複使用的頁面區段。開發人員也可以使用開發人員文件建立可重複使用的區段。一旦建立了節段，它就可以用在任何使用相同主題且支援拖放編輯的頁面上。

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

建立區段

您可以透過選擇版面，然後將模組加入其中，來建立一個版面。

1. 導覽到您的內容：

   • 網站頁面：網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面：登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 按一下頁面的名稱 。
3. 在內容編輯器中，將滑鼠移至內容上，然後按一下+ 新增部分。
4. 在對話方塊中，按一下功能表中的空白版面，然後按一下選擇版面。
5. 在內容編輯器中，按一下左側欄中的add 新增 圖示。
6. 按一下以展開模組類別，然後按一下一個模組 ，並將其拖曳到區段內的位置。對區段中的每個模組重複此步驟。
7. 當您完成新增模組到區段後，請將滑鼠懸停在區段上，然後按一下downCarat 向下圖示，再選擇「儲存區段」。
8. 在對話方塊中，輸入區段的名稱和說明 ，然後按一下儲存。

請注意： 現有的頁面區段和在沒有版面的情況下建立的區段，也可以儲存為可重複使用的區段。

新增或刪除版面

1. 導航至您的內容

   • 網站頁面：網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面：登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 按一下頁面的名稱。
3. 在內容編輯器中，將滑鼠箭頭停在內容上，然後按一下+ 新增節點。
4. 在對話方塊中，按一下節段。若要從儲存的部分中選擇，請按一下左邊功能表中的儲存部分，然後按一下儲存的部分。

請注意： 新增包含智慧型規則的已儲存區段，會將這些規則套用至新新增的區段。這些版面將標示為Smart。

5. 若要從內容中刪除某一節，請將滑鼠懸停在該節上，然後按一下delete 刪除圖示。您也可以按一下siteTreeIcon 內容 圖示。然後將滑鼠移至該區段，按一下ellipsesIcon 省略 號圖示，然後選取刪除。
6. 若要從儲存的部分中刪除部分，請將滑鼠懸停在內容上，然後按一下+ 新增部分。然後按一下左邊功能表中的已儲存區段，然後按一下相關已儲存區段卡片上的delete 刪除圖示 。在對話方塊中，按一下刪除。

樣式內容

在內容編輯器中，您可以在側邊列編輯器的樣式索引標籤上編輯樣式 選項，例如 padding 和 margins。您可以編輯模組和區段的樣式，以及內容的行和列。

自訂模組和主題的 可用樣式選項由建立開發人員設定。請參閱我們的開發人員文件，瞭解更多關於模組和主題樣式選項的資訊。

1. 導覽到您的內容

   • 網站頁面：網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面：登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
   • 部落格：在你的 HubSpot 帳戶中，瀏覽「內容」>「部落格」。
2. 按一下您的頁面名稱 。
3. 在內容編輯器中，按一下模組。
4. 在側邊欄編輯器中，按一下樣式 索引標籤。
5. 若要隱藏元素
   • 按一下以展開可見性區 段。
   • 在Hide on this breakpoint 區段中，按一下Hide。預設情況下，這會在桌面和行動檢視上隱藏模組。
   • 若要僅在行動或桌上型電腦上顯示模組，請按一下頁面上方的mobile mobile 或desktop desktop 圖示。按一下以展開可見性區 段。在Hide on this breakpoint 區段中，按一下Show（顯示）。這將會在選取的裝置類型上顯示模組，但在其他情況下則會隱藏模組。

6. 要設定 padding 和 margins：
   • 按一下以展開Alignment and spacing 區段，然後按一下Padding 或Margin。

• • 若要為所有側面新增統一間距，請選取套用至所有側面 核取方塊，然後在任何欄位中輸入像素 值 。
  • 若要為每邊加入不同的填充，請在Top、Left、Right 和Bottom 欄位 中輸入像素 值 。

7. 若要設定元素的背景，請按一下以展開背景 區段，然後選擇 選項：
   • 無： 移除任何背景顏色或影像。
   • 顏色：設定單一顏色為背景。輸入十六進位值， 或按一下顏色 選擇器 並選擇顏色， 然後輸入透明度值。
   • 影像：設定影像為背景。按一下 上傳從電腦新增圖片，或按一下瀏覽圖片從檔案中選取圖片。
   • 漸層：設定兩種漸層漸變的顏色作為背景。按一下方向 下拉式功能表，然後選擇漸層方向。為每個顏色輸入十六進位值， 或按一下顏色 選擇器 並選擇顏色， 然後輸入透明度值。

請注意：顯示在樣式 標籤中的確實選項可能會有所不同，尤其是自訂模組。在我們的開發人員文件中瞭解自訂模組樣式選項的更多資訊。

管理您的內容

在側邊欄編輯器中，您可以看到內容中的區段、行、列和模組的總覽。從那裡，您可以重新命名、編輯、複製、刪除或隱藏它們：

1. 導覽到您的內容：

   • 網站頁面：在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面：在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。 著陸頁面
2. 按一下您的頁面名稱 。
3. 在左側欄中，按一下siteTree 內容 索引標籤。
4. 您可以在側邊列編輯器中控制哪些頁面元素可見：
   • 若要只檢視頁面的部分，請按一下全部摺疊。這將折疊所有的行、列和模組，因此側邊列編輯器中只有區段可見。
   • 若要檢視頁面上的所有內容，請按一下全部展開。這會在側邊列編輯器中顯示所有區段、行、列和模組。
   • 若要檢視個別頁面元素或容器，請按一下其名稱旁的+ 加號 。
   • 若要隱藏元素或容器，請按一下其名稱旁邊的- 減號 。

5. 編輯、重新命名、複製、刪除及隱藏頁面元素：
   • 要編輯元素，請按一下其名稱。
   • 若要重新命名元素，請按一下其名稱旁邊的ellipses 省略 號圖示，然後選擇重新命名 [元素]。在對話方塊中，輸入元素的名稱 ，然後按一下儲存。
   • 要複製元素，按一下其名稱旁邊的ellipses 橢圓圖示，然後選擇「複製」。這將在其旁邊建立原始元素的精確複本。
   • 要刪除元素，按一下其名稱旁邊的ellipses 橢圓 圖示，然後選擇刪除。
   • 若要隱藏模組，請按一下hide 隱藏 圖示。這會在內容預覽中隱藏模組，但不會在側邊欄編輯器中隱藏模組。若要在頁面上顯示隱藏的模組，請按一下 view disp顯示圖示。