도쿠위키 템플릿 CSS 수정

미디어위키와 마찬가지로 도쿠위키 역시 다양한 템플릿(스킨)을 적용할 수 있다.

사용자가 임의로 템플릿의 css 등을 직접 수정하는 것은 좋지 않다. 향후 업데이트 등이 이루어질 경우 앞서 수정한 것들이 도루묵이 되기 때문이다.

도쿠위키에서는 각 스킨의 폴더의 style.ini 파일에 custom.css 항목을 아래와 같이 추가하고 custom.css 파일을 생성해 필요한 css 내용을 더하면 템플릿 원본 css를 건드리지 않고도 스타일을 변경할 수 있다. (다만 원본 css 에 !important 로 설정된 것은 영향을 주지 못한다.)

[stylesheets]
; DokuWiki core styles
css/core/_media_popup.css      = screen
css/core/_media_fullscreen.css = screen
css/core/_fileuploader.css     = screen
css/core/_links.css            = screen
css/core/_search.less          = screen
css/core/_edit.css             = screen
css/core/_modal.css            = screen
css/core/_forms.css            = screen
css/core/_admin.less           = screen
custom.css                     = screen

본 도쿠위키 사이트 템플릿도 화면 가로 전체를 100% 사용하는 것이지만 개인적으로 콘텐츠 body 부분을 좁혀서 사용하고 있다. custom.css 파일에 아래와 같이 넣었다.

body {margin: 0 auto; max-width: 1024px; font-size: 15px;}

또 다른 방법 - userstyle.css