編輯部落格列表頁面

部落格列表頁面是指用來顯示該部落格所有文章的頁面。在 HubSpot 中，部分部落格列表頁面可透過內容編輯器中的拖放工具進行編輯，而其他頁面則需在設計管理員中使用 HTML + HubL 進行編輯。

了解限制與注意事項

• 每個部落格僅能擁有一個部落格列表頁面。
• 對已發佈的部落格列表頁面或其範本所做的變更，將影響所有使用該範本的頁面所顯示的內容。
• 您可以透過刪除相關聯的部落格，來刪除該拖放式部落格列表頁面。

建立與編輯拖放式列表頁面

在內容編輯器中，您可以建立一個顯示所有部落格文章的部落格列表頁面。僅有使用佈景主題或 具備拖放區域的列表頁面，才支援在內容編輯器中新增或移動模組。

在內容編輯器中開啟現有的部落格列表頁面進行編輯

新建立的部落格將自動支援在內容編輯器中編輯其部落格列表頁面。至於較舊的部落格，您可以在部落格設定中啟用此編輯功能：

1. 在你的 HubSpot 帳戶中，點擊頂端導覽列中的「設定圖示」。
2. 在左側邊欄選單中，導航至「內容」>「部落格」。
3. 點擊「當前檢視 」下拉式 選單，並選取一個部落格。
4. 點擊「範本 」標籤頁 。
5. 在「範本」區段中 ，點擊「試用新編輯體驗」。

6. 在對話方塊中，點擊「繼續」。
7. 在內容編輯器中，使用拖放編輯工具來編輯部落格列表頁面。
8. 完成後，請點擊右上角的「更新」 ，然後在 對話方塊中 再次點擊「更新 」。

在內容編輯器中編輯部落格列表頁面

已啟用在內容編輯器中編輯功能的部落格列表頁面，可從「部落格文章」頁面存取。

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「部落格」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「部落格」。
2. 在左上角，點擊「設定 」下拉式 選單，並選擇「部落格列表頁面」。

3. 若要依部落格篩選，請點擊「部落格」下拉式 選單，並勾選您要納入篩選條件的每個部落格旁邊的核取方塊 。
4. 若要建立新的部落格列表頁面，請點擊右上角的「建立」 。在對話方塊中，點擊「選擇部落格 」下拉式 選單並選擇一個部落格，然後點擊「建立列表頁面」。

5. 若要編輯現有的部落格列表頁面，請點擊該列表頁面的名稱 。若要存取多語言部落格列表頁面，請點擊主要部落格列表頁面旁邊的 「downCarat 」下拉箭頭 。
6. 在內容編輯器中，請使用拖放編輯工具來編輯部落格列表頁面。
7. 顯示的模組會因您使用的模板而異。一些常見的模組包括：
   • 部落格標籤篩選器：根據標籤篩選您的部落格文章。

• • 部落格分頁：設定 引導訪客在部落格不同頁面間瀏覽的文字。

• • 部落格列表：將 部落格描述的樣式設定為 「卡片」或 「清單 」，並選擇要顯示的資訊。您也可以編輯作者和標籤列表頁面的副標題。

8. 若要編輯列表頁面的設定，請點擊右上角的「設定」。
9. 接著在對話方塊中編輯列表頁面的設定：
   • 若要變更該頁面在 HubSpot 中的名稱，請在 「內部頁面名稱 」欄位中 輸入頁面名稱 。此名稱不會顯示給訪客。
   • 部落格對外顯示的名稱將出現在「頁面標題」欄位中 。您可以在部落格設定中的 「頁面標題」欄位中 變更此名稱。
   • 您的列表頁面的網址將顯示在「頁面網址」欄位中 。您 可以在部落格設定中的 「部落格根網址」 欄位中 變更此名稱。
   • 在「元描述」欄位中 ，輸入列表頁內容的描述文字 ，該描述將顯示於搜尋結果中的頁面標題下方。
   • 若要為您的列表頁面新增特色圖片以便在社群媒體上分享，請點擊左側邊欄選單中的「特色 圖片」。接著開啟「啟用特色圖片」開關 ，並點擊「上傳」 從瀏覽器新增 圖片，或點擊「瀏覽圖片」透過 檔案工具 新增 圖片。
   • 若要將額外程式碼加入列表頁面的頁首或頁尾 HTML，請點擊左側邊欄選單中的「進階」。在「頁首 HTML」或「頁尾 HTML」 欄位中 ，輸入您的程式碼片段。
10. 完成後，請點擊右上角的 「發佈」或「更新 」。

變更列表頁面模板

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「部落格」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「部落格」。
2. 在左上角，點擊「設定 」下拉式 選單，然後選擇「部落格列表頁面」。

3. 點擊某個列表頁面的名稱 。若要存取多語言部落格列表頁面，請點擊主要部落格列表頁面旁邊的 「downCarat 」下拉箭頭 。
4. 在內容編輯器中，點擊右上角的「設定 」。
5. 在左側邊欄選單中，點擊「範本」。
6. 在「範本」區段中，點選「使用不同範本」。
7. 在「選擇範本」頁面上，點擊一個範本卡片。若要變更主題，請點擊「主題」下拉式選單，選取「變更主題」，然後點擊一個範本卡片。
8. 在範本預覽畫面中，請點擊右上角的「選取範本 」。
9. 在內容編輯器中，對模板進行任何修改。
10. 完成後，請點擊右上角的 「發佈」或「更新 」。

建立及編輯自訂程式碼的部落格列表頁面範本

建立並編輯使用HTML/HubL 標記語言的自訂程式碼部落格列表頁面範本。部分列表頁面範本亦支援在版面編輯器中編輯模組，而其他範本則完全透過程式碼編寫。

1. 在你的 HubSpot 帳戶中，點擊頂端導覽列中的「設定圖示」。
2. 在左側邊欄選單中，導覽至「內容」>「部落格」。
3. 點擊「當前檢視」下拉式選單，並選擇一個部落格。
4. 點擊「範本」分頁 。
5. 在「部落格列表頁面」區段中 ，點選「動作 」下拉式 選單，並選擇「編輯」。
6. 在設計管理員的佈局編輯器中，點選一個模組，並在檢視器中編輯其選項。
7. 若要編輯列表範本中的部落格內容模組，請點擊「部落格內容」模組，然後在 右側欄中 點擊「編輯列表範本 」。

8. 在模組編輯器中，自訂您的列表範本。請參閱我們的開發人員文件，進一步了解如何使用 HubL 編輯部落格列表範本。
9. 完成後，請在 右上角的「 」中 點擊「發佈變更 」，以將您的變更上線。