워드프레스에서 쉽게 사용자 CSS 코드를 추가하는 방법

워드프레스 4.7이 어제 밤에 릴리스되었습니다. 새로운 버전에서 몇 가지 기능이 추가되었습니다. 특히 사용자 지정하기 부분의 개선이 두드러지는 것 같습니다. 워드프레스 4.7에서 새로 선보이는 기능에 대한 간략한 설명은 다음 글을 참고해보시기 바랍니다.

워드프레스가 4.7 버전으로 업데이트되었습니다

여러 가지 새로운 기능 중에서 워드프레스 4.7에서는 사용자 CSS 코드 즉 커스텀 CSS를 쉽게 추가할 수 있도록 사용자 정의하기 아래에 "추가 CSS" 섹션이 새롭게 추가되었습니다.

위의 그림과 같이 워드프레스 대시보드에서 외모 > 사용자 정의하기 > 추가 CSS를 클릭하여 추가 CSS 섹션으로 이동할 수 있습니다(실제 UI는 테마마다 조금씩 다릅니다). 실시간으로 CSS가 적용된다고 하니 보다 수월하게 사용자 CSS를 추가할 수 있을 것 같습니다. 참고로 이 기능은 본래 워드프레스 가입형의 유료 버전에서 제공되는 기능과 동일한 것으로 보입니다.

이외에도 아바다, Enfold 등 유료 테마에서는 자체적으로 간단한 CSS를 추가할 수 있는 기능을 제공하기도 합니다. 그리고 Custom CSS 섹션이나 플러그인, 혹은 차일드 테마(자식 테마)를 통해서도 커스텀 CSS를 추가할 수 있습니다. 보다 바람직한 방법은 차일드 테마를 사용하는 것 같습니다.