GeneratePress 테마를 사용하고 있다면, style.css 파일에 직접 스타일을 추가하는 대신 테마의 Customizer를 이용해 CSS를 추가할 수 있습니다. style.css 파일에 추가한 CSS가 적용되지 않는 이유는 GeneratePress 테마가 실제 스타일을 /assets/css/ 폴더의 CSS 파일에서 로드하기 때문일 수 있습니다.
CSS를 적용하기 위해 다음 단계를 따라주세요:
1. 워드프레스 대시보드로 이동:
- 웹사이트의 대시보드로 이동합니다.
2. Customizer로 이동:
- 왼쪽 메뉴에서
외모>Customize를 선택합니다.
3. 추가 CSS 섹션으로 이동:
- Customizer의 메뉴에서
추가 CSS섹션을 찾아 클릭합니다.
4. CSS 코드 추가:
- 제공된 CSS 코드를 추가 CSS 섹션에 붙여넣기합니다.
- 코드 예: h
1 { background-color: black; color: white; font-weight: bold; padding: 20px; border-radius: 10px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); }
5. 저장 및 게시:
- 상단에 있는
게시버튼을 클릭하여 변경사항을 저장합니다.
이제 웹사이트를 방문하여 <h1> 태그의 스타일이 제대로 적용되었는지 확인해보세요. 이 방법을 사용하면 style.css 파일을 직접 수정하지 않고도 CSS를 적용할 수 있습니다.
