CSSファイルの構成

CSS

大まかには、下記のファイルで構成されています。

  • common.css
    基本的なレイアウトやフォームの外観等を記述してあります。
    特別な理由が無い限り編集しないでください。
  • css/dialogue.css
    吹き出し会話風のレイアウトを決定しています。めったに使わないので無視してOK。
  • css/XXX.css
    サイトによって変わる「サイト専用」CSSです。
    テーマカラー、サイト幅、独自のレイアウトルール等、互換性のないサイト独自のスタイルです。
    「オプション」で読み込みをしています。
    参考:エクストラCSSを使う
  • css/front-end-style.css
    サイト表示だけに使われるCSSです。
    「文字色 = 白」のように、編集画面で読み込まれると都合の悪い設定を記述してあります。
    ※css/XXX.cssも編集画面には読み込まれません。
  • style.css
    基本的に空白でお渡ししています。
    どうしても変えたい項目がある場合はココに記述すると、比較的安全にカスタマイズできます。