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

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

更新日時 2024年 4月 3日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

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


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

  • コンテンツを開きます。

    • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
  • 対象のページの上にマウスポインターを合わせて、[編集]をクリックします。
  • ページ上部のmobileモバイルアイコンをクリックします。

モバイルコンテンツ編集

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

モバイルコンテンツ用編集位置合わせ

  • デスクトップ版のコンテンツエディターに戻るには、ページ上部のdesktopデスクトップアイコンをクリックします。 
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。