09. 테마 수정 – 파일 수정

qpress 2020년 3월 6일 14

1.테마 편집기

테마 파일을 수정하는 가장 쉬운 방식은 ‘테마 편집기’를 활용하는 방식입니다.

처음 접하는 분들이 가장 난해하게 생각하는 것이 바로 이 ‘테마 편집기’일 것입니다. 거의 사용하지 않지만 간단히 설명하면, 실제 파일들을 관리자모드상에서 수정할 수 있도록 기능을 제공하는 것입니다. 보안이슈 등으로 인해 작동하지 않는 경우도 많고, 수정사항이 테마 업데이트 시 유지 되지 못하기 때문에 거의 사용하지 않습니다.

2. CSS 수정 – style.css

테마 디자인에 있어서 중요한 부분이 테마의 CSS 입니다. 테마의 CSS 파일은 테마 개발자가 구성하기 나름인데 워드프레스에서 공식적으로 가이드 하고 있는 곳은 테마 폴더에 있는 style.css 파일입니다. 모든 테마는 이 style.css 파일을 필수적으로 가지고 있어야 합니다. 테마에 적용된 css를 변경하려면 이 style.css 에 해당 css 코드를 재작성해주면 덮어 쓰게 되어 있습니다.

Twentynineteen 테마의 style.css

style.css 수정 보다는 ‘추가 CSS’를 활용하자

그런데 테마의 style.css 파일을 수정하게 되면 테마 업데이트라는 중요한 문제에 봉착합니다. 그래서 style.css 파일을 수정하는 방식 보다는 ‘테마 디자인’ 메뉴에 있는 ‘추가 CSS’를 사용하는 것이 낫습니다.

‘추가 CSS’에 작성된 CSS 코드는 테마 파일을 변경하지 않고 DB에 저장되는 형태이기 때문에 테마가 업데이트 되더라도 코드가 유지 됩니다.
단, 특정 테마에 종속되기 때문에 테마 자체를 바꾸게 되면 추가 CSS도 새로 작성해야되며, 테마를 원래의 테마로 원복하면 작성 되어 있던 ‘추가 CSS’가 다시 적용됩니다.