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

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

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

針對行動裝置編輯內容

1. 導覽到您的內容：

   • 網站頁面：
   • 登陸頁面：
2. 按一下您的頁面名稱。
3. 若要在不同的裝置類型之間切換，請按一下頂端的mobile Mobile 圖示或desktop Desktop 圖示，針對選取的類型進行編輯。

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

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