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

編輯按鈕CTA的大小

上次更新時間: 五月 22, 2023

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

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

使用內置尺寸選項和自訂CSS調整按鈕CTA的大小。 為影像CTA上傳影像時,您可能需要考慮視網膜優化

若要進一步自訂您的按鈕CTA ,請瞭解如何使用CSS將自訂風格新增至您的CTA。 如果您要將按鈕CTA新增至電子郵件或範本,請瞭解如何將CTA居中

編輯您的CTA大小 

您可以手動調整按鈕CTA的大小,或使用自訂CSS自動填充按鈕CTA的容器或模組的寬度。 如果您在非HubSpot網站上 嵌入i MAGE CTA ,您可能需要在樣式表中套用其他CSS聲明(如width: 100%; ) ,以使影像CTA具有響應性。

如要編輯按鈕CTA的大小: 
  •  Marketing > Lead Capture > Button CTAs。
  • 將鼠標懸停在按鈕CTA上,然後按一下[操作] > [編輯]。
  • 在「滑入」面板中,按一下進階選項。
  • 如要手動調整自訂按鈕CTA的大小:
    • 清除適合文字核取方塊。 這將移除應用的自動調整大小。
    • 在按鈕填充區段中,輸入按鈕寬度和按 鈕高度欄位的 大小值。 
    • 按一下下一步>。 
    • 按一下儲存。然後按一下完成。 
  • 要讓您的自訂按鈕CTA填充其容器或模組的整個寬度:
    • 清除「自動調整大小」核取方塊。 
    • 在 自定義CSS 字段中,輸入您的自定義CSS
    • 將寬度設置為寬度: 100%;
    • 按一下下一步>。 
    • 按一下儲存。然後按一下完成。 

 

什麼是Retina優化?

如果收件人在現代版本的Apple Mail和iOS郵件中檢視CTA ,視網絡優化會讓按鈕CTA的圖片在網站頁面和電子郵件中變得更加清晰; Outlook或Gmail等網郵服務不支援此功能。 

當您上傳的影像大小至少是按鈕CTA所需大小的兩倍時,支持網絡優化,類似於網絡支援如何運作於網際網路上的所有影像。 另請注意以下內容: 

  • 如果你建立的CTA為400x100像素,上傳的圖片必須為800x200像素,才能支援@ 2x像素密度顯示。
  • CTA支持添加高達4x版本。 例如,如果你要建立的CTA為400x100像素,你可以上傳1600x400像素的圖片。
  • CTA將自動在您的網站上渲染,並在可用情況下提供1x、2x、3x和4x版本的srcset屬性。
  • 如果上傳的圖片大小與CTA的渲染大小相同,則不會有視網支援。 例如,如果400px x 100px CTA上傳了400px x 100px的圖片
這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助