문서를 꾸미는 방법에 대한 문서입니다.
- 리브레 위키가 너무 어렵게 느껴지나요? 위키 작성, 당신도 할 수 있다! 문서를 읽어 주세요.
- 연습은 연습장에서 하실 수 있습니다.
- 글 작성시 유용한 틀 목록과 설명은 리브레 위키:틀 문서를 참고하세요.
- 모니위키 → 미디어위키 문법 변환기는 여기에 있습니다. (베타 테이블 지원 안 됨)
- 리브레 위키 표 생성기는 이곳을 이용하세요.
미디어위키의 문법은 모니위키의 문법과 매우 다릅니다. 구 리그베다 위키나 나무위키에 익숙한 유저들은 편집하실 때 문법 차이에 유의 바랍니다. 위키백과를 이용해본 유저들은 위키백과와 문법이 같으니 참고하시면 좋습니다.
초급
이것만 알고 있어도 글을 수정, 작성하는 데 큰 문제 없는 기본적인 문법들.
새 문서 만들기
1. 원하는 문서 이름을 검색
2. "이 위키에 "#dc143c" 문서를 만드세요!"라는 문장이 나오면 빨간색 글자 링크 클릭.
마찬가지로 다른 문서를 읽다가 빨간색 글자 링크가 있으면 그걸 클릭하고 새 문서를 쓸 수 있습니다.
문단 제목
제목 양쪽에 == ==를 입력하면 됩니다. = =와 같은 '=' 한 개짜리가 아닌 두 개짜리부터 쓰시면 됩니다. '='를 양쪽에 더 붙일수록 하위 제목이 됩니다.
예 : == 문단 제목 ==
- === 문단 제목2 ===
목록 만들기
기본
|
* 이렇게 * 순서 없는 *: 목록을 ** 만들 수 * 있습니다. |
|
# 이렇게 # 순서 있는 #: 목록을 ## 만들 수 # 있습니다. |
앞을 한 칸 띄우지 않고 *(별표)로 행을 시작하면 순서 없는 목록이 만들어집니다. 하위 목록을 만들려면 별표를 하나 추가하면 됩니다. 목록에 이어지는 내용을 적으려면 :(콜론)을 추가하면 됩니다. 순서 있는 목록을 만들려면 별표 대신 #(샵)을 쓰면 됩니다.
혼합
|
* 이렇게 *# 순서 없는 * 목록을 *# 만들 수 *# 있습니다. |
|
# 이렇게 # 순서 있는 #: 목록을 ## 만들 수 # 있습니다. |
용어 설명 목록 만들기
|
; 용어 : 용어를 설명하는 목록을 :; 이런 식 :: 으로 만들 수 있습니다. |
용어 설명 목록은 등장인물과 같이 해당 단어나 용어를 설명해야 할 때 쓰입니다. 같은 종류를 묶을 때 들여쓰기를 씁니다.
글씨 꾸미기
| 기능 | 입력 | 결과 |
|---|---|---|
| 굵은 글씨 | '''굵은 글씨''' | 굵은 글씨 |
| 기울어진 글씨 | ''기울어진 글씨'' | 기울어진 글씨 |
| 굵고 기울어진 글씨 | '''''굵고 기울어진 글씨''''' | 굵고 기울어진 글씨 |
| 색깔 넣기 | {{색|(글씨색코드)|내용|배경=(배경색코드)}}[1] 배경은 생략 가능합니다. |
내용 |
| 큰 글씨 | <big>큰 글씨</big>[2] | 큰 글씨 |
| 작은 글씨 | <small>작은 글씨</small>[3] | 작은 글씨 |
| 취소선 | <s>취소선 그어진 내용</s> 또는 {{ㅊ|취소선 그어진 내용}} <del> 태그는 일반 문서에서는 권장되지 않습니다.[4] |
|
| 밑줄 | <u>밑줄 그어진 내용</u> <ins> 태그는 일반 문서에서는 권장되지 않습니다. |
밑줄 그어진 내용 |
들여 쓰기
토론 할 때 다른 사람의 질문을 답변하는 용도로 쓰입니다. 아래는 사용 예시입니다.
왜 이렇게 한 것이죠. :이렇게 되었습니다. ::그건 정당하지 않습니다. 24시간안에 해명하지 않으면 차단합니다. :::조지고 부시고 ::::차단합니다 :::::인정할 수 없습니다.
왜 이렇게 한 것이죠.
- 이렇게 되었습니다.
- 그건 정당하지 않습니다. 24시간안에 해명하지 않으면 차단합니다.
- 조지고 부시고
- 차단합니다
- 인정할 수 없습니다.
- 차단합니다
- 조지고 부시고
- 그건 정당하지 않습니다. 24시간안에 해명하지 않으면 차단합니다.
글상자
{{인용문2}} 틀을 사용하면 글상자가 됩니다
{{인용문2|다음과 같이 나타납니다.}}
다음과 같이 나타납니다.
개행
- 엔터를 두번 칩니다.
<br>을 씁니다.
일반적으로 엔터 두 번을 더 권장합니다.
다만 표 내부에서 개행을 할 필요가 있을 때와 같은 특수한 상황에서는 <br> 사용으로 해야 합니다.
문서 연결, 링크
| 기능 | 입력 예시 | 결과 |
|---|---|---|
| 내부 문서 링크 | [[리브레 위키]] [[리브레 위키|바로 이 위키]] |
리브레 위키 바로 이 위키 |
| 내부 문서의 특정 항목으로 링크 | [[도움말:위키 문법#문서 연결, 링크]] [[도움말:위키 문법#문서 연결, 링크|바로 이 항목]] |
도움말:위키 문법#문서 연결, 링크 바로 이 항목 |
| 위키간 링크(인터위키) | [[위키백과:도움말|백:도]] | 백:도 |
| 외부 링크 (외부링크 틀을 사용) | {{외부링크|1=http://www.naver.com}} | www.naver.com |
| 외부 링크 | http://www.naver.com [http://www.naver.com] [http://www.naver.com 네이버] |
http://www.naver.com[5] [1] 네이버 |
| 넘겨주기(리다이렉트)[6] | #redirect [[B]] 또는 #넘겨주기 [[B]] |
서명 달기
문서 토론 및 게시판에서 의견을 남기는데 있어서 누가 썼는지 알리는 것으로,
편집 시 편집창 위쪽의 
버튼을 누르거나 --~~~~를 쓰면 됩니다.
필요하다면 미리보기로 서명이 잘 들어갔는지 확인이 가능합니다.
주석 달기
주석을 달 때는 다음과 같이 씁니다.
본문 내용<ref>주석 내용</ref>
단, 이렇게 써두기만 하면 주석 에러가 뜨면서 주석 기능이 작동하지 않습니다. 그러므로 문서 맨 아래쪽 부분에
{{각주}} 또는 {{주석}}을 넣어주면 됩니다.
작성 예 -
주석 설명용 예시 문장입니다. 이러쿵 저러쿵<ref>주석 내용 어쩌고 저쩌고</ref>
...
{{주석}}
결과 -
주석 설명용 예시 문장입니다. 이러쿵 저러쿵[7]
한 문서 내에서 똑같은 주석을 여러 번 사용할 경우에는 ref에 name 속성으로 이름을 붙여서 사용하며 첫 주석에만 내용을 넣고 같은 이름으로 재사용된 주석에는 내용을 넣지 않습니다.
작성 예
메인쿤<ref name="example_cat">고양이의 품종 중 하나</ref> VS 노르웨이숲<ref name="example_cat" />
결과 -
분류 붙이기
[[분류:분류명]]를 써주면 됩니다. 이 분류는 일종의 꼬리표태그 같은 기능을 하며, 한 문서에 여러 분류를 붙이는 것도 가능합니다.
문서에 분류 꼬리표를 다는 게 아니라 문장 중에 [[분류:분류명]]링크를 걸고 싶다면 [[:분류:분류명]]로 쓰면 됩니다.
예를 들어 [[:분류:위키위키]]라고 쓰면 -> 분류:위키위키
분류에 상위 분류를 지정하려면 그 분류 문서에 상위 분류의 이름을 넣으세요. 예를 들어 분류:일본의 만화의 상위 분류로 분류:일본과 분류:만화를 지정하고 싶다면 분류:일본의 만화에다 [[분류:일본]], [[분류:만화]]를 넣으면 됩니다.
한 분류 안의 문서 정렬 순서는 기본적으로 문서의 제목을 따라서 정렬되나, 따로 정렬 키를 지정할 수도 있습니다. 예를 들어 [[ABC]]라는 문서에 [[분류:가나다]]를 넣을 경우, ABC 문서는 '분류:가나다'에서 A의 밑에 나타나며, ABB와 ABD라는 문서가 '분류:가나다'에 같이 있을 경우 ABB와 ABD 사이에 나타납니다. 그러나 ABC 문서를 ABC 대신 DEF를 기준으로 정렬되게 하고 싶다면, ABC 문서에 [[분류:가나다|DEF]]라고 입력하면 됩니다. 이렇게 하면 ABC 문서는 D의 밑에 나타나며, DEE와 DEG라는 문서가 '분류:가나다'에 같이 있을 경우 DEE와 DEG 사이에 들어갑니다.
여러 분류에 일괄적으로 똑같은 정렬 키를 지정하고 싶다면, 분류가 시작되는 부분의 바로 위에 {{DEFAULTSORT:(정렬 키)}}를 입력하면 됩니다. {{DEFAULTSORT:(정렬 키)}}가 입력된 경우, [[분류:가나다]]를 [[분류:가나다|(정렬 키)]]로 입력하지 않아도 자동으로 DEFAULTSORT에 입력된 정렬 키를 기준으로 정렬됩니다.
문서 제목이 일본어인 경우 정렬 키를 따로 지정해 주어야만 정렬이 제대로 됩니다. 일본어의 경우 정렬 키에는 문서 제목의 히라가나 표기를 사용하는데, 이 히라가나 표기에서 탁점과 반탁점을 떼고, 작은 글자는 큰 글자로 바꾸고, 장음 기호(ー)는 앞 모음에 따라 あ, い, う, え, お로 바꾸고, 기타 문장 부호는 뺀 형태를 사용해야 합니다.
| 문서 제목 | 鈴懸の木の道で「君の微笑みを夢に見る」と言ってしまったら僕たちの関係はどう変わってしまうのか、僕なりに何日か考えた上でのやや気恥ずかしい結論のようなもの |
|---|---|
| 히라가나 표기 | すずかけのきのみちで「きみのほほえみをゆめにみる」といってしまったらぼくたちのかんけいはどうかわってしまうのか、ぼくなりになんにちかかんがえたうえでのややきはずかしいけつろんのようなもの |
| 정렬 키 | すすかけのきのみちてきみのほほえみをゆめにみるといつてしまつたらほくたちのかんけいはとうかわつてしまうのかほくなりになんにちかかんかえたうえてのややきはすかしいけつろんのようなもの |
이미지 넣기
| 기능 | 입력 |
|---|---|
| 원래 이미지 파일 그대로 사용하고자 할 때 | [[파일:File.jpg]] |
| 이미지 크기를 줄이고 싶을 때 | [[파일:File.jpg|300픽셀]] |
| 위치를 정하고 싶을 때 | [[파일:File.jpg|왼쪽 or 가운데 or 오른쪽]] |
| 섬네일로 넣고 싶을 때 | [[파일:File.jpg|섬네일]] |
| 복합 | [[파일:File.jpg|200픽셀|섬네일|왼쪽|설명]] |
자신이 새로 이미지 파일을 올릴 때는 상단 바의 "도구"탭에서 "업로드"로 들어가서 올리면 됩니다.
위키미디어 공용에 있는 사진은 따로 파일을 올리지 않고 그냥 [[파일:File.jpg]]만 쓰면 됩니다.
사용자 이름
문서에 사용자 이름을 넣을 수 있습니다. 로그인시 사용자 이름이 표시되고, 비로그인시 아래와 같이 표시됩니다.
{{위키러}}
로그인시 : 위키러
비로그인시 : 위키러
{{위키니트}}
로그인시 : 틀:위키니트
비로그인시 : 위키니트
{{사용자}}
로그인시 : 사용자 이름
비로그인시 : 사용자
{{사용자|소환사}}
로그인시 : 사용자 이름
비로그인시 : 소환사
유튜브 영상 넣기
{{YouTube|동영상ID}}라고 쓰면 됩니다.
youtube 틀은 대소문자를 안가립니다. 따라서 YouTube도 youtube도 youtubE도 가능합니다.
동영상ID는 유튜브 영상의 주소에서 v= 다음 부분입니다.
예를들어 www.youtube.com/watch?v=1a0WDHZuw4w의 동영상 ID는 1a0WDHZuw4w입니다.
{{youtube|1a0WDHZuw4w}}라고 쓰면,
인용문 넣기
{{인용문|인용할 내용|작가|출처|정렬}}를 쓰면 됩니다.
예 : {{인용문|언니 저 맘에 안 들죠?|누군가|해변에서|center}}라고 쓰면
“ 언니 저 맘에 안 들죠? “ — 누군가, 해변에서
'정렬'칸에는 center, left, right 중 원하는 걸 쓰면 됩니다. '정렬'칸을 쓰지 않아도 기본값인 center가 자동으로 적용됩니다.
구분선
바로 아래의 회색 선이 구분선입니다.
----로 구분선을 달 수 있습니다.
문서 삭제
미디어위키에서의 문서 삭제는 일반 유저의 복구가 불가능한 관계로 관리자만 가능합니다. 실수로 생성된 잘못된 문서라든지 삭제를 요청하는 문서에는
{{삭제|삭제 이유}}를 문서 맨 앞부분에 작성한 후에 위키방에 알려주세요.
주석
문서를 조회할 때는 보이지 않고 편집 시에만 보이는 주석을 달아두고 싶을 때는 주석을 달아둘 곳에 <!-- 주석내용 -->를 입력하여 주석을 달아둘 수 있습니다. HTML에서 사용하는 주석과 문법이 같지만 HTML에서 사용하는 주석과는 달리 브라우저에서 소스보기를 해도 표시되지 않으며 오로지 편집 창에서만 보인다는 특징이 있습니다.
ISBN 링크 삽입
특별한 태그 없이 "ISBN 000-0-00000000-0" 또는 "ISBN 00-000-0000-0" 형태로 입력하면 리브레 위키가 자동으로 "책 찾기" 명령을 걸어줍니다. ISBN 코드는 주로 책의 뒷 표지에 있습니다.
예시) ISBN 89-527-0221-2
중급
펼치기/접기
펼치기 접기는 {{숨기기}}, {{펼치기}}를 사용하는 방법과 태그를 삽입하는 두가지 방법이 있다. 두가지 방법은 둘다 장단점이 존재한다.
틀 이용
태그 삽입
예시
스포일러 주의
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.
<div class="toccolours mw-collapsible mw-collapsed"> 스포일러 주의 <div class="mw-collapsible-content"> 사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다. </div> </div>
박스가 쳐져 있는 것을 원치 않으실 경우에는 class에서 toccolours 값을 제거해주시면 됩니다.
예시
스포일러 주의
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.
<div class="mw-collapsible mw-collapsed"> 스포일러 주의 <div class="mw-collapsible-content"> 사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다. </div> </div>
박스의 가로 크기를 조정하고 싶으신 경우에는 style에 width 값을 넣어주시면 됩니다.
예시
스포일러 주의
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.
<div class="toccolours mw-collapsible mw-collapsed" style="width:200px"> 스포일러 주의 <div class="mw-collapsible-content"> 사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다. </div> </div>
테두리를 없애도 가로 크기 조절이 가능합니다.
예시
스포일러 주의
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.
<div class="mw-collapsible mw-collapsed" style="width:200px"> 스포일러 주의 <div class="mw-collapsible-content"> 사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다. </div> </div>
틀 만들기
| 입력 | 역할 |
|---|---|
| {{기초자치단체}} | 기초자치단체라는 이름을 가진 틀(틀:기초자치단체)를 그 자리에 삽입합니다. |
매개 변수를 이용한 틀 작성
일부 틀에서는 매개변수(parameter)를 이용해 글 작성을 더 쉽게 할 수 있습니다. 매개 변수를 입력하려면 다음과 같이 입력해 주세요.
{{(틀 이름)|A|B|C ...}}
틀 작성 시에 매개변수가 들어갈 곳을 지정하려면 {{{1}}}, {{{2}}} 등과 같이 입력할 수 있습니다. {{{1}}}에 첫 번째 매개 변수가, {{{2}}}에 두 번째 매개 변수가 들어가는 식으로 이용됩니다. 이 개수의 제한은 없으며, 위에 언급된 방법으로 문서에서 입력하면 {{{1}}}에 A가, {{{2}}}에 B가 들어갑니다. 아래 예제를 참조해 주세요.
- 틀 작성
- 틀 이름: 예제
- 틀 내용: {{{1}}}는 {{{2}}}보다 {{{3}}}고, {{{4}}}은 {{{5}}}에 대한 {{{6}}}이다. {{{4}}}으로 {{{1}}} {{{7}}}.
- 틀 사용
- 다른 문서에서 입력: {{예제|운영자|유저|약하|혁명|복종|저항|축출}} 또는 {{예제|1=운영자|2=유저|3=약하|4=혁명|5=복종|6=저항|7=축출}}
- 출력 : 운영자는 유저보다 약하고, 혁명은 복종에 대한 저항이다. 혁명으로 운영자 축출.
1과 2 대신 {{{첫 번째 동사}}}와 같이 지정한 텍스트도 됩니다. 다음 예시를 확인해 주세요.
- 틀 작성
- 틀 이름: 예제
- 틀 내용: {{{Admin}}}는 {{{User}}}보다 {{{Weak}}}고, {{{Revolution}}}은 {{{복종}}}에 대한 {{{저어어어항}}}이다. {{{Revolution}}}으로 {{{Admin}}} {{{숙청}}}.
- 틀 사용
- 다른 문서에서 입력: {{예제|Admin=운영자|User=유저|Weak=약하|Revolution=혁명|복종=복종|저어어어항=저항|숙청=축출}}
- 출력 : 운영자는 유저보다 약하고, 혁명은 복종에 대한 저항이다. 혁명으로 운영자 축출.
변수 내용이 없을 경우에 대체할 텍스트를 입력할 수도 있습니다.
- 틀 작성
- 틀 이름: 예제
- 틀 내용: {{{1|운영자}}}는 {{{User|}}}보다 {{{Weak|약하}}}고, {{{Revolution}}}은 {{{복종}}}에 대한 {{{저어어어항}}}이다. {{{Revolution}}}으로 {{{Admin|운영자}}} {{{숙청|숙청}}}.
- 틀 사용
- 다른 문서에서 입력: {{예제|복종=복종|저어어어항=저항}}
- 출력 : 운영자는 보다 약하고, {{{Revolution}}}은 복종에 대한 저항이다. {{{Revolution}}}으로 운영자 숙청.
- 실제 틀의 사용
- 실제 틀의 이름 : 틀:기초자치단체
- 입력 : {{기초자치단체 |이름=서산시 |대표이미지 =Korea-Seosan-Sea on the ebb-01.jpg |지도=Map Seosan-si.png |면적= 740.79 |세대= 68,248 |세대_조사연도=<small>2014.12.31</small> |총인구= 167,611 |총인구_조사연도=<small>2014.12.31</small> |읍=1 |면=9 |행정동=5 |법정동=14 |시장 = 이완섭 |국회의원 = 김제식 |시청소재지 = 서산시 관아문길 1 (읍내동 492) |홈페이지 = [http://www.seosan.go.kr/ 서산시청] |시목 = [[소나무]] |시화 = [[국화속|국화]] |시조 = [[까치]] |상징동물 = }}
- 출력: 틀:기초자치단체
틀의 범위 지정
틀 문서에 부연 설명을 넣고자 할 때는, 틀로 쓰고 싶은 부분만 <onlyinclude>(틀 내용)</onlyinclude>로 감싸 주면 됩니다.
- 틀 작성
- 틀 이름: 예제
- 틀 내용: 운영자 OUT! 시민의 승리를 보여주마! <onlyinclude>{{{1}}}는 {{{2}}}보다 {{{3}}}고, {{{4}}}은 {{{5}}}에 대한 {{{6}}}이다. {{{4}}}으로 {{{1}}} {{{7}}}.</onlyinclude>
- 틀 사용
- 다른 문서에서 입력: {{예제|운영자|유저|약하|혁명|복종|저항|축출}} 또는 {{예제|1=운영자|2=유저|3=약하|4=혁명|5=복종|6=저항|7=축출}}
- 출력 : 운영자는 유저보다 약하고, 혁명은 복종에 대한 저항이다. 혁명으로 운영자 축출.
둘러보기 상자 만들기
{{리브레 위키}}
| 안내 · 도구 | |
|---|---|
| 규정 · 운영 | |
| 요청 · 소통 | |
| 당신의 도움이 필요해요! | |
| 둘러보기 | |
현재 대문에 있는 틀입니다. 이런 틀을 둘러보기 상자라고 하는데요, 관련된 항목을 빠르게 오가기 위한 링크를 모아두는 곳입니다.
비슷한 주제의 문서를 생성하다 보면 [[분류:]]만으로는 뭔가 불편하고 부족한 느낌이 들죠. 그럴 때는 둘러보기 틀을 만드는 겁니다!
{{둘러보기 상자
| 이름 = 연습장
| 제목 = [[리브레 위키:연습장]]
| 제목모양 = background:#FFECB4;
| 묶음모양 = background:#FFECB4;
| 내용속성 = hlist
| 묶음1 = [[묶어보자]]
| 내용1 =
*[[항목1]]
*[[항목2]]
*[[항목3]]
| 묶음2 = 묶어묶어
| 내용2 =
*[[항목1]]
*[[항목2]]
*[[항목3]]
}}
기본 구성입니다.
- 이름에는 틀의 이름이 들어갑니다. 여기는 위키 문법을 적용하면 안 되며 틀:을 제외한 문서 제목과 동일해야 합니다.
- 제목에는 틀 상단에 위치할 문구가 들어갑니다. 이는 문서 제목과 달라도 되고, 위키 문법이 적용됩니다.
- 제목모양은 상단 제목부분의 색깔을 정합니다.
- 묶음모양은 좌측 묶음부분의 색깔을 정합니다.
- 내용속성은 그대로 놔두세요. 미디어위키 문법을 깊게 배웠다면 굳이 말리지는 않겠습니다.
- 묶음은 분류입니다.
- 내용은 각 항목이 들어갑니다.
위의 둘러보기 툴은 아래와 같이 출력됩니다.
음, 이 문서에 틀이 2개 이상 있어서 접혀있네요. 오른쪽의 '펼치기'를 눌러보세요.
| 묶어보자 | |
|---|---|
| 묶어묶어 | |
{{둘러보기 상자
| 이름 = 연습장
| 제목 = [[리브레 위키:연습장]]
| 제목모양 = background:#FFECB4;
| 묶음모양 = background:#FFECB4;
| 내용속성 = hlist
| 묶음1 = [[묶어보자]]
| 내용1 ={{둘러보기 상자/중첩
| 묶음1 = [[묶어]]
| 내용1 =
*[[항목1]]
*[[항목2]]
*[[항목3]]
| 묶음2 = [[보자]]
| 내용2 =
*[[항목1]]
*[[항목2]]
*[[항목3]]
}}
| 묶음2 = 묶어묶어
| 내용2 =
*[[항목1]]
*[[항목2]]
*[[항목3]]
}}
대분류가 있으면 소분류가 있어야겠죠? 이는 중첩 둘러보기 상자를 이용하면 됩니다. 내용에 둘러보기 상자를 하나 더 집어넣는다는 느낌으로 만들면 됩니다. 저기 묶음1에 적용되어 있군요.
| 묶어보자 | |
|---|---|
| 묶어묶어 | |
표 만들기 (위키 문법 이용)
간단한 표는 위키 작성, 당신도 할 수 있다! 문서에도 나와있듯이, 표 생성기에서 만들어 가져올 수 있습니다.[9] 그러나 틀을 직접 제작하거나, 추후에 설명할 파서 함수(조건문) 등을 활용하기 위해서는 직접 표를 작성하는 방법을 익혀야 합니다. 때문에 이제 표 생성기를 이용한 방법이 아닌, 직접 위키 문법으로 표를 만드는 방법에 대해 소개하겠습니다. 노가다의 시작
일단 들어가기 전에 결론부터 먼저 꺼내면 다음과 같습니다.
| {| | 표의 시작 부분 |
| |+ | 표의 설명 부분. 표 시작 부분과 첫 행 부분 사이에 적으며, 꼭 쓰지 않아도 됩니다. |
| |, || | 칸 구분선. 칸과 칸 또는 속성과 내용을 구분합니다. |
| |- | 행 구분선. 표의 시작이나 끝 부분에서는 생략할 수 있습니다. |
| ! | 머리말 칸. |
| |} | 표의 끝 부분. |
각각이 뭘 의미하는지는 차차 알아가 보도록 하겠습니다.
기본적인 형태
표 작성의 가장 기본적인 형태는 다음과 같습니다.
{| class="wikitable"
|-
| 1 || 2 || 3
|-
| ㄱ || ㄴ || ㄷ
|-
| A || B || C
|-
|}
이렇게 작성하면 아래와 같은 모습의 표가 생성됩니다.
| 1 | 2 | 3 |
| ㄱ | ㄴ | ㄷ |
| A | B | C |
이를 다음과 같이 정리할 수 있습니다.
- |-로 행을 구분하고 ||로 칸을 구분합니다. 다시 말해, ||와 ||사이에 내용을 적으면 됩니다.
- 표의 시작과 끝은 {|와 |}로 나타냅니다.
- class="wikitable"은 나중에 설명합니다. 일단 넘어가주세요.
필요하다면 첫 줄과 마지막 줄의 |-를 생략해도 상관 없습니다.
{| class="wikitable"
| 1 || 2 || 3
|-
| ㄱ || ㄴ || ㄷ
|-
| A || B || C
|}
| 1 | 2 | 3 |
| ㄱ | ㄴ | ㄷ |
| A | B | C |
앞으로의 설명에서, 특별한 경우가 아니면 첫 줄의 |-는 표기, 마지막 줄의 |-는 생략하겠습니다.
5*4 사이즈의 표를 만들고 싶으면 다음과 같이 작성하면 됩니다.
{| class="wikitable"
|-
| 1 || 2 || 3 || 4 || 5
|-
| ㄱ || ㄴ || ㄷ || ㄹ || ㅁ
|-
| A || B || C || D || E
|-
| ㅏ || ㅑ || ㅓ || ㅕ || ㅗ
|}
이렇게 작성하면 아래처럼 나타납니다.
| 1 | 2 | 3 | 4 | 5 |
| ㄱ | ㄴ | ㄷ | ㄹ | ㅁ |
| A | B | C | D | E |
| ㅏ | ㅑ | ㅓ | ㅕ | ㅗ |
이를 응용하면, 빈 칸이 있는 표를 만들 수도 있습니다.
{| class="wikitable"
|-
| 1 || || 3
|-
| ㄱ || ㄴ ||
|}
이렇게 ||와 || 사이를 비워두면 그 칸은 비워지게 됩니다.
| 1 | 3 | |
| ㄱ | ㄴ |
여기서 눈 여겨볼 점이 있는데, 위의 예시에 나온 것처럼 줄 마지막에 ||를 붙이는 것은 모니위키에서는 행이 끝남을 의미했지만, 미디어위키에서는 그저 새 칸을 만드는 것입니다. 행을 끝내고 새 행으로 넘기려면 다음 줄에 |-를 입력해야 합니다. 모니위키에서 넘어오신 분들은 이 점을 주의해주시면 되겠습니다.
|+를 사용하면 표에 대한 설명('캡션'이라고도 합니다)을 추가할 수 있습니다. 꼭 쓰지는 않아도 됩니다.
{| class="wikitable"
|+ 숫자와 한글
|-
| 1 || 2 || 3 || 4 || 5
|-
| ㄱ || ㄴ || ㄷ || ㄹ || ㅁ
|}
이렇게 행이 본격적으로 시작하기 전(=표 시작 부분과 첫 행 부분 사이)에 |+ 를 쓰고 원하는 내용을 작성하면 됩니다.
| 1 | 2 | 3 | 4 | 5 |
| ㄱ | ㄴ | ㄷ | ㄹ | ㅁ |
행 맨 앞에 | 대신 !를 사용하면 그 행을 표의 머리말 행으로 나타낼 수 있습니다. 쉽게 말해, 표의 메인 행이 됩니다.
{| class="wikitable"
|-
! 숫자 || 한글 || 영어
|-
| 1 || ㄱ || A
|-
| 2 || ㄴ || B
|-
| 3 || ㄷ || C
|}
이렇게 작성하면 맨 앞이 |대신 !로 작성된 첫 번째 행이 강조되어 나타납니다.
| 숫자 | 한글 | 영어 |
|---|---|---|
| 1 | ㄱ | A |
| 2 | ㄴ | B |
| 3 | ㄷ | C |
자주 있는 상황은 아니지만, 꼭 첫 번째 행만 강조할 수 있는 건 아닙니다.
{| class="wikitable"
|-
| 숫자 || 한글 || 영어
|-
| 1 || ㄱ || A
|-
! 2 || ㄴ || B
|-
| 3 || ㄷ || C
|}
이렇게 세 번째 행을 !로 시작하게 만들면 세 번째 행이 강조됩니다.
| 숫자 | 한글 | 영어 |
| 1 | ㄱ | A |
| 2 | ㄴ | B |
|---|---|---|
| 3 | ㄷ | C |
※속성에 대해서는 앞으로 설명할 것이므로 아래 말이 무슨 말인지 모르겠다면 일단 넘어가셔도 좋습니다.
머리말 행(!를 사용한 행)이 어떤 방법으로 강조되는 지는 그 표가 어떤 속성을 가지고 있느냐에 따라 달라집니다. 예를 들면, wikitable 속성을 가진 표에서는 머리말 행이 회색 배경+볼드체+가운데 정렬 되어 나타나고, sortable 속성을 가진 표에서는 머리말 행에 오름차순/내림차순 정렬 스위치가 생성됩니다.
{| class="wikitable sortable"
|-
! 항목 || 데이터1 || 데이터2
|-
| A || 100 || 1278
|-
| B || 150 || 956
|-
| C || 200 || 1034
|}
표가 wikitable과 sortable 속성을 가지고 있으므로 아래처럼 '회색 배경과 볼드체와 가운데 정렬' + '스위치'로 나타납니다.
| 항목 | 데이터1 | 데이터2 |
|---|---|---|
| A | 100 | 1278 |
| B | 150 | 956 |
| C | 200 | 1034 |
디자인 넣기 (속성 적용하기)
위키 문법을 사용해서 표를 직접 작성하면 얻을 수 있는 장점이 바로 표를 기능적으로 만들 수 있다는 것입니다. 쉽게 말해 워드프로세서에서 표 만들때 칸에 색깔 넣고 가운데 정렬하고 병합하고 테두리 꾸미는 뭐 그런 것들을 할 수 있다는 겁니다.
이러한 디자인들의 요소를 속성이라고 부르며 여러 가지가 존재합니다. 당장에 위에서 말했던 색깔, 텍스트 정렬부터 시작해서 병합, 테두리 꾸미기 외에도 너비/높이 지정, 오름/내림차순정렬, 합 구하기/평균 내기 등등... 그 종류가 정말 많습니다. 이제부터 속성의 종류와 적용하는 방법을 차차 알아가보도록 하겠습니다.
우선 속성을 적용하는 방법부터 설명하고, 속성의 종류는 예시를 통해 보여드리겠습니다. 물론 조금 뒤에 속성 종류 정리도 따로 합니다.
속성 적용 방법
표에 속성을 적용할 때 칸 하나에만, 또는 한 행에, 또는 표 전체에 속성을 적용할 수 있습니다. 일단 칸 하나에 적용하는 방법부터 알아보도록 하겠습니다.
칸 하나에 속성을 적용할 때는 |를 이용합니다.
{| class="wikitable"
|-
| 강아지 || align="center" | 고양이 || align="right" | 토끼
|-
| align="left" | 햄스터 || 앵무새 || 거북이
|-
| 기니피그 || 고슴도치 || 타마고치
|}
그 칸의 내용 왼쪽에 |를 추가하고 그 왼쪽에 속성을 입력합니다. 즉, 속성 | 내용이 되도록 입력합니다.
| 강아지 | 고양이 | 토끼 |
| 햄스터 | 앵무새 | 거북이 |
| 기니피그 | 고슴도치 | 타마고치 |
이용한 속성은 align 속성입니다. 이 속성을 이용하면 표 내부의 텍스트나 그림 등의 미디어를 왼쪽, 가운데, 오른쪽 정렬 할 수 있습니다. 예시에서는 고양이, 토끼, 햄스터에 각각 가운데 정렬, 오른쪽 정렬, 별 차이는 없지만 왼쪽 정렬이 된 모습입니다.
행에 속성을 적용할 때에는 |- 오른쪽에 속성을 입력하면 됩니다.
{| class="wikitable"
|-
| 강아지 || 고양이 || 토끼
|- style="background: blue; color: white;"
| 햄스터 || 앵무새 || 거북이
|-
| 기니피그 || 고슴도치 || 타마고치
|}
이렇게 입력하면 두 번째 줄에 속성이 적용됩니다.
| 강아지 | 고양이 | 토끼 |
| 햄스터 | 앵무새 | 거북이 |
| 기니피그 | 고슴도치 | 타마고치 |
이용한 속성은 style 속성입니다. 이 속성을 이용하면 표의 외관 또는 내부 텍스트의 모습 등 말 그대로 표의 스타일을 정할 수 있습니다. 예시에서는 background와 color를 각각 blue, white로 지정해주었기 때문에 표의 배경색이 파랑색으로, 글씨 색깔이 흰색으로 나타납니다.
만약, 첫째 행에 속성을 적용하고 싶다면 첫 줄의 |-에 속성을 입력하면 됩니다.
{| class="wikitable"
|- align="right" style="color: green;"
| 강아지 || 고양이 || 토끼
|-
| 햄스터 || 앵무새 || 거북이
|-
| 기니피그 || 고슴도치 || 타마고치
|}
이렇게 입력하면 첫 번쨰 줄에 속성이 적용됩니다.
| 강아지 | 고양이 | 토끼 |
| 햄스터 | 앵무새 | 거북이 |
| 기니피그 | 고슴도치 | 타마고치 |
이번에는 align 속성과 style 속성을 함께 사용했습니다. align 속성을 right로 지정하고, style 속성에서 color의 값을 green으로 지정해 주었습니다. 때문에 첫 번째 행의 글씨가 오른쪽으로 정렬되고 색깔이 초록색으로 나타납니다. 이와 같이 여러개의 속성을 함께 적용할 때는 그냥 한번 띄우고 적어주면 됩니다.
표에 속성을 적용할 때에는 표의 시작부분인 {| 오른쪽에 속성을 입력합니다.
{| class="wikitable"
|-
| 강아지 || 고양이 || 토끼
|-
| 햄스터 || 앵무새 || 거북이
|-
| 기니피그 || 고슴도치 || 타마고치
|}
이렇게 입력하면 전체 행에 속성이 적용됩니다.
| 강아지 | 고양이 | 토끼 |
| 햄스터 | 앵무새 | 거북이 |
| 기니피그 | 고슴도치 | 타마고치 |
'...??? 뭐지? 아무 것도 없는데?' 하고 생각이 드실 지도 모르겠습니다. 이 쯤에서 다시 한 번 더 작성 내용을 읽어 보시기 바랍니다. 눈치가 빠른 분이라면 알아채셨을지도 모르겠지만, 이번 예시에서 이용한 속성은 class 속성입니다. 이 속성은 속성 값에 해당하는 코드를 불러와 적용하는 속성입니다. 이 경우에는 wikitable에 해당하는 코드(=경계를 회색선으로 나타내고 머리말 행에 회색배경+볼드체+가운데 정렬 속성을 적용)를 불려와서 표에 적용된 것입니다.
그래서, 실제로는 다음 모습이 진짜 표의 기본적인 형태라고 할 수 있습니다. 물론 이렇게 하면 외관적으로 상당히 볼품 없어지고(...), 모든 표에 class="wikitable"가 있는 것이 관리적인 측면에서도 좋기 때문에[10] 일반적인 경우 일단 class="wikitable"를 기본으로 적용하고 들어갑니다.
{|
|-
| 강아지 || 고양이 || 토끼
|-
| 햄스터 || 앵무새 || 거북이
|-
| 기니피그 || 고슴도치 || 타마고치
|}
| 강아지 | 고양이 | 토끼 |
| 햄스터 | 앵무새 | 거북이 |
| 기니피그 | 고슴도치 | 타마고치 |
속성의 종류
여기까지 보시면서 감이 오셨겠지만, 속성은 다음과 같이 (속성이름)=" " 로 표현됩니다. " " 안에는 속성 값들이 들어갑니다.
- colspan=" " : 표를 가로방향으로 병합합니다. " "에는 숫자가 들어갑니다.
- rowspan=" " : 표를 세로방향으로 병합합니다. " "에는 숫자가 들어갑니다.
- style=" " : 표의 외관 또는 내부 텍스트의 모습 등 말 그대로 스타일을 나타냅니다. " "에는 color, background 등이 들어갑니다.
- class=" " : 속성 값에 해당하는 코드를 불러와 적용하는 속성입니다.
특히, style 속성에서는 속성 값들을 표현할 때는 ;로 구분하고 :로 구체적인 값을 나타냅니다.
- 예:
style="background: #FFDE80; color: #F39E00; text-align: right;" - 이 때, 속성 값은 항상 끝에 ;를 붙여줘야 합니다. 맨 마지막을 "로 끝내는 것도 잊지 마시구요!
컴알못이라 속성/속성 값 이렇게 설명하는게 맞는지 모르겠네요. 지나가는 컴덕 분들께서 수정해주시길
각 속성에 대한 내용을 하나하나 살펴보도록 하겠습니다.
colspan, rowspan (셀 병합)
colspan=" "또는 rowspan=" "로 표기합니다. " " 안에는 병합되는 칸 수가 들어갑니다.
- 모니위키에서 <-숫자>로 쓰던 가로줄 병합 기능이 colspan=" "로 대응됩니다.
- 모니위키에서 <|숫자>로 쓰던 세로줄 병합 기능이 rowspan=" "로 대응됩니다.
- colspan 사용시
{| class="wikitable"
|-
| 1 || 2 || colspan="2" | 3, 4
|-
| 5 || colspan="2" | 6, 7 || 8
|-
| colspan="3" | 9, 10, 11 || 12
|-
| colspan="4" | 13, 14, 15, 16
|}
| 1 | 2 | 3, 4 | |
| 5 | 6, 7 | 8 | |
| 9, 10, 11 | 12 | ||
| 13, 14, 15, 16 | |||
- rowspan 사용시
{| class="wikitable"
|-
| 1 || 2 || rowspan="3" | 3, 7, 11 || 4
|-
| 5 || 6 || 8
|-
| rowspan="3" | 9, 13, 17 || 10 || 12
|-
| 14 || 15 || 16
|-
| 18 || 19 || 20
|}
| 1 | 2 | 3, 7, 11 | 4 |
| 5 | 6 | 8 | |
| 9, 13, 17 | 10 | 12 | |
| 14 | 15 | 16 | |
| 18 | 19 | 20 |
style
style=" "로 표기합니다. " " 안에는 다음 속성 값들이 들어갑니다.
- color: (색상코드); - 표의 텍스트 색깔을 (색상코드)의 색으로 만듦.
- background: (색상코드); - 표의 배경색을 (색상코드)의 색으로 만듦.
- text-align: (방향); - 표의 글자를 (방향)으로 정렬합니다.
- 방향에는 다음이 있습니다.
- left - 왼쪽 정렬
- center - 가운데 정렬
- right - 오른쪽 정렬
- justify - 양쪽 정렬
예시
{| class="wikitable"
|-
| style="color: yellow; background: black;" | 강아지 || 고양이 || 토끼
|- style="text-align: right;"
| 햄스터 || 앵무새 || 거북이
|- style="background: #FFDE80; color: #F39E00;"
| 기니피그 || 고슴도치 || 타마고치
|}
| 강아지 | 고양이 | 토끼 |
| 햄스터 | 앵무새 | 거북이 |
| 기니피그 | 고슴도치 | 타마고치 |
class
class=" "로 표기합니다. " " 안에는 다음 속성 값들이 들어갑니다.
- wikitable - 표에 구분선 생성 및 머리말 행을 회색 배경, 볼드체, 가운데 정렬 시킴.
- sortable - 머리말 행에 오름차순/내림차순 정렬 스위치를 생성. ※!를 사용한 행이 있어야 적용됩니다.
{| class="wikitable sortable"
|-
! 항목 || 데이터1 || 데이터2
|-
| A || 100 || 1278
|-
| B || 150 || 956
|-
| C || 200 || 1034
|}
| 항목 | 데이터1 | 데이터2 |
|---|---|---|
| A | 100 | 1278 |
| B | 150 | 956 |
| C | 200 | 1034 |
- mw-collapsible - 열려있는 여닫이 표.
{| class="wikitable mw-collapsible"
|-
| 항목 || 데이터1 || 데이터2
|-
| A || 100 || 1278
|-
| B || 150 || 956
|-
| C || 200 || 1034
|}
| 항목 | 데이터1 | 데이터2 |
| A | 100 | 1278 |
| B | 150 | 956 |
| C | 200 | 1034 |
- mw-collapsible mw-collapsed - 닫혀있는 여닫이 표.
{| class="wikitable mw-collapsible mw-collapsed"
|-
| 항목 || 데이터1 || 데이터2
|-
| A || 100 || 1278
|-
| B || 150 || 956
|-
| C || 200 || 1034
|}
| 항목 | 데이터1 | 데이터2 |
| A | 100 | 1278 |
| B | 150 | 956 |
| C | 200 | 1034 |
특수 명령
아래는 미디어위키가 지원하는 특수 명령의 목록입니다.
문서 설정
__NOTOC__ |
목차를 숨깁니다. |
__FORCETOC__ |
내용이 짧더라도 목차를 보이도록 합니다. |
__TOC__ |
이 위치에 목차를 넣습니다. |
__NOEDITSECTION__ |
문단 제목 우측에 위치한 편집 버튼을 없앱니다. |
__HIDDENCAT__ |
분류 문서에 넣으면 숨은 분류가 됩니다. 편집창에서 분류가 포함되었는지를 확인할 수 있으며, 환경설정을 바꾸면 문서를 읽으면서도 확인이 가능합니다. |
고급
여기까지 보고도 의욕이 넘친다면 이곳이나 이곳에 가면 당신의 학습욕구를 충족시킬 온갖 문법들을 살펴볼 수 있습니다.
수식 입력
수식을 입력하려면 <math>...</math> 가운데에 [math]\displaystyle{ {\mathrm{T\!_{\displaystyle E} \! X}} }[/math]
문법으로 된 수식을 입력하면 됩니다. 자세한 문법은 도움말:TeX 문법을 참고하세요.
[math]\displaystyle{ {\mathrm{T\!_{\displaystyle E} \! X}} }[/math]
문법 수식을 편집할 때는 이곳 혹은 이곳이 도움이 될 수 있습니다.
| 입력 | 결과 |
|---|---|
<math>\int {10}^{x} dx</math> |
[math]\displaystyle{ \int {10}^{x} dx }[/math] |
<math>\sum_{k=1}^{n}10^k</math> |
[math]\displaystyle{ \sum_{k=1}^{n}10^k }[/math] |
수식에 색 넣기
<math>\definecolor{이름}{RGB}{a, b, c}\color{이름}{내용}</math>
a,b,c 값에는 각각 원하는 색의 R,G,B값을 넣으면 됩니다.
a,b,c값은 0~255의 정수입니다.
이름은 아무렇게나 정하되,알파벳으로 하면 됩니다.
내용에는 수식 등을 입력하면 됩니다.
definecolor의 이름과 color의 이름은 같아야 합니다.
어떤 특정한 색상의 RGB값을 보고 싶으시다면 여기에서 보시면 됩니다.
| 입력 | 결과 |
|---|---|
<math>\definecolor{asd}{RGB}{165,117, 188} \color{asd}{\lim_{x\rightarrow 0^{+}} x^{x}=1}</math>
|
[math]\displaystyle{ \definecolor{asd}{RGB}{165,117, 188} \color{asd}{\lim_{x\rightarrow 0^{+}} x^{x}=1} }[/math] |
<math> \definecolor{asd}{RGB}{255,0, 221} \color{asd}{\lim_{n\rightarrow \infty} \sum_{k=1}^{n}\frac{1}{{k}^{2}}=\frac{{\pi }^{2}}{6}} </math>
|
[math]\displaystyle{ \definecolor{asd}{RGB}{255,0, 221} \color{asd}{\lim_{n\rightarrow \infty} \sum_{k=1}^{n}\frac{1}{{k}^{2}}=\frac{{\pi }^{2}}{6}} }[/math] |
<math> \definecolor{asd}{RGB}{25,150, 221} \color{asd}{{10}^{{10}^{100}}} </math>
|
[math]\displaystyle{ \definecolor{asd}{RGB}{25,150, 221} \color{asd}{{10}^{{10}^{100}}} }[/math] |
위 예시에서 asd는 다른 걸로 해도 됩니다.
사용자 폰트 변경법
#mw-body-text {
font-size: 15px;
font-family: dotum;
}
해당 내용을 복사한 이후 font-size 숫자를 원하는 대로 수정하면된다. 글꼴을 바꾸고 싶을 땐 font-family: 부분을 수정하면되고 기본적으로 많이 쓰는 dotum, gulim 등을 쓰면된다. (글꼴을 바꾸기 싫으면 font-family 부분은 지워주자)
각주
- ↑ 색상 코드 찾기가 귀찮다면 간단한 색깔은 그냥 green, red 이런식으로 입력해도 됩니다.
- ↑ 양쪽에 <big> </big>을 더 붙일수록 커집니다.
- ↑ 양쪽에 <small> </small>을 더 붙일수록 작아집니다.
- ↑ 일반적으로 내용을 교체할 때 ins 태그와 함께 쓰이는데, 토론 문서가 아닌 일반 문서에서는 태그를 쓰지 말고 내용 자체를 지워주시기 바랍니다. 토론 문서에서는 내용 자체를 지우지 말고 del과 ins 태그를 써 주세요.
- ↑ 주소를 밝히는 외부링크의 경우 주소가 축약되는 위의 외부링크 틀을 쓰는 것을 권장하고 있습니다.
- ↑ 어떤 글 A를 검색하면 B라는 글로 가게끔 설정해주는 기능입니다.
- ↑ 주석 내용 어쩌고 저쩌고
- ↑ 8.0 8.1 고양이의 품종 중 하나
- ↑ 또는 편집창 상단의 "고급"을 누르고 제일 오른쪽에 있는
모양을 클릭하면 기본적인 표가 생성됩니다.
- ↑ 관리적인 측면에서 좋다는 것은 어느 정도 독자연구가 가미되어 있습니다. 만약 맞다면 이 주석을 지워주시고, 틀리다면 정확한 정보로 이 부분을 수정해주시기 바랍니다.
| 안내 · 도구 | |
|---|---|
| 규정 · 운영 | |
| 요청 · 소통 | |
| 당신의 도움이 필요해요! | |
| 둘러보기 | |