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

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

更新日時 1月 2, 2019

対象製品

Marketing Hub  Professional, Enterprise
Basic
HubSpot CMS

ランディングページおよびウェブサイトページのコンテンツエディターで各モジュールのスタイル設定を編集できます。モジュールエディターの [スタイル] タブで使用できるオプションは、編集しているモジュールのタイプによって異なります。どのモジュールでも、カスタムのマージンとパディングを設定できます。一部のタイプのモジュールには、色、形状、フォントのオプションがあります。

: 最適な結果を得るには、サイトに添付されたスタイルシートに対して直接 CSS の編集を行うことをお勧めします。

  • HubSpot アカウントで、ランディングページまたはウェブサイトページに移動します。
  • 左のサイドバーメニューでモジュールアイコン統合をクリックし、編集するモジュールを選択します。
  • [スタイル] タブをクリックします。
  • 矢印キーを使用して、モジュールの周囲のマージンとパディングを調整します。モジュールの四方すべてに均等なスペースを空けるには、[均等] チェックボックスをクリックします。
  • モジュールで利用可能な他の色、パディング、またはフォントのスタイルをカスタマイズします。コンテンツエディターで行った変更が反映されるのを確認します。
  • モジュールのスタイルに対して行った変更を元に戻すには、[すべてのスタイルをリセット] をクリックします。

edit-module-styles

  • 変更を行ったら、[保存してモジュールリストに移動] をクリックします。
  • [公開] または [更新] をクリックして変更を適用します。
ユーザー追加画像