3-3 デザインを統一する
無料全ページのデザインを統一し、一貫性のあるサイトに仕上げます。
第3章: 複数ページのサイトに拡張15分
共通CSSの整理
ページが増えると、スタイルの管理が重要になります。
> 全ページで共通のCSSを style.css に切り出して。
> 各HTMLファイルから読み込むようにして。
> カラーパレットを CSS 変数で定義して統一して。レスポンシブ対応の統一
全ページがスマホでも正しく表示されるか確認しましょう。
> 全ページのスマホ表示を確認して、問題があれば修正して。
> 特にナビゲーションとフォームが使いやすいか重点的に。最終チェック
サイト全体をチェックして、不整合がないか確認します。
- 全ページのリンクが正しく動作するか
- デザインに統一感があるか
- スマホ・PC 両方で問題ないか
- 文字の誤字脱字がないか
ポイント
Claude Code に「サイト全体をレビューして問題点を指摘して」と依頼すると、自動でチェックしてくれます。