편집토론기록

도움말:위키 문법

Pika (토론 | 기여)님의 2019년 11월 22일 (금) 23:02 판 (→‎서명 달기: 리브레 위키:도움말로 임시 이전)

위키에 문서를 편집할 때 사용하는 문법을 설명하는 문서입니다. 순서대로 차근차근 따라오시면 어렵지 않게 이해하실 수 있으실겁니다!

미디어위키의 문법은 모니위키의 문법과 꽤 다릅니다. 따라서 리그베다 위키나 나무위키에 익숙한 유저들은 편집하실 때 문법 차이에 유의하시길 바랍니다.

  • 리브레 위키가 너무 어렵게 느껴지나요? 그렇다면 위키 작성, 당신도 할 수 있다! 문서를 읽어 주세요.
  • 찾는 내용이 있다면 브라우저의 '페이지에서 찾기'(Ctrl+F, command+F) 기능으로 관련된 단어를 입력해 보세요.
  • 연습은 연습장에서 하실 수 있습니다.
  • 글 작성시 유용한 틀 목록과 설명은 리브레 위키:틀 문서를 참고하세요.
  • 리브레 위키 표 생성기는 이곳을 이용하세요.

기초 편집 문법

이것만 알고 있어도 글을 수정, 작성하는 데 큰 문제가 없습니다.

글의 구조

문단

문단은 글을 이해하기 쉽도록 주제별로 내용을 나눠놓은 것입니다.

문단은 == 문단 제목 ==을 입력하여 만들 수 있습니다. 하위 문단은 =를 양쪽에 하나씩 더 붙입니다.

입력 결과


== 첫 번째 문단 ==
'''첫 번째 문단'''입니다.

=== 하위 문단 ===
하위 문단입니다. ''''=''''을 3개 썼습니다.

==== 더 하위 문단 ====
하위 문단의 하위 문단입니다. ''''=''''을 4개 썼습니다.

== 두 번째 문단 ==
'''두 번째 문단'''입니다.
1 첫 번째 문단

첫 번째 문단입니다.

1.1 하위 문단

하위 문단입니다. '='을 3개 썼습니다.

1.1.1 더 하위 문단

하위 문단의 하위 문단입니다. '='을 4개 썼습니다.

2 두 번째 문단

두 번째 문단입니다.

목차

목차는 문서에 있는 문단의 목록으로, 문단을 클릭하면 해당 문단으로 이동합니다. 문서에 문단이 4개 이상 있으면, 자동적으로 첫 번째 문단 위에 목차가 생깁니다.

목차와 관련한 문법을 아래에 정리해두었는데, 특수한 경우가 아니면 사용하지 않는 것을 추천합니다.

문법 설명


__FORCETOC__
목차의 개수와 상관없이 강제로 뜨게합니다.


__TOC__
__TOC__를 입력한 곳에 목차가 뜹니다.


__NOTOC__
목차가 뜨지 않게 합니다. 만약 사용한다면, 문서 맨 첫 번째 줄에 입력하세요.

구분선

구분선은 위 아래의 글을 분리할 때 사용하는 것으로, ----을 사용합니다. 하지만 일반 문서에서 사용하는 것은 추천하지 않습니다.

입력 결과


윗 글.
---- 아랫글. <s>잘 안보이지만</s> 바로 위의 회색 선이 구분선입니다.
윗 글.

아랫글. 잘 안보이지만 바로 위의 회색 선이 구분선입니다.

개행

개행을 할 때에는 2가지 방법을 사용할 수 있습니다.

방법 입력 결과
엔터 두 번

엔터를 2번 쳐볼까?

문장이 띄어졌네!
엔터를 2번 쳐볼까?

문장이 띄어졌네!

<br> 또는 <br /> 태그 사용


이번엔 태그를 사용해볼까?<br />이것도 띄어졌네!
이번엔 태그를 사용해볼까?
이것도 띄어졌네!

※ 주의사항

  • 엔터 한 번으로는 개행이 되지 않습니다.
  • 표나 틀에서 개행을 할 때에는 <br> 사용을 강력 추천드립니다.

들여쓰기

들여쓰기는 일정 간격 옆으로 문장이 이동하는 것으로, 콜론(:)을 사용하여 들여쓰기를 입력할 수 있습니다.

콜론의 개수가 늘어날수록 문장이 오른쪽으로 이동합니다. 콜론의 개수가 같으면, 같은 간격만큼 들여쓰기가 됩니다.

입력 결과 
본 문장
: 들여쓰기를 해보자
:: 이렇게 '''':''''이 늘어날수록
::: 문장이 점점 더
:::: 오른쪽으로 이동합니다.
:: 같은 개수의 콜론을 사용하면
:: 같은 간격만큼 들여쓰기가 되지요.
본 문장
들여쓰기를 해보자
이렇게 ':'이 늘어날수록
문장이 점점 더
오른쪽으로 이동합니다.
같은 개수의 콜론을 사용하면
같은 간격만큼 들여쓰기가 되지요.

들여쓰기는 아래 2가지 용도로 사용됩니다.

  1. 토론할 때 다른 사람의 의견에 답변하는 용도.
  2. 다음에 설명할 용어 설명 목록과 목록에서 다른 문자와 함께 사용.

용어 설명 목록

용어 설명 목록은 단어나 용어를 설명해야 할 때 쓰입니다.

설명할 단어 앞에 세미콜론(;)을, 단어를 설명하는 문장 앞에 콜론(:)을 넣습니다.

