お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
モバイルデバイスでドラッグ&ドロップコンテンツをカスタマイズする
更新日時 2024年 5月 23日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
すべての製品とプラン |
テーマテンプレートやドラッグ&ドロップエリアを使用したコードテンプレートでは、モバイルデバイス上で特定のモジュールを非表示にしたり、モバイル専用のマージンやパディングを追加したりすることができます。ページのコンテンツそのものは、パソコン版のエディターでのみ編集できます。
注:モバイル編集モードが含まれているのは、既定のHubSpotテーマとマーケットプレイステーマのみです。既定では、カスタムテーマにモバイル編集モードは含まれていません。モバイル編集を実装するには、開発者と協力してモバイルブレークポイントをインストールすることをおすすめします。
-
コンテンツを開きます。
- ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
- ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
- あなたのページの名をクリックします。
- ページ上部のmobileモバイルアイコンをクリックします。
- モジュールをクリックすると、モバイルデバイスでの表示方法をカスタマイズできます。
- サイドバーエディターで、Visibilityセクションをクリックし、ShowまたはHideを選択します。非表示のモジュールは、ページのデスクトップバージョンに表示されます。
- モバイルデバイス上でのこのモジュールの間隔スペースを編集するには、[位置合わせとスペース]セクションをクリックし、[パディング]または[マージン]を選択します。[上]、[左]、[右]、[下]フィールドにピクセル値を入力します。
- デスクトップ版のコンテンツエディターに戻るには、ページ上部のdesktopデスクトップアイコンをクリックします。
Landing Pages
Website Pages
貴重なご意見をありがとうございました。
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。