更新日時 2025年6月20日
以下の 製品でご利用いただけます（別途記載されている場合を除きます）。
コンテンツエディターで、デスクトップまたはモバイルデバイス向けに ページコンテンツ の表示方法をカスタマイズできます。デバイスタイプに基づいて特定の要素の共有範囲を編集できます。また、モバイルブレークポイント専用のマージンとパディングをカスタマイズすることもできます。コンテンツエディターでのコンテンツの作成と編集について詳細をご確認ください
注:HubSpotのデフォルトのテーマと一部のテンプレートマーケットプレイスのテーマにのみモバイル編集機能が含まれます。カスタムテーマにはデフォルトではモバイルでの編集機能は搭載されていません。モバイル編集を実装するには、 開発者と協力してモバイルブレークポイントをインストールすることをお勧めします。
モバイルデバイス用のコンテンツを編集
-
コンテンツを開きます。
- ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
- ページの名前をクリックします。
- 異なるデバイスタイプを切り替えるには、上部にある モバイルアイコン または デスクトップアイコン をクリックし、選択したタイプに合わせて編集します。
- 左上の コンテンツ アイコンをクリックします。
- モバイルでの要素の表示条件を編集するには、左側のパネルで モジュール または セクション をクリックし、[ 表示条件 ]セクションを展開します。
- [このブレークポイントで非表示]で、[ 非表示 ]または [表示 ]をクリックして、モバイルでの要素の表示方法をカスタマイズします。モバイルブレークポイントに対して非表示にされた要素は、ページのデスクトップバージョンに引き続き表示されます。
- コンテンツプレビューで モジュール または セクション の上にカーソルを置き、 非表示 アイコンをクリックすることにより、要素を非表示にすることもできます。
- モバイルのパディングとマージンを編集するには、左側のパネルで[ 位置合わせと間隔 ]セクションを展開します。
- [パディングと余白]で、[ パディング ]または [余白 ]をクリックし、[ 上]、[ 左]、[ 右]、 または[下] フィールドに ピクセル値 を入力します。これらの変更はモバイルブレークポイントにのみ適用され、ページのデスクトップバージョンには表示されません。
- すべての辺に均一な間隔を追加するには、[ すべての辺に適用 ]チェックボックスをオンにします。
