テーマテンプレートやドラッグ＆ドロップエリアを使用したコードテンプレートでは、モバイルデバイス上で特定のモジュールを非表示にしたり、モバイル専用のマージンやパディングを追加したりすることができます。ページのコンテンツそのものは、パソコン版のエディターでのみ編集できます。
注：モバイル編集モードが含まれているのは、既定のHubSpotテーマとマーケットプレイステーマのみです。既定では、カスタムテーマにモバイル編集モードは含まれていません。モバイル編集を実装するには、HubSpot開発者と協力してモバイルブレークポイントをインストールすることをお勧めします。
-
コンテンツを開きます。
- ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
- ページの名前をクリックします。
- ページ上部のmobileモバイルアイコンをクリックします。
- モジュールをクリックすると、モバイルデバイスでの表示方法をカスタマイズできます。
- サイドバーエディターで、Visibilityセクションをクリックし、ShowまたはHideを選択します。非表示のモジュールは、ページのデスクトップバージョンに表示されます。
- モバイルデバイス上でのこのモジュールの間隔スペースを編集するには、［位置合わせとスペース］セクションをクリックし、［パディング］または［マージン］を選択します。［上］、［左］、［右］、［下］フィールドにピクセル値を入力します。
- デスクトップ版のコンテンツエディターに戻るには、ページ上部のdesktopデスクトップアイコンをクリックします。
