CSS 번역 템플릿

CSS 테마를 번역하신다면, 해당 테마 페이지는 아마 다음과 같은 형식일 겁니다. 테마 페이지의 모든 내용을 복사해줍니다.

[[module CSS]]
@import url(http://www.scp-wiki.net/theme:example-theme/code/1);
[[/module]]

[[iftags +theme]]

[[>]]
[[module Rate]]
[[/>]]

This is the ExamplePlaceholder Theme by Nobody and NotARealPerson.

To use this theme, please put the following at the top of your page:

[[div class="code"]]
@@[[include :scp-wiki:theme:example-theme]]@@
[[/div]]

This theme is designed for ExampleGOI format articles.

[[code type="css"]]
/* Write your CSS here */
[[/code]]

[[/iftags]]

여러분은 우선 @import url(http://www.scp-wiki.net/theme:example-theme/code/1);를 한국어 위키의 URL(ko.scp-wiki.net)로 수정하셔야 합니다. 그 다음은 [[iftags +theme]][[iftags +테마]]로 수정해주세요. 그리고 저장, 혹은 미리보기 버튼을 눌러줍시다.

그러면 테마가 기능을 알아볼 수 있도록 제시된 다양한 예시가 나타납니다. 모두 번역해줍시다.

그렇게 일반적인 번역을 모두 마쳤다면 이제 남은 부분은 코드입니다.

CSS 테마의 코드 수정하기

CSS 테마는 가장 하단에 있는 코드를 우선해 상단에 존재하는 코드가 수정됩니다. 그렇기에 모든 코드를 복사해서 찾아 수정할 필요 없이 보다 단순한 방법으로 수정이 가능합니다.

우선

[[code type="css"]]
/* Write your CSS here */
[[/code]]


이 블록 사이에 대량의 코드가 존재할 것입니다. 이 코드를 모두 지워주세요. 그리고 이렇게 코드를 적어주세요.

[[code type="css"]]
@import url(http://www.scp-wiki.net/theme:example-theme/code/1);
[[/code]]

물론 example-theme는 알맞게 교체해주세요. 이렇게 하면 여러분이 번역하고 있는 테마 페이지는 원본과 완전히 동일한(그리고 원본이 변경되면 자동으로 변경되는) 코드를 가지고 있게 됩니다. 그러면 이제 적절한 현지화가 필요합니다.

[[code type="css"]]
@import url(http://www.scp-wiki.net/theme:example-theme/code/1);

#header h1 a::before {
content: "SCP 재단";
}
[[/code]]

가장 흔하게 변경하게 되는 사항인 페이지의 타이틀을 수정하는 방법입니다. 원본 테마에서는 타이틀의 폰트, 색상, 크기를 결정하기 위한 다수의 코드가 #header h1 a::before 내부에 존재하지만 오직 content만 수정하셔도 올바르게 작동합니다.

[[code type="css"]]
@import url('http://www.scp-wiki.net/theme:example-theme/code/1');

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');

h1, #page-title {
font-family: 'Nanum Gothic', sans-serif;
}
[[/code]]

가장 흔하게 변경되는 사항 중 하나인 폰트의 경우 임포트할 폰트를 선언해주고, 기존 폰트를 대체하는 것이 아니라 기존 폰트 앞에('새폰트', 기존폰트들…) 추가해주시면 됩니다.