Wraptasで追加CSSを書くときのポイント
こんにちは。光岡です。
最近Wraptasを使ってみてるのですが、2種類の追加CSSの使い分けに迷ったのでメモします。
Wraptasには2種類の追加CSSがある2種類の追加CSSを使い分けないとどうなるかWraptasの追加CSSの使い分け方針全ページに適用されるCSS（サイトデザイン編集 → 追加CSS）特定ページにのみ適用されるCSS（ページ設定 → 編集 → 追加CSS）おわりに
Wraptasの追加CSSの使い分け方針
基本方針として
「特定ページにのみ適用されるCSS（ページ設定 → 編集 → 追加CSS）」
のみを利用してスタイルを書いていくのがオススメです
その上で、全ページに適用したいスタイルがわかったら
「全ページに適用されるCSS（サイトデザイン編集 → 追加CSS）」
に移動させるというステップを踏むのが良いでしょう
全ページに適用されるCSS（サイトデザイン編集 → 追加CSS）
- 方針
- 全ページ共通で使うベースとなるスタイルのみを記載する
- 例
- 文字に関するスタイル（, , など）
- 背景色（）
- 各ページ共通で利用するレイアウトの余白（, ）
- 各ページ共通で利用するコンポーネント（ボタン、見出しなど）のスタイル
特定ページにのみ適用されるCSS（ページ設定 → 編集 → 追加CSS）
- 方針
- 個々のページで利用するスタイルを自由に記載する
- 基本的にこちらを利用する
- 例
- 画像のスタイル
- タイトルの表示/非表示
- メタ情報のスタイル