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

在行動裝置上自訂拖放內容

上次更新時間: 2025年6月20日

可搭配下列任何訂閱使用,除非另有註明:

所有產品和版本

在內容編輯器中,您可以自訂頁面內容在桌上型或行動裝置上的顯示方式。您可以根據裝置類型編輯特定元素的可見度。您也可以針對行動分隔點自訂邊距和襯墊。進一步瞭解如何在內容編輯器中建立和編輯內容


請注意: 只有 HubSpot 的預設主題和一些Template Marketplace主題包含行動編輯功能。自訂主題預設不包含行動編輯。若要實施行動編輯,HubSpot 建議您與開發人員合作安裝行動分割點


針對行動裝置編輯內容

  1. 導覽到您的內容:

    • 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
  2. 按一下您的頁面名稱
  3. 若要在不同的裝置類型之間切換,請按一下頂端的mobile Mobile 圖示desktop Desktop 圖示,針對選取的類型進行編輯。

Content editor showing option to toggle between editing for mobile or desktop devices.

  1. 在左上方,按一下siteTreeIcon 內容圖示。
  2. 若要編輯元素在行動裝置上的可見性,請在左側面板中按一下模組 或區段,然後展開可見性區段。
    • 隱藏此斷點下,按一下隱藏顯示,以自訂元素在行動裝置上的顯示方式。在手機斷點上隱藏的元素仍會顯示在桌面版本的頁面上。
    • 您也可以在內容預覽中將滑鼠懸停在模組 或區段上,然後按一下hideIcon 隱藏圖示來隱藏元素。

Content editor visibility settings, showing the option to hide or show an element on a mobile breakpoint.

  1. 若要在手機上編輯 padding 和 margin,請在左側面板中展開Alignment and spacing區段。
    • Padding and margin 下方,按一下PaddingMargin,然後在TopLeftRightBottom 欄位中輸入像素值。這些變更只適用於行動版的分隔點,不會出現在桌面版的頁面上。
    • 若要為所有面加入統一間距,請選取套用至所有面核取方塊。

Content editor alignment and spacing settings, showing options to customize padding and margin for a page element.

 

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