備忘録8

今回のサイト構築では、CSSを編集しても変更が反映されない場合があり、その際はブラウザやDrupalのキャッシュを削除することが重要だと学んだ。また、デザインを変更したい要素は、ページ上で右クリックして「開発者ツール」を開き、「調査する」を選択するとHTML構造を確認できる。例えば、サイト上部のデザインを変更したい場合は<header id="header">を探し、その要素に対応するCSSを編集することで背景色や文字色などを変更できる。変更箇所が分からないときは、まず開発者ツールで対象要素を特定し、その後CSSを修正するという流れを意識すると効率よく作業できる。今後もキャッシュの削除と開発者ツールの活用を基本として、CSSの編集を進めていきたい。