更新日時 2023年 1月 19日
ドラッグ＆ドロップエリアがあるテーマテンプレート、スターターテンプレート、およびコードテンプレートにおいて、モバイルデバイス上の特定のモジュールを非表示にしたり、モバイル専用のマージンやパディングを追加したりすることができます。ページコンテンツ自体は、エディターのデスクトップバージョンでのみ編集できます。
注：モバイル編集モードが含まれているのは、既定のHubSpotテーマとマーケットプレイステーマのみです。既定では、カスタムテーマにモバイル編集モードは含まれていません。モバイル編集を実装するには、開発者と協力してモバイルブレークポイントをインストールすることをおすすめします。
- HubSpotアカウントで、ランディングページまたはウェブサイトページに移動します。
- 対象のページの上にマウスポインターを合わせて、［編集］をクリックします。
- サイドバーエディターの左上にある［モバイル用に編集］アイコンをクリックします。
- モバイルデバイスでの表示方法をカスタマイズする対象となるモジュールをクリックします。
- モバイルデバイス上でこのモジュールを表示または非表示にするには、［可視性］セクションをクリックし、［表示］または［非表示］を選択します。非表示のモジュールは、ページのデスクトップバージョンに表示されます。
- モバイルデバイス上でのこのモジュールの間隔スペースを編集するには、［位置合わせとスペース］セクションをクリックし、［パディング］または［マージン］を選択します。［上］、［左］、［右］、［下］フィールドにピクセル値を入力します。
- 別のモジュールを選択するには、左上にある［戻る］をクリックします。
- デスクトップエディターに戻るには、左上の［デスクトップ用に編集］アイコンをクリックします。
