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

在電子郵件或頁面中將圖片、行動呼籲(舊版)或標誌置中

上次更新時間: 七月 8, 2024

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

行銷 Hub   Professional , Enterprise
Content Hub   Professional , Enterprise
舊版 Marketing Hub Basic

如果你使用在設計管理工具中建立的版面配置範本,請在範本中新增內嵌樣式,將圖片、行動呼籲(舊版)或標誌模組置於頁面、部落格或電子郵件中。

如果您使用的範本包含拖放區域,則可以在內容編輯器中將模組對齊方式置中。 您還可以使用水平間隔在頁面編輯器中將模組居中。 

使用內嵌樣式將圖片、行動呼籲(舊版)或標誌置中 

請注意:

  • 此方法需要對HTML有基本的了解。 
  • 如果你的頁面或範本新增了附加樣式表或任何其他樣式,則可能會有現有的CSS影響你的圖片、行動呼籲(舊版)或標誌。 HubSpot建議與設計師合作確定樣式的來源,並進行必要的變更以將資產置中。 

 

若要在電子郵件或頁面範本中將圖片、行動呼籲(舊版)或標誌置中,請按照以下步驟操作:

  • 前往你的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
    • 博客: 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
    • 電子郵件: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「行銷郵件」。
  • 將遊標懸停在內容上,然後點擊「編輯」。
  • 在編輯器中,存取內容設定:
    • 對於文章和頁面,點擊設定 選單,然後選擇進階。
    • 如果是電子郵件,請按一下「設定」索引標籤,然後按一下展開「進階選項」部分。 
  • 在「範本」部分,按一下「編輯此範本」,即可在設計管理員中開啟範本。 

  • 在設計管理系統中,按一下標誌、行動號召或圖片模組。 
  • 在右欄的內嵌樣式欄位中輸入text-align: center; 。

 
  • 在右上角,按一下發佈變更,將變更套用至此範本。

從模組的樣式選項中將圖片、行動呼籲(舊版)或標誌置中

如果你使用帶有拖放區域的範本,在某些模組或區段中,你可以選擇直接設定對齊方式。 但請注意,並非所有範本或模組都提供此樣式選項。 

  • 如要將頁面或文章模組置中:
    • 前往你的內容:

      • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
      • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
      • 博客: 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
      將遊標停留在頁面或網誌文章上,然後點擊「編輯」
    • 在頁面編輯器中,按一下要置中的模組 。 
    • 在左側面板中,單擊樣式選項卡,然後單擊以展開對齊和間距部分。 
    • 在對齊下方,選擇居中對齊。 

 

  • 若要將電子郵件模組置中,請按照以下步
    • 在HubSpot帳戶中,前往「行銷」>「電子郵件」。
    • 將滑鼠遊標停留在電子郵件上,然後點擊「編輯」。
    • 按一下您要置中的模組 。 
    • 在左側面板中,單擊對齊下拉菜單,然後選擇居中。 

 

使用水平間隔將圖片、行動呼籲(舊版)或標誌置中

如果您使用的模組沒有對齊選項,您可以從內容編輯器中將水平間隔添加到頁面以將模組置中。 

若要使用水平間隔將模組置中: 

  • 前往你的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
    • 博客: 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
  • 在內容編輯器的左欄中,按一下「+新增」。 
  • 在搜尋列中,搜尋水平間隔。 
  • 單擊水平間隔並拖動到要置中的模塊的每一側。 然後,調整墊片的寬度以將元素置中。 
這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助