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

編輯網誌旅居頁面

上次更新時間: 五月 23, 2024

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

所有產品和版本

網誌旅居頁面是顯示所有網誌文章的頁面。 在HubSpot中,有些部落格清單頁面可以使用內容編輯器中的拖放工具進行編輯,而另一些則需要在設計管理員中進行HTML + HubL編輯(僅限行銷中心專 業版或企業版或內容 中心專 業版或企業版)。

請注意:你只能透過刪除相關的網誌來刪除拖放式旅居頁面。 

建立和編輯拖放旅居頁面

在內容編輯器中,你可以建立網誌清單頁面,顯示所有網誌文章。 只有使用主題或具有拖放區域的列表頁面才支持在內容編輯器中添加或移動模塊。 

選擇在內容編輯器中編輯現有部落格旅居頁面

新建立的網誌將自動支援在其網誌清單頁面的內容編輯器中進行編輯。 對於較舊的網誌,你可以在網誌設定中選擇使用此編輯體驗: 

  • 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
  • 在左側邊欄選單中,前往「內容」>「網誌」。 
  • 如果你有多個網誌,請點擊「選擇要修改的網誌」下拉式選單,然後選擇一個網誌。 
  • 前往「範本」 標籤頁。 
  • 在「網誌旅居」部分,點擊「嘗試新的編輯體驗」。 

try-new-editing-experience

  • 在對話方塊中,按一下繼續。 
  • 在內容編輯器中,使用拖放編輯工具編輯網誌旅居頁面。 
  • 若要將變更上線,請按一下右上角的「更新」,然後按一下對話方塊中的「更新」。 

在內容編輯器中編輯部落格旅居頁面

在內容編輯器中選擇編輯的博客列表頁面可以從博客控制面板訪問: 

  • 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
  • 在左上角,點擊B log posts下拉式選單,然後選擇Blog listing pages。 

select-blog-listing-pages

  • 如要按網誌篩選,請點擊表格頂部的網誌下拉式選單,然後勾選你想加入篩選器的每個網誌旁邊的核取方塊 。
filter-blog-listing-pages-by-blog.
  • 如要建立新的網誌旅居頁面,請點擊右上角的「建立」。 在對話方塊中,點擊「選擇網誌」下拉式選單,然後選擇一個網誌,然後點擊「建立旅居頁面」。 

請注意:每個博客只能有一個博客列表頁面。 如果部落格已有部落格旅居頁面,你將無法為該部落格建立新頁面。 

  • 如要編輯現有網誌旅居頁面,請點擊旅居頁面的名稱 。 如要瀏覽多語言部落格旅居頁面,請downCarat點擊主要部落格旅居頁面旁邊的downCarat向下箭頭。 

access-multi-language-blog-listing-pages

  • 在內容編輯器中,使用拖放編輯工具編輯網誌旅居頁面。 
  • 顯示的模組將根據您的範本而有所不同。 一些常見的模組包括:
    • 網誌標籤篩選器:按標籤篩選網誌文章。 
    • 網誌分頁:設定在網誌不同頁面之間移動訪客的文字。 
    • 部落格旅居:將「卡片」或「清單」設定為部落格描述的樣式,然後選擇將在那裡顯示的資料。 你也可以編輯作者和標清單頁面的副標題。 

blog-listing-module

  • 如要編輯旅居頁面的設定,請點擊「設定」選單 ,然後選擇「一般」。 然後在對話方塊中編輯旅居頁面的設定:
    • 若要變更頁面在HubSpot中的命名方式,請在「內部頁面名稱」欄位中輸入頁面名稱 。 訪客不會看到此名稱。 
    • 網誌的公開名稱會顯示在「頁面標題」欄位中。 你可以在網誌設定的「頁面標題」欄位中變更此名稱。 
    • 旅居頁面的網址會顯示在「頁面網址」欄位中。 你可以在網誌設定的「網誌根網址」 欄位中變更此名稱。 
    • 在「中繼描述」欄位中,輸入房源頁面內容的描述,該內容將出現在頁面標題下方的搜尋結果中。
    • 如要將精選圖片新增至旅居頁面以供社羣分享,請點擊左側邊欄選單中的精選圖片分頁。 按一下以切換已啟用的特色影像開關,然後按一下上傳以從瀏覽器新增影像,或瀏覽影像以從檔案工具新增影像。 
    • 若要為房源頁面的頁首或頁尾HTML新增其他代碼,請點擊左側邊欄選單中的「進階」分頁。 在標題HTML或頁尾HTML 欄位中,輸入您的程式碼片段。 
  • 如要更新內容,請點擊右上角的「更新」。

更改旅居頁面範本

  • 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
  • 在左上角,點擊B log posts下拉式選單,然後選擇Blog listing pages。

select-blog-listing-pages

  • 點擊旅居頁面的名稱 。 如要瀏覽多語言部落格旅居頁面,請downCarat點擊主要部落格旅居頁面旁邊的downCarat向下箭頭。 

access-multi-language-blog-listing-pages

  • 在內容編輯器中,按一下「設定」選單,然後選取「範本」。 
  • 在對話框中,單擊左側邊欄中的模板 。 
  • 在對話框中,單擊使用不同的模板。 
  • 在範本選擇畫面上,按一下左側邊欄選單中的所有範本,然後按一下範本。 
  • 在範本預覽畫面上,按一下右上角的「使用範本」。 
  • 在內容編輯器中,對範本進行任何變更。
  • 如要更新內容,請點擊右上角的「更新」。

編輯編碼部落格旅居頁面範本 

在使用「行銷中心 專業版」或「企業版或「內容中心專業版」或「企業版」的帳戶中,你可以建立使用HTML/HubL標記的程式碼網誌清單頁面範本。 部分旅居頁面範本也支援在版面編輯器中編輯模組,而其他範本則完全採用編碼方式。 

  • 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
  • 在左側邊欄選單中,前往「內容」>「網誌」。 
  • 如果你有多個網誌,請點擊「選擇要修改的網誌」下拉式選單,然後選擇一個網誌。 
  • 按一下範本索引標籤。 
  • 在「網誌旅居」部分,點擊「操作」下拉式選單,然後選擇「編輯」。 
edit-blog-listing-template-in-design-manager
  • 在設計管理員的版面編輯器中,按一下模組,然後在右欄中編輯其選項。 
  • 若要編輯旅居範本的部落格內容模組,請點擊「部落格內容模組」,然後點擊右欄的「編輯旅居範本」。 
edit-listing-page-in-design-manager-layout-editor
edit-blog-listing-template-using-hubl
  • 點擊右上角的「發佈變更」,即可接收變更內容。

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