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

在HubSpot頁面或模板上使用自訂社交圖標

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

套用至:

所有產品和版本

要在HubSpot頁面或範本上的「關注我」或「社交分享」模板中使用自訂社交圖示,請建立該模組的自訂版本,以新增您自己的社交圖示。

1.複製預設模組

  • 在 HubSpot 帳戶中,進入「行銷」>「檔案和範本」>「設計工具」。
  • 在左上角,使用搜尋列找到預設的「關注我」或「社交分享」模組。
  • 按一下模組的名稱。以在編輯器中開啟它。
  • 在模組編輯器的警報中,按一下複製模組
custom-social-sharing-module
  • 在「」對話方塊中,輸入複製模組的名稱,然後按一下複製

2.更換圖示

  • 在模組檢查器中,找到「連結檔案」部分。 在其他檔案下,請留意每個網絡的社交圖示檔案名稱(例如facebook-color.png )。
  • 確保您的自訂社交圖示圖片為PNG格式,並且與模組中每個網路的現有社交圖示檔案具有相同的檔案名稱(例如facebook-color.png )。
  • 若要替換網絡的現有社交圖示,請按一下檔案右側的x符號。 然後,單擊其他文件旁邊的添加

  • 在右側面板中,使用搜尋列在檔案管理器中找到自訂社交圖示,或按一下左下方的新增檔案,然後選擇上傳檔案,從裝置上傳自訂社交圖示。
  • 按一下檔案名稱,將圖示新增至模組。
  • 更換社交圖示檔案後,按一下模組編輯器右上角的「預」以開啟模組預覽。
  • 當你對模組的顯示方式感到滿意時,點擊模組編輯器右上角的發佈變更」。 你現在可以將這個新的自訂模組新增至你的HubSpot內容。


3.將模板新增至模板

發佈模組後,您可以將其新增至拖放模板或已編碼模板。

拖放模板

若要將新的社交分享或關注我模組新增至拖放模板,請查看我們如何將模組新增至模板的指南。

已編碼的範本

若要將此新模組新增至編碼模板,請按照以下步驟操作:

  • 在設計管理系統中開啟該模組。
  • 在左上角,按一下[操作]下拉選單,然後選擇[複製片段]。

    design-manager-copy-module-snippet
  • 瀏覽到要新增此模組的代碼模板。
  • 在編碼範本中,貼上您想要顯示模組的片段。
  • 按一下右上角的發佈
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.