コンテンツエディターでモジュールのスタイルをカスタマイズする

コンテンツエディターでは、サイドバーエディターの［スタイル］タブ上のマージンやパディングなどのモジュールスタイル指定オプションを編集できます。カスタムモジュールとテーマで利用可能なスタイルオプションは、そのモジュールを作成した開発者によって設定されています。モジュールとテーマのスタイルオプションについて詳しくは、開発者ドキュメントを参照してください。 

ドラッグ＆ドロップエリアを伴うスターターテンプレート、テーマテンプレート、またはコードテンプレートを使用している場合は、背景スタイルをページの行、列、またはセクションに適用することもできます。

注：古いモジュールには、廃止されたスタイルが含まれている場合があります。それらは、新しいモジュールやテンプレートでは使用できません。廃止されたスタイルも［スタイル］タブで編集できますが、クリアされている場合は、モジュールから削除されます。

既定モジュールまたはカスタムモジュールのスタイルをカスタマイズする

［スタイル］タブで、配置、間隔、色などのスタイルオプションをカスタマイズできます。カスタムモジュールで利用可能なスタイルオプションは、デザインマネージャーの中で開発者によって設定されています。カスタムモジュールのスタイルオプションについて詳しくは、開発者ドキュメントを参照してください。 

• HubSpotアカウントで、ランディングページまたはウェブサイトページに移動します。 
• コンテンツの上にカーソルを重ねて［編集］をクリックします。
• コンテンツエディターで、モジュールをクリックして編集状態にします。
• サイドバーエディターで、［スタイル］タブをクリックします。
• モジュールの間隔を調整するには、［パディング］または［マージン］を選択してから、フィールドにピクセル値を入力します。モジュールの全サイドに同じマージンまたはパディングを適用するには、［すべてのサイドに適用］チェックボックスをオンにします。 
• モジュールで利用可能な境界線、フォント、または色をカスタマイズします。

スターターテンプレートまたはテーマテンプレートからスタイルオプションをカスタマイズする

スターターテンプレートまたはテーマテンプレートを使用している場合、一部のスタイルオプションがサイドバーエディターの［コンテンツ］タブに表示されることがあります。 

• HubSpotアカウントで、ランディングページまたはウェブサイトページに移動します。 
• コンテンツの上にカーソルを重ねて［編集］をクリックします。
• コンテンツエディターで、モジュールをクリックして編集状態にします。
• サイドバーエディターで、［コンテンツ］タブをクリックします。
• ［既定のスタイルを上書き］スイッチをクリックしてオンに切り替えます。
• ［スタイルオプション］セクションで、スターターテンプレートまたはテーマテンプレートに含まれる追加のスタイル指定オプションをカスタマイズします。