メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Landing Pages

モバイルデバイスでドラッグ&ドロップコンテンツをカスタマイズする

更新日時 2021年 7月 22日

対象製品

すべての製品とプラン

ドラッグ&ドロップエリアがあるテーマテンプレートスターターテンプレート、およびコードテンプレートにおいて、モバイルデバイス上の特定のモジュールを非表示にしたり、モバイル専用のマージンやパディングを追加したりすることができます。ページコンテンツ自体は、エディターのデスクトップバージョンでのみ編集できます。 


注:モバイル編集モードが含まれているのは、既定のHubSpotテーマとマーケットプレイステーマのみです。既定では、カスタムテーマにモバイル編集モードは含まれていません。モバイル編集を実装するには、開発者と協力してモバイルブレークポイントをインストールすることをおすすめします。

edit-page-content-for-mobile

  • モバイルデバイスでの表示方法をカスタマイズする対象となるモジュールをクリックします。
  • モバイルデバイス上でこのモジュールを表示または非表示にするには、[可視性]セクションをクリックし、[表示]または[非表示]を選択します。非表示のモジュールは、ページのデスクトップバージョンに表示されます。 
  • モバイルデバイス上でのこのモジュールの間隔スペースを編集するには、[位置合わせとスペース]セクションをクリックし、[パディング]または[マージン]を選択します。[上]、[左]、[右]、[下]フィールドにピクセル値を入力します。 

edit-alignment-on-mobile

  • 別のモジュールを選択するには、左上にある[戻る]をクリックします。
  • デスクトップエディターに戻るには、左上のdesktop[デスクトップ用に編集]アイコンをクリックします。