COS-Pages-Editor

ページにカスタムスタイルシートを添付するにはどうしたらよいですか?

更新日時 December 1, 2016

必要条件

ソフトウェア: HubSpot マーケティング
サブスクリプション: Basic, Pro, & Enterprise

スタイルシートをデザインマネージャーで作成してテンプレートに添付する方法をお勧めします。これにより、そのテンプレートで作成されるすべてのコンテンツが、参照されているCSSファイルを使用します。

テンプレートレベルの添付(推奨)

スタイルシートをテンプレートに添付するには、次の手順を実行します。

  • [Edit(編集)] > [Edit Head(Headの編集)]をクリックします。
  • [Head Options(Head要素オプション)]ポップアップウィンドウで、[+Add Stylesheets(+スタイルシートを追加)]をクリックします。
  • スタイルシートを選択し、[Add(追加)][Save(保存)][Publish Changes(変更を公開)]をクリックします。ページやテンプレートに添付できるカスタムスタイルシートの作成方法の詳細を確認する場合はここをクリックしてください。

また、テンプレートで使用していないドメインスタイルシートとプライマリCSSを無効にすることもできます。

ユーザー追加画像
ユーザー追加画像

ドメインレベルの添付(非推奨)

プライマリCSS以外のスタイルシートをサイト全体に添付するには、[Content(コンテンツ)] > [Content Settings(コンテンツ設定)]の順に移動し、ページの公開オプションのデフォルトページスタイルのドロップダウンメニューからスタイルを選択します。この設定ページからプライマリCSSを無効にすることもできます(非推奨)。

ページレベルの添付(非推奨)

ページの編集中に、ページレベルでスタイルを選択できます。編集しているウェブサイトページまたはランディングページの[Settings(設定)]タブで、ページ固有のCSSファイルを追加できます。また任意のモジュールの[Style(スタイル設定)]オプションを使用して、特定のページの外観をライブ反映機能で変更することもできます