請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。
在電子郵件或頁面中將圖像、按鈕CTA或標誌居中
上次更新時間: 五月 22, 2023
可与下列任何一种订阅一起使用,除非有说明:
|
|
舊版 Marketing Hub Basic |
如果您使用的是設計管理工具中建立的佈局範本,請將圖片、按鈕CTA或標誌模組置於網頁、部落格或電子郵件中心,方法是在範本中新增內嵌樣式。
如果您使用的範本包含拖放區域,您可以在內容編輯器中將模組對齊居中。 您也可以使用橫向間隔在頁面編輯器中將模組居中。
將影像、按鈕CTA或標誌置於內嵌樣式的 中心
請注意:
若要將圖片、按鈕CTA或標誌置於電子郵件或頁面範本的中心,請按照以下步驟操作:
- 在您的HubSpot帳戶中,前往您的登陸頁面、網站頁面、部落格文章或電子郵件控制面板。
- 將遊標停留在頁面、部落格文章或電子郵件上,然後按一下「編輯」。
- 在內容編輯器頂部,按一下[設定 ]標籤。
- 在「設定」標籤上,向下捲動並按一下「 進階選項」。
- 在「範本」 區段中,按一下編輯此範本。 此操作將在新標籤或視窗的佈局編輯器中開啟您的範本。
- 在佈局範本中,按一下標誌、行動召喚或影像模組,在檢查員中選擇它。
- 在“內聯樣式”字段中,添加CSS text-align: center;

- 在右上角,按一下發佈變更以將變更套用至此範本。
- 然後,返回內容編輯器並刷新網頁瀏覽器,以填充對模板的更改。 此模塊中的內容現在將集中在您的頁面、博客或電子郵件中。
將模組樣式選項中的圖像、按鈕CTA或標誌居中
如果您使用的是具有拖放區域的範本,在某些模塊或區段中,您可以選擇直接設置對齊方式。 不過,請注意,此樣式選項可能無法在所有範本或模塊上使用。
- 若要將頁面模組居中,請按照以下步驟操作:
- 在您的HubSpot帳戶中,前往您的登陸頁面、網站頁面或部落格文章。
- 將遊標停留在頁面或部落格文章上,然後按一下「編輯」。
- 在頁面編輯器中,按一下您要居中的模組 。
- 在左側面板中,按一下「樣式」標籤。
- 單擊以展開對齊和間距。
- 在對齊下方,選擇居中對齊。
- 若要將電子郵件模組居中,請按照以下步驟操作:
- 在您的HubSpot帳戶中,前往「行 銷 」>「 電子郵件」。
- 將遊標停留在頁面或部落格文章上,然後按一下「編輯」。
- 按一下您要居中的模組 。
- 在左側面板中,按一下對齊下拉菜單,然後選擇居中。

使用水平間隔物將影像、按鈕CTA或標誌居中
如果使用的模組沒有對齊選項,您可以從頁面編輯器將橫向間隔添加到頁面以將模組居中。
請注意:水平間隔模組不適用於Starter模板。
若要使用水平間隔器將模組居中:
- 在您的HubSpot帳戶中,前往您的登陸頁面、網站頁面或部落格文章。
- 在搜尋列中,搜尋水平間隔。
- 按一下並將水平間隔拖動到您要居中的模組的每一側。 然後,調整間隔的寬度,使元素居中。
CTAs
你的意見回饋對我們相當重要,謝謝。
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助。