입력 결과 
; 용어
: 용어를 설명하는 목록을
:; 이런 식으로
:: 만들 수 있습니다.
용어
용어를 설명하는 목록을
이런 식으로
만들 수 있습니다.

목록

목록에는 순서가 없는 목록과 순서가 있는 목록이 있습니다.

순서가 없는 목록
별표(*)와 콜론(:)을 사용합니다. 별표의 개수가 늘어날수록 하위목록이 됩니다. 중간에 개행이 있으면, 목록이 새로 시작합니다.
입력 결과 
* 목록1
* 목록2
*: 목록2 설명
** 목록2의 하위 목록
*** 목록2의 하위 목록의 하위목록
* 목록3

* 새 목록1
  • 목록1
  • 목록2
    목록2 설명
    • 목록2의 하위 목록
      • 목록2의 하위 목록의 하위목록
  • 목록3
  • 새 목록1
순서가 있는 목록
해시 기호(#)와 콜론(:)을 사용합니다. 중간에 개행이 있으면, 목록이 새로 시작합니다.
입력 결과 
# 목록1
# 목록2
#: 목록2 설명
## 목록2의 하위 목록
### 목록2의 하위 목록의 하위목록
# 목록3

# 새 목록1
  1. 목록1
  2. 목록2
    목록2 설명
    1. 목록2의 하위 목록
      1. 목록2의 하위 목록의 하위목록
  3. 목록3
  1. 새 목록1
두 가지 목록 혼합
별표와 해시 기호를 섞어서 사용할 수 있습니다.
입력 결과 
* 이렇게
*# 두 기호를
*# 혼합해서
* 목록을
*# 만들 수
*# 있습니다.
  • 이렇게
    1. 두 기호를
    2. 혼합해서
  • 목록을
    1. 만들 수도
    2. 있습니다.
# 이렇게
## 두 기호를
## 혼합해서
##* 목록을
##* 만들 수
# 있습니다.
  1. 이렇게
    1. 두 기호를
    2. 혼합해서
      • 목록을
      • 만들 수
  2. 있습니다.

글상자

{{인용문2}} 틀을 사용하면 내용에 맞게 크기가 조절되는 글상자가 만들어집니다. 

{{인용문2|다음과 같이 나타납니다.}}
다음과 같이 나타납니다.

여기서 | 를 누르고 내용을 적어주면 인용문으로도 쓸 수 있습니다. 

{{인용문2|다음과 같이 나타납니다.|도움말}}
다음과 같이 나타납니다.
— 도움말

인용문 넣기

{{인용문|인용할 내용|언급한 사람|출처|정렬}}를 쓰면 됩니다.

예 : {{인용문|언니 저 맘에 안 들죠?|누군가|해변에서|center}}라고 쓰면

“ 언니 저 맘에 안 들죠? “
— 누군가, 해변에서

'정렬'칸에는 center, left, right 중 원하는 걸 쓰면 됩니다. '정렬'칸을 쓰지 않아도 기본값인 center가 자동으로 적용됩니다.

글자 입력

굵은 글씨
작은따옴표 3개를 양 옆에 붙이면 글씨가 굵어집니다.
입력 결과


'''작은따옴표 3개는 굵은 글씨'''
작은따옴표 3개는 굵은 글씨
기울어진 글씨
작은따옴표 2개를 양 옆에 붙이면 글씨가 기울어집니다.
입력 결과


''작은따옴표 2개는 기울어진 글씨''
작은따옴표 2개는 기울어진 글씨
굵고 기울어진 글씨
작은따옴표 5개를 양 옆에 붙이면 글씨가 굵고 기울어집니다.
입력 결과


'''''작은따옴표 5개는 굵고 기울어진 글씨'''''
작은따옴표 5개는 굵고 기울어진 글씨
큰 글씨
<big></big>을 양 옆에 붙이면 글씨가 커집니다. 양쪽에 <big></big>을 많이 붙일수록 글씨가 더 커집니다.
입력 결과


<big>큰 글씨</big>
큰 글씨


<big><big>더 큰 글씨</big></big>
더 큰 글씨
작은 글씨
<small></small>을 양 옆에 붙이면 글씨가 작아집니다. 양쪽에 <small></small>을 많이 붙일수록 글씨가 더 작아집니다.
입력 결과


<small>작은 글씨</small>
작은 글씨


<small><small>더 작은 글씨</small></small>
더 작은 글씨
취소선
<del></del>을 양 옆에 붙이면 글씨 중간에 취소선이 생깁니다. {{ㅊ|취소선 그어진 내용}}을 사용해도 됩니다.[1]
입력 결과


<del>취소선 그어진 내용</del>
취소선 그어진 내용


{{ㅊ|취소선 그어진 내용}}
취소선 그어진 내용
밑줄
<u></u>을 양 옆에 붙이면 글씨 아래에 밑줄이 생깁니다.
입력 결과


<u>밑줄 그어진 내용</u>
밑줄 그어진 내용
색깔 넣기
틀:색을 사용하여 글씨색이나 바탕색을 바꿀 수 있습니다. {{색|(글씨색코드)|내용|배경=(배경색코드)}}로 사용합니다.
배경색은 생략 가능하며, 색상 코드 대신 green, red처럼 입력해도 됩니다.
입력 결과


{{색|#ff0000|분홍색 배경에 빨간 글자|배경=pink}}
분홍색 배경에 빨간 글자

문서 연결, 링크

기능 입력 예시 결과
내부 문서 링크 [[리브레 위키]]
[[리브레 위키|바로 이 위키]] 		리브레 위키
바로 이 위키 [2]
내부 문서의 특정 문단으로 링크 [[도움말:위키 문법#문서 연결, 링크]]
[[도움말:위키 문법#문서 연결, 링크|바로 이 항목]] 		도움말:위키 문법#문서 연결, 링크
바로 이 항목
위키간 링크(인터위키) [[위키방:74654]]
[[위키백과:도움말|백:도]]
[[위키백과:en:Wikipedia|타국어 위키백과]] 		위키방:74654
백:도
타국어 위키백과
외부 링크 (외부링크 틀을 사용) {{외부링크|http://www.naver.com}} www.naver.com
외부 링크 http://www.naver.com
[http://www.naver.com]
[http://www.naver.com 네이버] 		http://www.naver.com[3]
[1]
네이버
넘겨주기(리다이렉트)[4] #redirect [[B]]
또는 #넘겨주기 [[B]]

각주 달기(주석, Reference)

각주를 달 때는 다음과 같이 씁니다.

본문 내용<ref>각주 내용</ref>

단, 이렇게 써두기만 하면 각주 에러가 뜨면서 각주 기능이 작동하지 않습니다. 그러므로 문서 맨 아래쪽 부분에

{{각주}} 또는 {{주석}}을 넣어야 합니다.

각주 안에 취소선 틀이나 기타 틀을 사용할 경우에는 이 방법이 정상적으로 작동하지 않습니다. 각주 안에 각주를 넣을 때도 마찬가지입니다. 이 경우에는 ref 틀을 통한 각주를 사용하시면 됩니다. 별표(*)나 ㅈ을 통해서도 가능합니다.

  • 본문 내용{{ref|앞의 각주 내용 {{--|취소선 내용}} 뒤의 각주 내용}}
  • 본문 내용{{*|앞의 각주 내용 {{--|취소선 내용}} 뒤의 각주 내용}}
  • 본문 내용{{ㅈ|앞의 각주 내용 {{--|취소선 내용}} 뒤의 각주 내용}}

한 문서 내에서 같은 각주를 여러 번 사용할 경우에는 ref에 name 속성으로 이름을 붙여 사용하며, 첫 각주에만 내용을 넣고 같은 이름으로 재사용된 각주에는 내용을 넣지 않습니다.

예시 메인쿤<ref name="example_cat">고양이의 품종 중 하나</ref> VS 노르웨이숲<ref name="example_cat" />
결과 메인쿤[5] VS 노르웨이숲[5]

인용하기(출처 표시하기)

각주에서 인용 틀을 사용하면 간편하게 인용 형식에 맞춰 내용의 출처를 표기할 수 있습니다. 상세한 사용 방법은 각 틀 문서를 참고할 수 있습니다. 웹 페이지의 경우 페이지가 변경되거나 접속이 불가능할 때를 대비해 페이지를 보존해 둘 수 있습니다.

사진 & 영상 넣기

사진

자신이 새로 이미지 파일을 올릴 때는 상단 바의 "도구"탭에서 "업로드"로 들어가서 올리면 됩니다. URL과 같은 알맞은 출처와 만든이, 저작권 정보, 적합한 제목과 설명을 적은 뒤 라이선스를 선택하고 분류를 추가해 올립니다. 저작권 정보는 리브레 위키:저작권 보호 정책을 참고할 수 있습니다.

기능 입력
원래 이미지 파일 그대로 사용하고자 할 때 [[파일:File.jpg]]
이미지 크기를 줄이고 싶을 때 [[파일:File.jpg|300픽셀]]
위치를 정하고 싶을 때 [[파일:File.jpg|왼쪽 or 가운데 or 오른쪽]]
섬네일로 넣고 싶을 때 [[파일:File.jpg|섬네일]]
보이는 설명을 추가하고 싶을 때 [[파일:File.jpg|섬네일|설명]]
보이지 않는 설명을 추가하고 싶을 때 [[파일:File.jpg|설명]]
보이는 설명과 보이지 않는 설명을 함께 추가하고 싶을 때 [[파일:File.jpg|섬네일|설명|alt=보이지 않는 설명]]
복합 [[파일:File.jpg|200픽셀|섬네일|왼쪽|설명]]
위키미디어 공용의 이미지를 불러온 예

리브레 위키를 포함한 미디어 위키와 디지털 환경에서는 미디어에 보이지 않는 설명인 대체 텍스트를 추가할 수 있습니다. 대체 텍스트는 검색 엔진이 자료를 찾아 정리하고 시각 장애인이 화면의 내용을 읽어주는 소프트웨어로 문서를 이해하는 데 도움을 줍니다. 섬네일 이미지에 설명이 붙을 경우에는 보이는 설명으로만 적용되기 때문에 [[파일:File.jpg|섬네일|보이는 설명|alt=보이지 않는 설명]]으로 나눠서 설명해야 합니다.

만일 이미지의 가로, 세로 길이를 조절하고 싶으면 [[파일:File.jpg|너비x높이px]]를 쓰면 됩니다! 너비는 자동으로 조절되고 높이만 고정하고 싶으면 너비를 입력하지 마세요([[파일:File.jpg|x높이px]]).

위키미디어 공용에 있는 사진은 따로 파일을 올리지 않고 그냥 [[파일:File.jpg]]만 쓰면 됩니다.

이미지 갤러리 넣기

이미지 갤러리는 여러 이미지를 섬네일로 함께 넣는 기능입니다. 다음과 같이 사용합니다.

입력 <gallery>
Example.jpg|설명1
Example.jpg|설명2
</gallery>
예시
  • 니켈로디언 RED

    니켈로디언 RED

  • 니켈로디언 GREEN

    니켈로디언 GREEN

  • 니켈로디언 BLUE

    니켈로디언 BLUE


필요시 폭 <gallery widths ="200px">이나 높이 <gallery heights ="200px">, 폭과 높이 <gallery widths ="200px" heights ="100px">의 형태로 크기를 조정할 수 있습니다.

이미지에 마우스를 올리면(호버·마우스오버) 설명이 나타나도록 할 수도 있습니다. 갤러리의 각 사진별 정사각형 배경이 나타나지 않고, 마우스가 없는 모바일에서는 이미지 위에 설명이 항상 표시됩니다. 설명이 이미지 안에 표시되고 모바일에서는 이미지가 설명에 가려질 수 있기 때문에 설명의 길이와 섬네일의 크기를 고려해야 합니다. 섬네일 크기의 조정은 높이 <gallery mode="packed-hover" heights ="200px">의 형태로 합니다.

입력 <gallery mode="packed-hover" heights="200px">
Example.jpg|설명1
Example.jpg|설명2
</gallery>
예시
  • 니켈로디언 RED

    니켈로디언 RED

  • 니켈로디언 GREEN

    니켈로디언 GREEN

  • 니켈로디언 BLUE

    니켈로디언 BLUE

영상 넣기

유튜브 영상 넣기
  • {{YouTube|동영상ID|너비|높이|정렬|설명}}라고 쓰면 됩니다.
    • Youtube 틀은 대소문자를 안가립니다. 따라서 YouTube도 youtube도 가능합니다.
    • 너비와 높이는 픽셀에 해당하는 값을 넣으면 됩니다. 꼭 쓰지는 않아도 됩니다.
    • 동영상ID는 유튜브 영상의 주소에서 v= 다음 부분입니다.
입력 출력
{{youtube|1U2DKKqxHgE}}
{{youtube|1U2DKKqxHgE|300px|200px}}
카카오TV 영상 넣기
입력 출력
{{카카오TV|397436050|640px|360px|center|Snow Halation}} 틀:Tv팟

사용자 이름

문서에 사용자 이름을 넣을 수 있습니다. 로그인시 사용자 이름이 표시되고, 비로그인시 아래와 같이 표시됩니다. 

{{위키러}}

로그인시 : 위키러
비로그인시 : 위키러 

{{위키니트}}

로그인시 : 틀:위키니트
비로그인시 : 위키니트 

{{사용자}}

로그인시 : 사용자 이름
비로그인시 : 사용자 

{{사용자|소환사}}

로그인시 : 사용자 이름
비로그인시 : 소환사

분류 붙이기

[[분류:분류명]]를 써주면 됩니다. 이 분류는 일종의 꼬리표태그 같은 기능을 하며, 한 문서에 여러 분류를 붙이는 것도 가능합니다.

문서에 분류 꼬리표를 다는 게 아니라 문장 중에 [[분류:분류명]]으로 링크를 걸고 싶다면 앞에 :(콜론)을 하나 붙여서[[:분류:분류명]]로 쓰면 됩니다.

예를 들어 [[:분류:위키위키]]라고 쓰면 → 분류:위키위키

분류에 상위 분류를 지정하려면 그 분류 문서에 상위 분류의 이름을 넣으세요. 예를 들어 분류:일본의 만화의 상위 분류로 분류:일본과 분류:만화를 지정하고 싶다면 분류:일본의 만화에다 [[분류:일본]], [[분류:만화]]를 넣으면 됩니다.

편집 코멘트 남기기

문서의 편집 버튼 근처를 보면 기록을 눌러서 들어가면 문서의 편집 기록을 볼 수 있습니다. 그 중에서 간혹 작은 괄호 안에 편집을 한 이유 등을 남긴 것이 있습니다. 문서를 편집하실 때, 본문 입력란 아래에 있는 요약:을 이용하면 그런 코멘트를 남길 수 있습니다.

새 문서 만들기

  1. 원하는 문서 이름을 검색합니다.
  2. "이 위키에 "(원하는 문서 이름)" 문서를 만드세요!"라는 문장이 나오면 빨간색 글자를 클릭해 문서를 만듭니다. 혹은 다른 문서를 읽다가 빨간색으로 링크된 문서가 있으면 그걸 클릭해 곧바로 새 문서를 쓸 수도 있습니다.
  3. 출력되는 문서 제목을 바꾸고 싶다면 {{DISPLAYTITLE:보이는 제목}} 문법을 쓰면 됩니다.

중급

표 만들기

Crystal Clear app xmag.svg 이와 관련한 내용은 도움말:표에서 볼 수 있습니다.
틀:인물 정보와 같이 해당되는 내용에 대한 틀이 있을 경우 틀을 검색해 사용하실 수 있습니다.

틀 만들기

Crystal Clear app xmag.svg 이와 관련한 내용은 도움말:틀에서 볼 수 있습니다.

주석(Annotation)

문서를 조회할 때는 보이지 않고 편집 시에만 보이는 주석을 달아두고 싶을 때는 주석을 달아둘 곳에 <!-- 주석내용 -->를 입력하여 주석을 달아둘 수 있습니다. HTML에서 사용하는 주석과 문법이 같지만 HTML에서 사용하는 주석과는 달리 브라우저에서 소스보기를 해도 표시되지 않으며 오로지 편집 창에서만 보인다는 특징이 있습니다.

위키 문법 무시하기

내용의 문자가 위키 문법과 겹쳐 원하는 내용이 제대로 표시되지 않는다면 <nowiki>위키 문법이 무시될 부분</nowiki>으로 일부분에서 위키 문법을 무시하도록 할 수 있습니다.

한쪽 콘텐츠 밀림 막기

글의 한쪽에 각 내용과 관련된 이미지나 표와 같은 콘텐츠를 함께 넣을 때, 콘텐츠의 높이보다 글이 짧은 위치에서 끝날 경우 다음 글과 연관된 콘텐츠가 아래로 밀릴 수 있습니다. 구분되는 문단 끝에 {{-}}를 입력해 틀:-을 사용하면 해결됩니다.

책 ISBN 링크 삽입

{{ISBN|0000000000000}} 또는 {{ISBN|00-000-0000-0}} 형태로 입력하면 리브레 위키가 자동으로 "책 찾기" 명령을 걸어줍니다. ISBN 코드는 주로 책의 뒷 표지에 있으며, 인터넷 서점의 책 소개 화면에서도 찾을 수 있습니다.

예시) ISBN 89-527-0221-2

펼치기/접기

숨기기 틀과 펼치기 틀을 이용하면 됩니다. 자세한 이용방법은 각 항목의 틀 설명문서를 참조하세요.

이미지 안에 링크 넣기(imagemap)

우선 이미지 파일 하나를 다른 링크로 대체할 때에는 

[[파일:(파일명)|(섬네일)|(왼쪽 or 가운데 or 오른쪽)|(파일크기)|link=(연결하고자 하는 문서)]]

형태로 사용하시면 됩니다. 아래와 같이 말이죠.

연습장 링크.png
[[그림:연습장 링크.png|가운데|178x183px|link=리브레 위키:연습장]]

한 개의 이미지에 여러 개의 링크를 넣을 때에는 아래와 같이 <imagelink> 태그를 사용하시면 됩니다.

리브렌리브라리디버그리디버그 볶음밥(이미지가 나오지 않을 때 보여주는 대체 문구입니다.)
마스코트 모음


이 이미지에는 리브렌, 리브라, 리디버그, 리디버그 볶음밥 총 4개의 링크가 있습니다. 

<imagemap>
Image:NY-6.png|thumb|center|400px|alt=(이미지가 나오지 않을 때 보여주는 대체 문구입니다.) |[[마스코트]] 모음
poly 80 50 80 230 246 234 236 50 [[리브렌]]
poly 0 240 190 240 196 319 207 450 0 450 [[리브라]]
poly 442 36 361 108 372 282 500 313 500 35 [[리디버그]]
rect 200 300 265 360 [[리디버그 볶음밥]]
</imagemap>

위 링크는 이렇게 구성되어 있습니다. 이 구조를 설명하자면 

<imagemap>
Image:(이미지)|섬네일(선택)|(정렬)|(크기)|alt=(이미지가 나오지 않을 때 보여주는 대체 문구입니다.) |(설명)
poly 좌표1(x) 좌표1(y) 좌표2(x) 좌표2(y) 좌표3(x) 좌표3(y) ...... [[문서]]
rect 좌표1(x) 좌표1(y) 좌표2(x) 좌표2(y) [[문서]]
</imagemap>
  • 이미지 : 파일:xxx.jpg 라는 파일에서 xxx.jpg를 의미합니다.
  • 섬네일 : 섬네일 형식으로 표현하려면 입력합니다.
  • 정렬 : 필요하다면, 이미지의 정렬을 선택합니다. 왼쪽, 가운데, 오른쪽이 있습니다.
  • 크기 : 이미지가 표시될 크기를 선택합니다. 픽셀 단위로 500px 처럼 표현합니다.
  • alt= 뒤의 내용 : 이미지가 표시되지 않으면 대신 나오는 문구입니다. 일반적으로 잘 뜨지 않습니다.
  • 설명 : 이 그림을 설명하는 내용을 적으면 됩니다. 이 문구 전체를 
    [[어떤 문서]]
    로 감싸면 안됩니다. 만약 전체를 감쌀 경우, 다음 링크 이전까지의 텍스트가 "전부 이미지의 링크"로 처리되는 문제가 발생합니다.
  • poly (좌표1, 좌표2, .... 좌표n)문서 : polygon(다각형) 형태로 표현되는 링크 입니다. 입력한 값들을 픽셀형태의 좌표로 인식한 뒤, 그것들을 선으로 이어서, 그 안쪽을 클릭하면 문서로 넘어갈수 있게 해줍니다.
  • rect (좌표1, 좌표2) 문서 : rectangle(직사각형) 형태로 표현됩니다. 두 점을 좌표로 입력받아서 한점은 왼쪽 위, 한점은 오른쪽 아래의 좌표로 인식해서, 그 안쪽을 클릭하면 문서로 넘어갈수 있게 해줍니다.
  • circle (좌표, 반지름) 문서 : circle (원) 형태로 형태로 표현됩니다. 세 값을 입력 받아서 앞의 두값은 x y 좌표, 마지막 값은 반지름 입니다. poly, rect, circle에서의 단위는 픽셀이며, 좌표 기준은 좌측 상단입니다.
  • default 문서 : "위에서 설정하지 않은 나머지 영역"에 대한 문서 링크를 설정합니다.

여기에 필요한 좌표값은 그림판으로 쉽게 확인할 수 있습니다. 링크를 달고자 하는 해당 이미지 파일을 받아서 그림판으로 여시고, 선택이나 그리기 툴로 그림위에 갖다대면, 그림판 왼쪽아래에 ╋ 123, 45 px 라고 뜨게됩니다. 그 값이 좌표(x,y)이므로, 편집할때 사용하시면 됩니다.

html, CSS 태그 이용

미디어위키에서는 html과 CSS 문법을 상당수 지원합니다. 이하는 html, CSS의 태그를 활용하는 방법의 예시를 설명합니다.

펼치기/접기 (태그 이용)

예시

스포일러 주의
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.
<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>

위의 모든 예시 공통으로 class에서 mw-collapsed을 제거하면 처음부터 펼쳐진 상태가 됩니다.

예시

스포일러 주의
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.
<div class="toccolours mw-collapsible">스포일러 주의<div class="mw-collapsible-content">
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.</div>
</div>

문서 내부에 책갈피(anchor) 만들기

문서 내부에 <span id="(책갈피 이름)">(책갈피를 만들 곳)</span>를 삽입하면 해당 위치로 스크롤되어 이동할 수 있는 책갈피(anchor)가 만들어집니다. 해당 책갈피가 있는 곳으로 이동하는 링크는 [[(문서명)#(책갈피 이름)]] 형태를 이용해서 작성할 수 있습니다.

순서가 매겨진 목록 특정 순서에서 시작하기

입력 

<ol start="3">
	<li>세 번째부터 시작하는 순서가 있는 목록</li>
	<li>이어지는 목록</li>
		<dl>
			<dd>항목의 설명</dd>
		</dl>
		<ol>
			<li>이어지는 목록</li>
			<li>이어지는 목록</li>
		</ol>
	<li>이어지는 목록</li>
</ol>

결과

  1. 세 번째부터 시작하는 순서가 있는 목록
  2. 이어지는 목록
    3. 항목의 설명
    1. 이어지는 목록
    2. 이어지는 목록
  3. 이어지는 목록

<ol start="시작할 순서">에 시작을 원하는 숫자를 넣어 사용합니다.

다음과 같이 중첩된 목록에서의 순서를지정할 수도 있습니다.

입력 

<ol start="3">
	<li>세 번째부터 시작하는 순서가 있는 목록</li>
		<ol start="3">
			<li>세 번째부터 시작하는 중첩된 목록</li>
			<li>이어지는 목록</li>
		</ol>
</ol>

결과

  1. 세 번째부터 시작하는 순서가 있는 목록
    1. 세 번째부터 시작하는 중첩된 목록
    2. 이어지는 목록

이미지를 왼쪽에 띄워 배치하기

  1. [[파일:파일 이름.jpg|섬네일|왼쪽|보이는 설명|alt=보이지 않는 설명]]과 같이 이미지를 왼쪽에 배치합니다.
  2. 이미지의 오른쪽에 배치될 글을 <div style="padding-left: 12px; overflow-x: hidden;">과 </div> 안에 넣습니다.

특수 명령

아래는 미디어위키가 지원하는 특수 명령의 목록입니다. 공백 표시 __는 한 개가 아닙니다. 두 개입니다.

문서 설정

목차
__NOTOC__ 목차를 숨깁니다.
__FORCETOC__ 목차를 보이도록 합니다.
__TOC__ 이 위치에 목차를 넣습니다.
버그 이외에는 목차를 강제삽입하지 마세요.
그 외
__NOEDITSECTION__ 문단 제목 우측에 위치한 편집 버튼을 없앱니다.
__HIDDENCAT__ 분류 문서에 넣으면 숨은 분류가 됩니다. 편집창에서 분류가 포함되었는지를 확인할 수 있으며, 환경설정을 바꾸면 문서를 읽으면서도 확인이 가능합니다.

고급

여기까지 보고도 의욕이 넘친다면 MediaWiki 도움말:목차나 위키백과:위키 문법, Wikipedia:Extended image syntax에 가면 당신의 학습욕구를 충족시킬 온갖 문법들을 살펴볼 수 있습니다.

수식 입력

리브레 위키는 수식입력을 위해 [math]\displaystyle{ {\mathrm{T\!_{\displaystyle E} \! X}} }[/math] 문법을 지원합니다. 자세한 내용은 도움말:TeX 문법을 참고하시기 바랍니다.

그래프 생성

미디어위키 확장 기능을 통해 그래프를 만들 수 있습니다. 그래프는 자바스크립트를 통해 만들어지며 반응하도록 만들 수 있습니다. Vega 문법을 기반으로 하며 미디어위키 위키의 Extension:Graph를 참조할 수 있습니다. 분류:그래프가 있는 문서에는 그래프가 사용된 문서가 표시됩니다.

사용자 폰트 변경법

특수:내사용자문서/common.css 에서 

#mw-body-text { 
font-size: 15px;
font-family: dotum;
}

해당 내용을 복사한 이후 font-size 숫자를 원하는 대로 수정하면된다. 글꼴을 바꾸고 싶을 땐 font-family: 부분을 수정하면되고 기본적으로 많이 쓰는 dotum, gulim 등을 쓰면된다. (글꼴을 바꾸기 싫으면 font-family 부분은 지워주자)

새로운 폰트를 쓰고 싶다면, '웹폰트'를 사용해 사용자 CSS에 저장하면 된다. 예시로 '나눔고딕'을 구글 폰트를 통해 적용해보겠다.

  1. CSS 문서 최상단에 
    @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
    을 추가한다.
  2. 아래 내용을 CSS 문서 내에 삽입한다.
body {
    font-family: "Nanum Gothic";
}

편집창에서 다른 폰트(특히, 고정폭 글꼴)을 사용할 때에는 textarea#wpTextbox1를 사용해주시면 됩니다.

예시: 

@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro&subset=latin,latin-ext);
 
textarea#wpTextbox1 { font-family: 'Source Code Pro'; font-size:small; }

파서 함수와 매직 워드 사용하기

미디어위키는 조건문 등 분기 기능을 지원하는 파서 함수와 특정한 값을 출력하는 매직 워드를 사용할 수 있습니다. mw:Help:Magic words 혹은 위키백과:위키백과:특수 명령에서 더 자세한 내용을 확인하실 수 있습니다.

자주 사용하는 매직 워드 목록

목차 표시/미표시에 관한 명령어는 위에 있습니다.

시각 표시에 관한 명령어

사용하고 있는 언어(리브레 위키의 경우 한국어)로 해당 단어를 표시합니다. 참조: mw:Help:Magic words#Date and time, 위키백과:위키백과:특수 명령#특수 변수. 이 명령어들은 리브레 위키에서도 사용가능합니다. current가 붙은 명령어는 협정 세계시 기준입니다.

  • {{LOCALYEAR}},{{지역년}} - (한국시간 기준) 현재 해.
  • {{LOCALMONTH}}, {{지역월}} - (한국시간 기준) 숫자로 표현한 현재 달. 뒤에 2를 붙이면 강제로 두 자리 숫자로 표현됩니다.
  • {{LOCALMONTHNAME}}, {{지역월이름}] (한국시간 기준) 달 이름으로 표현한 현재 달. 한국어의 경우는 숫자+월 표시로 간단하게 표현됩니다.
  • {{LOCALDAY}}, {{지역일}} (한국시간 기준) 현재 날. 역시 뒤에 2를 붙이면 강제로 두 자리 숫자로 표현됩니다.
  • {{LOCALDAYNAME}}, {{지역요일}] (한국시간 기준) 현재 요일 이름을 출력합니다.
  • 예시 : {{지역년}}년 {{지역월이름}} {{지역일2}}일, {{지역요일}}. 입력
    • 출력결과 : 2024년 4월 17일, 수요일 .


위키 통계에 관한 명령어

참조 : 위키백과:위키백과:특수 명령#특수 변수.이 명령어들은 아래의 {{이름공간문서수}}를 제외하고 리브레 위키에서도 사용가능합니다. 뒤에 ":R"을 붙일 경우 3자리 단위로 반점을 이용해 끊지 않습니다.

  • {{문서수}}, {{NUMBEROFARTICLES}} 문서 숫자를 표시합니다.
  • {{모든문서수}}, {{NUMBEROFPAGES}} 틀, 파일을 포함한 모든 문서를 보여줍니다.
  • {{NUMBEROFEDITS}} 이 위키에서 편집한 모든 횟수를 보여줍니다.
  • {{사용자수}}, {{NUMBEROFUSERS}} 현재 사용자 숫자를 보여줍니다.
  • {{NUMBEROFACTIVEUSERS}} 활동적인 사용자 숫자를 보여줍니다.
문서 상태에 관한 명령어
  • 참조: mw:Help:Magic Words#Technical metadata
  • {{REVISIONID}} - 이 문서의 최종 편집본의 ID값을 반환합니다.
  • {{REVISIONTIMESTAMP}} - 이 문서를 최종 편집한 시각에 관한 수치값을 반환합니다.
  • {{REVISIONUSER}} - 이 문서를 최종 편집한 사용자 정보를 반환합니다.
  • {{REVISIONSIZE}} - 이 문서의 최종판의 문서 형태를 나타냅니다.

예시: {{#ifexpr:{{REVISIONSIZE}}<1100|이 글은 토막글입니다.|이 글은 토막글이 아닙니다.}} - 문서 총 크기가 1100 바이트 미만일 때에만 토막글 메시지 출력함.

출력 결과 : 이 글은 토막글이 아닙니다.

자주 사용하는 파서 함수 목록

파서 함수의 이름 파서 함수의 용도와 사용법 입력법 예제
#expr 계산식을 구할 때 사용합니다. 계산식의 사용방법은 위키백과:위키백과:특수 명령#파서 함수를 참조하세요. {{#expr:(수식)}} {{#expr:50-2}}
=48
#if 조건이 참 거짓일 때에 따라 다른 것을 입력할 때 사용합니다. {{#if:(조건)|(참일 때 입력 결과)|(거짓일 때 입력 결과)}}
#ifeq 두 개의 값이 같을 때와 다를 때를 분기해서 출력합니다. {{#ifeq:(비교대상1)|(비교대상2)|(1=2일때 출력 결과)|(1≠2일 때 출력 결과)}}
#ifexist 문서가 존재하는지 존재하지 않은지 검사할 때 사용합니다. 다른 위키에 있는 문서는 ifexist 파서 함수로 존재성을 확인할 수 없습니다. {{#ifexist:(문서명)|(존재할 때 입력 결과)|(존재하지 않을 때 입력 결과)}}
#ifexpr 해당 식이 참인지 거짓인지에 따라 출력을 분기할 때 사용합니다. {{#ifexpr:(조건식)|(참일 때 출력)|(거짓일 때 출력)}}
#switch 여러 조건에 따라 분기할 때 사용합니다. {{#switch:(조건)|조건1=(조건 1 만족시에 입력 결과)|조건2=(조건2 만족할 때 입력 결과)|...|#default=(조건을 만족하지 않을 때 입력 결과)}}
#time 시간을 출력합니다. 자세한 사용법은 위키백과:위키백과:특수 명령#파서 함수 참조. {{#time: (형식)|(시간))}} {{#time:Y-m-dTH:m:s{{#time:+H:m|+0 hours}}}} 출력
2024-04-16UTC17:04:19+17:04

파서 태그 사용하기

이미지 분할할 때 사용하는 <imagemap> 태그도 일종의 파서 태그입니다. 리브레 위키에서는 다음과 같은 태그를 사용할 수 있습니다. 특수:버전 참조.

태그 이름 태그의 용도 입력법
<categorytree> 분류 트리를 문서 안에 삽입할 때 사용합니다. 미디어위키 확장기능 설명 문서도 참조. <categorytree mode=pages (depth=(최대 깊이))>(최상위 카테고리 명)</categorytree>
<gallery> 여러 개의 그림을 행렬 형태로 배열할 수 있게 도와줍니다.영어 위키백과의 도움말 문서도 참조하세요. <gallery mode=(조건) (depth=(최대 깊이))>(배열한 이미지 명)</gallery>
<imagemap> 해당 그림 위에 도형을 그려서 그림을 분할할 수 있는 기능을 제공합니다. 위의 기능 참조 <imagemap>image:(이미지명)
(도형조건)</imagemap>
<inputbox> 글자 입력 상자를 출력하는 태그입니다.
<math> 수식을 입력할 때 필요한 태그입니다. 수식 입력 방법은 도움말:TeX 문법 참조.
<poem> 시를 입력할 때 유용한 태그입니다.
<pre> 회색 상자를 생성합니다.
<source>
<syntaxhighlight>		 각종 프로그래밍 언어에서 특정 키워드에 강조 효과를 주는 소스 코드를 출력합니다. lang 입력 없으면 css가 기본적으로 출력됩니다 <syntaxhighlight lang=(프로그래밍 언어)>코드
<youtube> YouTube 동영상을 출력할 수 있게 도와줍니다. mw:Extension:YouTube 참조. 그러나 주로 {{YouTube}}를 사용하기에 태그 자체를 직접 사용할 일은 없을 겁니다.

사용자 JS 파일 사용하기

Crystal Clear app xmag.svg 이와 관련한 주제는 도움말:위키 문법/사용자 자바스크립트에서 다룹니다.

위키의 기본기능 이외에 도우미를 위키 화면에 띄우는 등의 기능을 이용하려면 특정한 사용자 자바스크립트를 삽입하셔야 합니다. 리브레 위키의 기본 유저 인터페이스에서 지원하지 않는 기능을 이용할 수 있습니다.

로그인하신 후 특수:내사용자문서/common.js 에 들어가거나 특수:환경설정에서 위쪽의 두번째 탭인 문서 보이기 설정에서 모든 스킨에 공유된 CSS/자바스크립트에서 사용자 자바스크립트 항목을 클릭하시면 사용자:사용자/Common.js을 편집하라는 창이 나타납니다. 이 곳에 자신이 원하시는 자바스크립트 파일을 입력하시면 됩니다. 특정 스킨에서만 자바스크립트를 적용시키려면 사용자:사용자/(스킨이름).js를 대신 편집하시면 됩니다.

사용자 자바스크립트 파일 예제는 /사용자 자바스크립트 문서를 참조하시기 바랍니다.

사용자 CSS 파일 사용하기

Crystal Clear app xmag.svg 이와 관련한 주제는 도움말:위키 문법/사용자 CSS에서 다룹니다.

사용자는 위키에 기본적으로 주어진 CSS 설정을 수정해서 디자인을 변경할 수 있습니다.

특수:내사용자문서/common.css를 누르시거나 특수:환경설정에서 두 번째 탭인 문서 보이기를 누릅니다. 그 다음에 모든 스킨에 공유된 CSS/자바스크립트 에서 사용자 CSS 항목을 클릭하시면 사용자:사용자/common.css를 편집하라는 창이 나타납니다. 이곳에 자신이 원하는 CSS 설정을 입력하시면 됩니다. 역시 특정한 스킨에서만 CSS 설정을 변경하시려면 사용자:사용자/(스킨이름).css를 대신 편집하시면 됩니다.

틀스타일(TemplateStyles) 사용하기

틀스타일은 문서에 CSS를 삽입하여 디자인을 조정할 수 있는 확장기능으로, 틀이나 대문처럼 스타일이 많이 들어가는 문서의 경우 유용하게 사용할 수 있습니다.

특히 기존의 inline style 삽입의 경우 지원하지 않는 미디어쿼리를 지원하므로 모바일에서 잘 보이는 문서를 만드는 데 도움이 될 것 같습니다.

CSS는 틀: 이름공간 아래에 .css로 끝나는 문서에 작성하면 됩니다. 예: 틀:가사/styles.css

다른 문서에 해당 CSS를 삽입하려는 경우 문서 최상단에 <templatestyles src="CSS 문서명" />을 넣으면 됩니다.

문서 외부에 영향을 미치거나 사용자에게 피해를 줄 수 있는 CSS 코드는 자동으로 안전하게 제거됩니다.

각주

  1. ↑ <s>취소선 그어진 내용</s>로도 사용할 수 있으나 추천하지 않습니다.
  2. ↑ | ← 이 문자는 키보드 backspace 키(←) 왼쪽에 있는
    ¦
    \
    키 입니다. shift 키와 같이 누르면 됩니다.
  3. ↑ 주소를 밝히는 외부링크의 경우 주소가 축약되는 위의 외부링크 틀을 쓰는 것을 권장하고 있습니다.
  4. ↑ 어떤 글 A를 검색하면 B라는 글로 가게끔 설정해주는 기능입니다.
  5. ↑ 5.0 5.1 고양이의 품종 중 하나
리브레 위키 도움말
기초 사용법
위키 문법
특수 기능
리브레 위키
안내 · 도구
규정 · 운영
요청 · 소통
당신의 도움이
필요해요!
둘러보기