COS-General

スタイルシートとは何ですか?

更新日時 December 1, 2016

スタイルシートは、ウェブサイトの特定の要素をウェブ上でどのように表示するかを指示するルールの集合です。このルール、すなわちスタイルの宣言は、.css(Cascading StyleSheet(カスケーディングスタイルシート))の拡張子を持つファイルに保存します。このスタイルシートをウェブサイトのページで使用するには、セクションでタグを使用して、スタイルシートの相対的な場所を指定します。

HubSpotでは、新しいスタイルシートを作成して、デザインマネージャから、ウェブサイトの外観を管理することができます。

新しいスタイルシートをゼロから作成するには、次の手順を実行します。

  • [New template(新規テンプレート)]ボタンをクリックします。
  • [Code Editor(コードエディター)]ボックス内をクリックします。
  • 青い[Create(作成)]ボタンをクリックします。
  • スタイルシートを保存するフォルダーを選択し、末尾に.cssを付けてファイル名を指定します(mystylesheet.cssなど)。
  • 青い[Save(保存)]ボタンをクリックすると、新しいスタイルシートが作成されます。
  • エディターで、ウェブサイトの要素に適用したいCSSルールを追加します。
  • [Publish Changes(変更を公開)] > [Update(更新)]の順にクリックして保存します。

[Update(更新)]をクリックすると、HubSpotのコードエディターにより、インクルードされているすべてのCSSがコンパイルされて1つの縮小版スタイルシート(スペースがすべて削除され、圧縮されたCSSファイル)が作成されます。このファイルをウェブサイト全体、テンプレート、または個別のページに適用することができます。

HubSpotでスタイルシートを使用する方法の詳細については、デザインマネージャユーザーガイドを参照してください。