본문 바로가기

작업 공간/프로그래밍 [미디어위키] 틀(Template) 만들기 <1>

by 서울나기 2020. 2. 14.

여러 문서에 포함할 기본 글이 있다면, 미디어 위키 틀 기능이 유용하게 쓰입니다. 확장 도구나 미디어 파일과는 다르게 틀에는 중앙 저장소가 없습니다. 틀은 새로 작성하거나, 또는 기존의 작업을 위키피디어와 같은 다른 위키에서 복사하여 목적하는 위키로 불러올 수 있습니다. - 위키미디어 도움말:틀

틀(Template)은 알람이나 경고, 도움말, 인용문등 미리 그 양식을 저장해놓고 다양한 상황에 사용되는 문서를 말합니다. 기본적인 사용법은 /틀:틀이름 페이지에 형식을 작성한 후 다른 페이지에서 {{틀이름}}으로 불러올 수 있습니다.

 

이문서는 Liberty 스킨을 기준으로 하고 있습니다.


1. 틀의 기본적인 사용법

가장 먼저 알림바를 만들어 봅시다. 위키의 고유 주소에 따라서 웹 브라우저로 아래의 페이지로 접속합니다.

/틀:알림바
또는
/index.php?title=틀:알림바

1-1. 기본 문법

기본적으로 틀의 문법은 아래와 같은 형식으로 사용됩니다.

<onlyinclude>
	내용 / 다른 문서에 보여지는 내용
</onlyinclude>

<noinclude>
	내용 / 다른 문서에는 보여지지 않음 (보통 이 틀을 어떻게 사용하는지 설명할 때 사용)
<noinclude>

내용에 아래의 내용을 카피 붙여 넣기 합니다. 리브레위키의 틀:알림바 내용을 조금 수정했습니다.

<onlyinclude>
	<div class="libre-notice {{{속성|}}}" {{#if:{{{id|}}}|id="{{{id}}}"}} style="margin: 8px 0; padding: 8px; border-style: solid; border-width: 2px 0; background-color: {{{배경색|#70BBF93E}}}; border-width: {{{선굵기|2px 0}}}; border-color: {{{테두리색|#0091EA}}}; width: {{{사이즈|100%}}}; border-radius: {{{둥굴기|0px}}}; border-style: {{{스타일|solid}}}; clear: both;">{{{내용|{{{1<noinclude>|[[{{SITENAME}}]] 알림바 스타일입니다.</noinclude>}}}}}}</div>
</onlyinclude>

<noinclude>
	가장 기본이 되는 알림 바 입니다.
<noinclude>

<onlyinclude>안의 내용은 알림바의 기본 형식을 나타냅니다. 변수를 사용하여 다른 틀에서 불러올 때 값을 바꿀 수 있습니다. {{{변수이름|초기값}}}의 형식으로 변수를 지정하는 것을 알 수 있습니다. <noinclude>의 내용은 이 틀을 설명하는 데 사용됩니다.

축하합니다! 첫 틀을 완성했습니다.

1-2 불러오기 및 변수 값 변경

이제 이 틀을 다른 페이지에서 불러와 봅시다. 다른 페이지로 이동해 {{알림바}}라고 입력하면 해당 페이지에 틀:알림바가 표시되는 것을 볼 수 있습니다. 내용도 바꿔 보겠습니다. 아래와 같이 입력해보세요.

{{알림바|내용 = 하위}}

알림바의 주요 내용을 대부분 변수로 지정 했기 때문에 해당 변수의 값을 바꿔주면 바뀐 내용이 출력됩니다. 아래와 같이 지정한 모든 변수를 사용할 수도 있습니다.

{{알림바
|배경색 = #f7d4063e
|선굵기 = 3px
|테두리색 = #de5a5a
|사이즈 = 100%
|둥굴기 = 4px
|스타일 = dashed
|내용 = <center>작품의 <b>[[내용 누설]]</b>을 원하지 않는다면 열람을 삼가주세요.</center>
}}


2. 틀:스포금지 만들기

스포일러 경고를 알리는 내용의 알림바를 보여주고 싶은데 매번 위와 같이 사용하면 복잡해지겠죠. 따라서 틀:알림바를 포함하는 또 다른 틀:스포금지를 만들어 봅시다. 먼저 해당 페이지에 접속합니다.

/틀:스포금지
또는
/index.php?title=틀:스포금지

위에서 사용했던 내용을 틀:스포금지에 넣습니다. 앞서 말한 데로 <onlyincloude></onlyinclude>사이에 소스를 복사 붙이기 합니다.

틀:스포금지를 저장합니다. 이제 스포금지 안내를 하고 싶을 땐 다른 페이지에서 {{스포금지}} 형식으로 불러오기만 하면 됩니다. 


이번 시간에는 간단한 틀 사용법에 대해 알아봤습니다. 개념을 알면 그리 어려운 내용이 아닙니다. 응용해서 스포금지 뿐 아니라 다양한 알림바를 제작해보세요.

댓글