사용자 정의 스타일 시트 Simple Custom CSS

Plugin for Custom Cascade Style Sheet - Simple Custom CSS

워드프레스 홈페이지의 디자인을 수정하기 위해서는 테마의 템플릿 파일과 스타일 시트를 수정해야 합니다. 하지만 스타일을 수정하기 위해 항상 테마 편집기로 들어가는 것은 조금 불편하기도 합니다. 또한 자식테마를 만들지않고 원래의 테마를 그대로 사용하는 경우 테마가 업그레이드 되면 파일들을 다시 덮어 쓰기 때문에 추가된 스타일이 사라지는 경우도 있습니다.

그렇기 때문에 보통 플러그인을 사용하여 사용자 스타일을 추가하는 것을 추천하고 있습니다. 그 중 많이 사용되는 플러그인이 'Simple Custom CSS'입니다.

Simple Custom CSS 바로가기

플러그인을 활성화하면 대시보드의 '외모' 항목 아래에 'Custom CSS'가 추가됩니다.

나눔 고딕을 구글 웹폰트로 불러와서 body 태그에 우선 적용하는 스타일을 작성해 봅니다.

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
body { font-family: 'Nanum Gothic', sans-serif !important; }

body 태그에 나눔 고딕이 적용된 것을 웹브라우저 요소 검사를 통해 확인할 수 있습니다.

장점 : 빠른 접근성 

단점 : 테마별 스타일 적용 불가능 

워드프레스가 업데이트되면서 현재는 '외모 - 사용자 정의하기 - 사용자 CSS'를 사용해서 각각의 테마마다 개별적으로 사용자 스타일 시트를 적용할 수 있게 되었지만 그래도 빠른 접근성면에서 이 플러그인을 많이 사용하고 있습니다.