도움말:위키 문법: 두 판 사이의 차이

잔글 (→‎링크)
 
(사용자 19명의 중간 판 380개는 보이지 않습니다)
1번째 줄: 1번째 줄:
문서를 꾸미는 방법에 대한 문서입니다.
문서를 편집할 때 사용하는 위키 문법을 알려주는 도움말입니다. 순서대로 차근차근 따라오시면 어렵지 않게 이해하실 수 있으실 겁니다!
 
[[미디어위키]]의 문법은 [[모니위키]]의 문법과 꽤 다릅니다. 따라서 [[리그베다 위키]]나 [[나무위키]]에 익숙한 유저들은 편집하실 때 문법 차이에 유의하시길 바랍니다.


* '''리브레 위키가 너무 어렵게 느껴지나요? 그렇다면 <big>[[위키 작성, 당신도 할 수 있다!]]</big> 문서를 읽어 주세요.'''
* '''리브레 위키가 너무 어렵게 느껴지나요? 그렇다면 <big>[[위키 작성, 당신도 할 수 있다!]]</big> 문서를 읽어 주세요.'''
* 주요 문법은 편집부 상단의 편집기 버튼으로도 입력할 수 있습니다.
* 찾는 내용이 있다면 브라우저의 '페이지에서 찾기'(Ctrl+F, command+F) 기능으로 관련된 단어를 입력해 보세요.
* 찾는 내용이 있다면 브라우저의 '페이지에서 찾기'(Ctrl+F, command+F) 기능으로 관련된 단어를 입력해 보세요.
* 연습은 <big>[[리브레 위키:연습장|연습장]]</big>에서 하실 수 있습니다.
* 연습은 <big>[[리브레 위키:연습장|연습장]]</big>에서 하실 수 있습니다.
* 글 작성시 유용한 틀 목록과 설명은 <big>[[리브레 위키:틀]]</big> 문서를 참고하세요.
* 표 생성기는 [http://www.tablesgenerator.com/mediawiki_tables 이곳]을 이용하세요.
* 리브레 위키 표 생성기는 [http://www.tablesgenerator.com/mediawiki_tables 이곳]을 이용하세요.
 
'''[[미디어위키]]의 문법은 [[모니위키]]의 문법과 꽤 다릅니다.''' 구 [[리그베다 위키]]나 [[나무위키]]에 익숙한 유저들은 편집하실 때 문법 차이에 유의 바랍니다. [[위키백과]]를 이용해본 유저들은 위키백과와 문법이 같으니 참고하시면 좋습니다.


== 초급 ==
== 초급 ==
이것만 알고 있어도 글을 수정, 작성하는 데 큰 문제 없는 기본적인 문법들입니다.
이것만 알고 있어도 글을 수정, 작성하는 데 큰 문제가 없습니다.


=== 새 문서 만들기 ===
=== 글의 구조 ===
# 원하는 문서 이름을 검색합니다.
==== 문단 ====
# "이 위키에 "{{색|#dc143c|(원하는 문서 이름)}}" 문서를 만드세요!"라는 문장이 나오면 빨간색 글자를 클릭해 문서를 만듭니다. 혹은 다른 문서를 읽다가 빨간색으로 링크된 문서가 있으면 그걸 클릭해 곧바로 새 문서를 쓸 수도 있습니다.
'''문단'''은 글을 이해하기 쉽도록 주제별로 내용을 나눠놓은 것입니다.
# 출력되는 문서 제목을 바꾸고 싶다면 <code><nowiki>{{DISPLAYTITLE:보이는 제목}}</nowiki></code> 문법을 쓰면 됩니다.


=== 문단 제목 ===
문단은 <code><nowiki>== 문단 제목 ==</nowiki></code>을 입력하여 만들 수 있습니다. 하위 문단은 <code><nowiki>=</nowiki></code>를 양쪽에 하나씩 붙입니다.
제목 양쪽에 <nowiki>= =</nowiki>를 입력하면 됩니다. '='를 양쪽에 더 붙일수록 하위 제목이 됩니다.


예시는 기술적 문제로 인해서 [[문단 제목 작성 예시|예시 문서]]를 참조할 것.
{| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
== 첫 번째 문단 ==
'''첫 번째 문단'''입니다.


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


* 엔터를 두번 칩니다. 엔터 하나로는 줄바꿈이 되지 않습니다.
==== 더 하위 문단 ====
* <code><nowiki><br></nowiki></code>씁니다.
하위 문단의 하위 문단입니다. ''''=''''4개 썼습니다.


== 두 번째 문단 ==
'''두 번째 문단'''입니다.
</pre>
| <div style="background: none; font-size: 1.9em; margin: 0.25em 0; padding: 0; padding-bottom: 0.5em; border-bottom: 1px dashed #ddd;"><span style="color: {{skin|1}}">1</span> 첫 번째 문단</div>
'''첫 번째 문단'''입니다.
<div style="background: none; font-size: 1.7em; margin: 0.25em 0; padding: 0; padding-bottom: 0.5em; border-bottom: 1px dashed #ddd;"><span style="color: {{skin|1}}">1.1</span> 하위 문단</div>
하위 문단입니다. ''''=''''을 3개 썼습니다.
<div style="background: none; font-size: 1.5em; margin: 0.25em 0; padding: 0; padding-bottom: 0.5em; border-bottom: 1px dashed #ddd;"><span style="color: {{skin|1}}">1.1.1</span> 더 하위 문단</div>
하위 문단의 하위 문단입니다. ''''=''''을 4개 썼습니다.
<div style="background: none; font-size: 1.9em; margin: 0.25em 0; padding: 0; padding-bottom: 0.5em; border-bottom: 1px dashed #ddd;"><span style="color: {{skin|1}}">2</span> 두 번째 문단</div>
'''두 번째 문단'''입니다.
|-
|}


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


다만 표 내부에서 개행을 할 필요가 있을 때와 같은 특수한 상황에서는 '''<nowiki><br></nowiki> 사용'''으로 해야 합니다.
목차와 관련한 문법을 아래에 정리해두었는데, 특수한 경우가 아니면 사용하지 않는 것을 추천합니다.


=== 글씨 꾸미기 ===
{| class="wikitable"
{| class="wikitable" border="1"
|-
! 기능
! 입력
! 입력
! 결과
! 설명
|-
|-
| 굵은 글씨
| style="text-align: center;" | <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
| <nowiki>'''내용'''</nowiki>
__목차숨김__</pre> 또는 <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">__NOTOC__
| <nowiki>'''굵은 글씨'''</nowiki><br/>   → '''굵은 글씨'''
</pre>
| 목차가 나타나지 않도록 합니다. 만약 사용한다면, 문서 맨 첫 번째 줄에 입력하세요.
|-
|-
| 기울어진 글씨
| style="text-align: center;" | <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
| <nowiki>''내용''</nowiki>
__목차보임__</pre> 또는 <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">__FORCETOC__
| <nowiki>''기울어진 글씨''</nowiki><br/>   → ''기울어진 글씨''
</pre>
| 문단의 개수와 무관하게 반드시 목차가 나타납니다. 
|-
|-
| 굵고 기울어진 글씨
| style="text-align: center;" | <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
| <nowiki>'''''내용'''''</nowiki>
__목차__</pre> 또는 <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">__TOC__
| <nowiki>'''''굵고 기울어진 글씨'''''</nowiki><br/>   → '''''굵고 기울어진 글씨'''''
</pre>
| 코드가 입력된 곳에 목차가 나타나도록 합니다. 문단이 4개 이하여도 목차가 나타납니다.
|-
|-
| 색깔 넣기
|}
| [[틀:색|<nowiki>{{색|(글씨색코드)|내용|배경=(배경색코드)}}</nowiki>]] <br/> [[색상 코드]] 찾기가 귀찮다면 간단한 색깔은 그냥 green, red와 같이 입력해도 됩니다. 배경색은 생략 가능합니다.
 
|<nowiki>{{색|#ff0000|분홍색 배경에 빨간 글자|배경=pink}}</nowiki><br/>   → {{색|#ff0000|분홍색 배경에 빨간 글자|배경=pink}}
==== 구분선 ====
'''구분선'''은 위아래의 글을 분리할 때 사용하는 것으로, <code><nowiki>----</nowiki></code>을 사용합니다. 하지만 일반 문서에서 사용하는 것은 추천하지 않습니다.
 
{| class="wikitable"
! 입력
! 결과
|-
|-
| 큰 글씨
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
| <nowiki><big>내용</big></nowiki><ref>양쪽에 &lt;big&gt; &lt;/big&gt;을 더 붙일수록 커집니다.</ref>
윗 글.
| <nowiki><big>크고 아름다워</big></nowiki><br/>   → <big>크고 아름다워</big>
----
아랫글. 바로 위의 선이 구분선입니다.
</pre>틀에 넣을 때 문법이 무시되는 문제가 있다면 <code><nowiki><hr/></nowiki></code>을 넣어도 됩니다.
| 윗 글.
----
아랫글. 바로 위의 선이 구분선입니다.
|-
|-
| 작은 글씨
|}
| <nowiki><small>내용</small></nowiki><ref>양쪽에 &lt;small&gt; &lt;/small&gt;을 더 붙일수록 작아집니다.</ref>
 
| <nowiki><small>작은 고추의 매운맛 을 보여주마!</small></nowiki><br/>   → <small>작은 고추의 매운맛 을 보여주마!</small>
==== 개행 ====
'''개행''', 즉 줄을 바꾸며 문단을 나누기 위해서는 엔터 키({{키|Enter}})를 두 번 누릅니다.  
 
{| class="wikitable"
|-
|-
| 취소선
! 방법
| <nowiki><del>취소선 그어진 내용</del>, <s>취소선 그어진 내용</s></nowiki><br/>또는 [[틀:취소선|<nowiki>{{ㅊ|취소선 그어진 내용}}</nowiki>]] 세가지 모두 사용가능합니다.
! 입력
| <nowiki><del>억울합니다</del></nowiki><br/>   → <del>억울합니다</del><br/><nowiki>{{ㅊ|쉬운 취소선}}</nowiki><br/>          →{{ㅊ|쉬운 취소선}}
! 결과
|-
|-
| 밑줄
| 엔터 두 번
| <nowiki><u>밑줄 그어진 내용</u></nowiki><br /><small><nowiki><ins></nowiki> 태그는 일반 문서에서는 권장되지 않습니다.</small>
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">엔터를 2번 쳐 보면
| <nowiki><u>노오오오오력</u></nowiki><br/>   →<u>노오오오오력</u>
 
문장이 띄어졌네!
</pre>
| style="vertical-align: middle;" | <p>엔터를 2번 쳐 보면</p><p>문장이 띄어졌네!</p>
|}
 
 
<code><nowiki><br/></nowiki></code>을 쓰면 '''문단 내에서 강제 개행'''이 됩니다. 엔터를 두 번 눌러 개행한 것과 <code><nowiki><br/></nowiki></code>은 다르게 렌더링됩니다. [[표]]나 [[틀]] 내부를 제외하면 일반적으로는 쓰이지 않습니다.
 
{| class="wikitable"
|-
! 방법
! 입력
! 결과
|-
|-
| 글꼴 바꾸기
| <code><nowiki><br/></nowiki></code> 또는 <code><nowiki><br /></nowiki></code> 태그 사용
| <nowiki><span style="font-family:(사용할 글꼴)">글꼴을 바꿀 내용</span></nowiki>
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
| <nowiki><span style="font-family:굴림">예시: 굴림</span></nowiki><br/>   → <span style="font-family:굴림">예시: 굴림</span>
태그를 사용해 보면<br />이것도 띄어졌네!
</pre>
| 태그를 사용해 보면<br />이것도 띄어졌네!
|-
|-
| rowspan="2"|그림자 효과 (주의)<ref>지나친 그림자 효과의 남발은 글자의 가독성을 저하시키니 사용에 주의가 필요합니다.</ref>
| <nowiki><div style="text-shadow: (오른쪽)px (아래)px (blur 효과 범위)px #(색상코드);">(그림자를 넣을 문구)</div></nowiki>
| <nowiki><div style="text-shadow: 5px 5px 5px #222222;">어둠의 다크에서 죽음의 데스를 느끼며</div></nowiki> <div style="text-shadow: 5px 5px 5px #222222;">   → 어둠의 다크에서 죽음의 데스를 느끼며</div>
|}
|}


=== 들여 쓰기  ===
토론 할 때 다른 사람의 질문을 답변하는 용도로 쓰입니다. 아래는 사용 예시입니다.


<pre>
이미지나 표와 같은 콘텐츠를 글의 한쪽에 함께 넣을 때 콘텐츠가 밀려 오인을 유발할 경우, <code><nowiki>{{-}}</nowiki></code>를 사이에 입력합니다.
왜 이렇게 한 것이죠.
{| class="wikitable"
:이렇게 되었습니다.
|-
::그건 정당하지 않습니다. 24시간안에 해명하지 않으면 차단합니다.
! 방법
:::조지고 부시고
! 입력
::::차단합니다
! 결과
:::::인정할 수 없습니다.
|-
| <code><nowiki>{{-}}</nowiki></code>
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[파일:Libre Wiki-Logo.png|100px|섬네일]]
이 문장과 달리
{{-}}
이 문장은 로고 아래에 있네?
</pre>
</pre>
| [[파일:Libre Wiki-Logo.png|100px|섬네일]]
이 문장과 달리
{{-}}
이 문장은 로고 아래에 있네?
|-
|}


왜 이렇게 한 것이죠.
;※ 주의사항
:이렇게 되었습니다.
:* 엔터 한 번으로는 개행이 되지 않습니다. 문단을 나누기 위해서는 엔터를 두 번 눌러야 합니다.  
::그건 정당하지 않습니다. 24시간안에 해명하지 않으면 차단합니다.
:* 표나 틀에서 개행할 경우 '''<nowiki><br /></nowiki>''' 사용을 권장합니다.
:::조지고 부시고
:* 환경 설정-소도구에서 위키 문법강조 기능을 활성화해 사용할 경우 슬래시를(/) 넣어 '''<nowiki><br /></nowiki>'''과 같이 사용해야 색상으로 구분됩니다.
::::차단합니다
:* <code><nowiki>{{-}}</nowiki></code>([[틀:-]])는 문장을 강제로 띄어쓸 때 사용하는 것이 아닙니다. 글의 한 켠에 내용과 관련된 이미지나 표와 같은 콘텐츠를 함께 넣었을 때, 콘텐츠가 다음 문단을 방해할 때 사용합니다. [[도움말:좋은 글 쓰기]]의 이미지와 목록 정렬 예시를 참고할 있습니다.
:::::인정할 없습니다.


=== 글상자 ===
==== 들여쓰기 ====
{{틀|인용문2}} 틀을 사용하면 내용에 맞게 크기가 조절되는 글상자가 만들어집니다.
'''들여쓰기'''는 일정 간격 옆으로 문장이 이동하는 것으로, 콜론(:)을 사용하여 들여쓰기를 입력할 수 있습니다.
<pre>{{인용문2|다음과 같이 나타납니다.}}</pre>
{{인용문2|다음과 같이 나타납니다.}}


여기서 | 를 누르고 내용을 적어주면 인용문으로도 쓸 수 있습니다.
[[콜론]]의 개수가 늘어날수록 문장이 오른쪽으로 이동합니다. 콜론의 개수가 같으면, 같은 간격만큼 들여쓰기가 됩니다.
<pre>{{인용문2|다음과 같이 나타납니다.|도움말}}</pre>
{{인용문2|다음과 같이 나타납니다.|도움말}}


=== 인용문 넣기 ===
{| class="wikitable"
<code><nowiki>{{인용문|인용할 내용|작가|출처|정렬}}</nowiki></code>를 쓰면 됩니다.
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
본 문장
: 들여쓰기를 해봅시다.
:: 이렇게 '''':''''이 늘어날수록
::: 문장이 점점 더
:::: 오른쪽으로 이동합니다.
:: 같은 개수의 콜론을 사용하면
:: 같은 간격만큼 들여쓰기가 되지요.
</pre>
| 본 문장
: 들여쓰기를 해봅시다.
:: 이렇게 '''':''''이 늘어날수록
::: 문장이 점점 더
:::: 오른쪽으로 이동합니다.
:: 같은 개수의 콜론을 사용하면
:: 같은 간격만큼 들여쓰기가 되지요.
|-
|}


예 : <nowiki>{{인용문|언니 저 맘에 안 들죠?|누군가|해변에서|center}}</nowiki>라고 쓰면
들여쓰기는 아래 2가지 용도로 사용됩니다.


{{인용문|언니 저 맘에 안 들죠?|누군가|해변에서|center}}
# 토론할 때 다른 사람의 의견에 답변하는 용도.
# 다음에 설명할 '''용어 설명 목록'''과 '''목록'''에서 다른 문자와 함께 사용.


'정렬'칸에는 center, left, right 중 원하는 걸 쓰면 됩니다. '정렬'칸을 쓰지 않아도 기본값인 center가 자동으로 적용됩니다.
==== 용어 설명 목록 ====
'''용어 설명 목록'''은 단어나 용어를 설명해야 할 때 쓰입니다.


=== 대사 넣기 ===
설명할 단어 앞에 [[세미콜론]](;)을, 단어를 설명하는 문장 앞에 콜론(:)을 넣습니다.
<code><nowiki>{{대사|넣고 싶은 말|크기|말한 사람|출처}}</nowiki></code>를 쓰면 됩니다.


예 : <nowiki>{{대사|언니 저 맘에 안 들죠?||누군가|해변에서}}</nowiki>라고 쓰면
{| class="wikitable"
 
{{대사|언니 저 맘에 안 들죠?||누군가|해변에서}}
 
크기는 굳이 안 써도 기본이 20px입니다.
 
=== 문서 연결, 링크 ===
{| class="wikitable" border="1"
|-
|-
! 기능
! 입력
! 입력 예시
! 결과
! 결과
|-
|-
| 내부 문서 링크
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
| <nowiki>[[리브레 위키]]</nowiki> <br/> <nowiki>[[리브레 위키|바로 이 위키]]</nowiki>
; 용어
| [[리브레 위키]] <br/> [[리브레 위키|바로 이 위키]] <ref><nowiki>|</nowiki> ← 이 문자는 키보드 backspace 키(←) 왼쪽에 있는
: 용어를 설명하는 목록을
{|class="wikitable"
:; 이렇게
|¦</br>\
:: 만들 수 있습니다.
|} 키 입니다. shift 키와 같이 누르면 됩니다.
:: 만들 수 있습니다.
</ref>
</pre>
|  
; 용어
: 용어를 설명하는 목록을
:; 이렇게
:: 만들 수 있습니다.
:: 만들 수 있습니다.
|-
|-
| 내부 문서의 특정 문단으로 링크
|}
| <nowiki>[[도움말:위키 문법#문서 연결, 링크]]</nowiki><br/><nowiki>[[도움말:위키 문법#문서 연결, 링크|바로 이 항목]]</nowiki>
 
| [[도움말:위키 문법#문서 연결, 링크]]<br/>[[도움말:위키 문법#문서 연결, 링크|바로 이 항목]]
==== 목록 ====
'''목록'''에는 순서가 없는 목록과 순서가 있는 목록이 있습니다.
 
; 순서가 없는 목록
: [[별표]](*)와 콜론(:)을 사용합니다. 별표의 개수가 늘어날수록 하위 목록이 됩니다. 중간에 개행이 있으면 목록이 새로 시작됩니다.
: {| class="wikitable"
|-
|-
| 위키간 링크[[인터위키|(인터위키)]]
! 입력
| <nowiki>[[위키방:74654]]</nowiki> <br/> <nowiki>[[위키백과:도움말|백:도]]</nowiki><br/> <nowiki>[[위키백과:en:Wikipedia|타국어 위키백과]]</nowiki>
! 결과
| [[위키방:74654]] <br/>[[위키백과:도움말|백:도]]<br/>[[위키백과:en:Wikipedia|타국어 위키백과]]
|-
|-
| 외부 링크 [[틀:외부링크|(외부링크 틀을 사용)]]
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
| <nowiki>{{외부링크|http://www.naver.com}}</nowiki>  
* 목록1
| {{외부링크|http://www.naver.com}}
* 목록2
*: 목록2 설명
** 목록2의 하위 목록
*** 목록2의 하위 목록의 하위목록
* 목록3
*: 목록3 설명
*: 목록3 설명 개행
 
* 새 목록1
</pre>
|  
* 목록1
* 목록2
*: 목록2 설명
** 목록2의 하위 목록
*** 목록2의 하위 목록의 하위목록
* 목록3
*: 목록3 설명
*: 목록3 설명 개행
 
* 새 목록1
|-
|-
| 외부 링크
| <nowiki>http://www.naver.com</nowiki> <br/> <nowiki>[http://www.naver.com]</nowiki> <br/> <nowiki>[http://www.naver.com 네이버]</nowiki>
| http://www.naver.com<ref>주소를 밝히는 외부링크의 경우 주소가 축약되는 위의 외부링크 틀을 쓰는 것을 권장하고 있습니다.</ref> <br/> [http://www.naver.com] <br/> [http://www.naver.com 네이버] <br/>
|-
| 넘겨주기(리다이렉트)<ref>어떤 글 A를 검색하면 B라는 글로 가게끔 설정해주는 기능입니다.</ref>
| <nowiki>#redirect [[B]]</nowiki><br/> 또는 <nowiki>#넘겨주기 [[B]]</nowiki>
|
|}
|}


=== 목록 만들기 ===
; 순서가 있는 목록
==== 기본 ====
: [[해시 기호]](#)와 콜론(:)을 사용합니다.  중간에 개행이 있으면, 목록이 새로 시작합니다.
{| class="wikitable"
: {| class="wikitable"
|-
|-
|<pre><nowiki>
! 입력
* 이렇게
! 결과
* 별표(*)를 써서
*: 순서 없는
** 목록을
*** 만들 수
* 있습니다.
</nowiki></pre>
|
* 이렇게
* 별표를 써서
*: 순서 없는
** 목록을
*** 만들 수
* 있습니다.
|-
|-
|
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
<pre><nowiki>
# 목록1
# 이렇게
# 목록2
# 샵(#)을 써서
#: 목록2 설명
#: 순서 있는
## 목록2의 하위 목록
## 목록을
### 목록2의 하위 목록의 하위목록
### 만들 수
# 목록3
# 있습니다.
#: 목록3 설명
</nowiki></pre>
#: 목록3 설명 개행
|
 
# 이렇게
# 새 목록1
# 샵(#)을 써서
</pre>
#: 순서 있는
|  
## 목록을
# 목록1
### 만들 수
# 목록2
# 있습니다.
#: 목록2 설명
## 목록2의 하위 목록
### 목록2의 하위 목록의 하위목록
# 목록3
#: 목록3 설명
#: 목록3 설명 개행
 
# 새 목록1
|-
|-
|}
|}


'''앞을 한 칸 띄우지 않고 *'''(별표)로 행을 시작하면 순서 없는 목록이 만들어집니다. 하위 목록을 만들려면 별표를 하나 추가하면 됩니다.
; 두 가지 목록 혼합
 
: 별표와 해시 기호를 섞어서 사용할 수 있습니다.
글머리표를 넣지 않고 들여쓴 다음 목록에 이어지는 내용을 적으려면 ''':'''(콜론)을 추가하면 됩니다. 순서 있는 목록을 만들려면 별표 대신 '''#'''(샵)을 쓰면 됩니다.
: {| class="wikitable"
 
|-
==== 혼합 ====
! 입력
{| class="wikitable"
! 결과
|-
|-
|
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
<pre><nowiki>
* 이렇게
* 이렇게
*# 두 기호를
*# 두 기호를
216번째 줄: 295번째 줄:
*# 만들 수
*# 만들 수
*# 있습니다.
*# 있습니다.
</nowiki></pre>
</pre>
|
|  
* 이렇게
* 이렇게
*# 두 기호를
*# 두 기호를
225번째 줄: 304번째 줄:
*# 있습니다.
*# 있습니다.
|-
|-
|
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
<pre><nowiki>
# 이렇게
# 이렇게
## 두 기호를
## 두 기호를
233번째 줄: 311번째 줄:
##* 만들 수
##* 만들 수
# 있습니다.
# 있습니다.
</nowiki></pre>
</pre>
|
|  
# 이렇게
# 이렇게
## 두 기호를
## 두 기호를
244번째 줄: 322번째 줄:
|}
|}


==== 용어 설명 목록 만들기 ====
=== 글자 입력 ===
{| class="wikitable"
; 굵은 글씨
: [[작은따옴표]] 3개를 양옆에 붙이면 글씨가 '''굵어집니다.'''
: {| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
'''작은따옴표 3개는 굵은 글씨'''
</pre>
| '''작은따옴표 3개는 굵은 글씨'''
|-
|}
 
; 기울어진 글씨
: 작은따옴표 2개를 양옆에 붙이면 글씨가 ''기울어집니다.''
: {| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
''작은따옴표 2개는 기울어진 글씨''
</pre>
| ''작은따옴표 2개는 기울어진 글씨''
|-
|}
 
; 굵고 기울어진 글씨
: 작은따옴표 5개를 양옆에 붙이면 글씨가 '''''굵고 기울어집니다.'''''
: {| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
'''''작은따옴표 5개는 굵고 기울어진 글씨'''''
</pre>
| '''''작은따옴표 5개는 굵고 기울어진 글씨'''''
|-
|}
 
; 큰 글씨
: <code><nowiki><big></big></nowiki></code>을 양옆에 붙이면 글씨가 <big>커집니다.</big> 양쪽에 <nowiki><big></big></nowiki>을 많이 붙일수록 글씨가 더 커집니다.
: {{틀|+1}}이 동일한 기능을 합니다. (2 이상은 없습니다.)
: {| class="wikitable"
! 입력
! 결과
|-
| style="text-align: center;" | <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
<big>큰 글씨</big>
</pre> 또는 <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
{{+1|큰 글씨}}</pre>
| <big>큰 글씨</big>
|-
|}
 
; 작은 글씨
: <code><nowiki><small></small></nowiki></code>을 양옆에 붙이면 글씨가 <small>작아집니다.</small> 양쪽에 <nowiki><small></small></nowiki>을 많이 붙일수록 글씨가 더 작아집니다.
: {{틀|-1}}이 동일한 기능을 합니다. (-2 이하는 없습니다.)
: {| class="wikitable"
! 입력
! 결과
|-
| style="text-align: center;" | <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
<small>작은 글씨</small>
</pre> 또는 <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
{{-1|작은 글씨}}</pre>
| <small>작은 글씨</small>
|-
|}
 
; 취소선
: <code><nowiki><del></del></nowiki></code>을 양옆에 붙이면 글씨 중간에 <del>취소선이 생깁니다.</del> [[틀:취소선|<nowiki>{{ㅊ|취소선 그어진 내용}}</nowiki>]]과 <nowiki>{{--|취소선 그어진 내용}}</nowiki>을 사용해도 됩니다.<ref><nowiki><s>취소선 그어진 내용</s></nowiki>로도 사용할 수 있으나 추천하지 않습니다.</ref>
: {| class="wikitable"
! 입력
! 결과
|-
| style="text-align: center;" | <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
<del>취소선 그어진 내용</del>
</pre> 또는 <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
{{ㅊ|취소선 그어진 내용}}</pre>
<pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
{{--|취소선 그어진 내용}}</pre>
| <del>취소선 그어진 내용</del>
|-
|}
 
; 밑줄
: <code><nowiki><u></u></nowiki></code>을 양옆에 붙이면 글씨 아래에 <u>밑줄이 생깁니다.</u>
: {| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
<u>밑줄 그어진 내용</u>
</pre>
| <u>밑줄 그어진 내용</u>
|-
|}
 
; 색깔 넣기
: {{틀|색}}을 사용하여 글씨색이나 바탕색을 바꿀 수 있습니다. <nowiki>{{색|(글씨색코드)|내용|배경=(배경색코드)}}</nowiki>로 사용합니다.
: 배경색은 생략 가능하며, [[색상 코드]] 대신 green, red처럼 입력해도 됩니다.
: {| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
{{색|#ff0000|분홍색 배경에 빨간 글자|배경=pink}}
</pre>
| {{색|#ff0000|분홍색 배경에 빨간 글자|배경=pink}}
|-
|}
 
; 위첨자
: <code><nowiki><sup></sup></nowiki></code>을 양옆에 붙이면, 해당 글자를 위첨자로 만듭니다.
: {| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
단어<sup>위에 있다!</sup>
</pre>
| 단어<sup>위에 있다!</sup>
|-
|}
 
; 아래첨자
: <code><nowiki><sub></sub></nowiki></code>을 양옆에 붙이면, 해당 글자를 아래첨자로 만듭니다.
: {| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
단어<sub>아래에 있다!</sub>
</pre>
| 단어<sub>아래에 있다!</sub>
|-
|}
 
; 위첨자+아래첨자
: {{틀|첨자}}를 사용하여 위첨자와 아래첨자를 동시에 사용할 수 있습니다.
: {| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
단어{{첨자|위=위에 있다!|아래=아래에 있다!}}
</pre>
| 단어{{첨자|위=위에 있다!|아래=아래에 있다!}}
|-
|}
 
=== 링크와 넘겨주기 ===
==== 링크 ====
다른 문서로 연결하고 싶을 때에는 링크를 사용합니다. 링크는 크게 '''내부링크''', '''인터위키 링크''', '''외부링크'''로 나뉩니다.
 
; 내부링크
: 리브레 위키 내에 있는 문서로 연결합니다. '분류 문서'와 '파일 문서'로 링크하는 방법은 아래와는 약간 다른데, 이는 [[#분류]]와 [[#사진 넣기]] 문단에 설명되어 있습니다.
: {| class="wikitable"
! 입력
! 결과
! 설명
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[리브레 위키]]
</pre>
| [[리브레 위키]]
| 대괄호([[]]) 안에 들어 있는 문서로 링크됩니다.<br />문서가 없다면 링크가 빨간색으로 나타납니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[도움말:위키 문법]]
</pre>
| [[도움말:위키 문법]]
| 현재 문서를 링크하면 링크가 되지 않고 굵은 글씨로 나타납니다.<br />이런 유형의 링크는 틀에서만 사용하고, 일반 문서에서는 사용되지 않습니다. (윗 문단에서 설명한 작은따옴표 3개를 사용하면 됩니다.)
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[리브레 위키|지금 이곳]]
</pre>
| [[리브레 위키|지금 이곳]]
| 이렇게 보이는 문구를 바꿀 수 있습니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[리브레 위키#다른 위키들과의 차이점]]
</pre>
| [[리브레 위키#다른 위키들과의 차이점]]
| 링크에 있는 특정 문단으로 링크됩니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[#ISBN]]
</pre>
| [[#ISBN]]
| 현재 편집하는 문서의 특정 문단으로 링크할 때에는 문서 제목 없이 '#문단 제목'만 입력해도 됩니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[리브레 위키#다른 위키들과의 차이점|차이점]]
</pre>
| [[리브레 위키#다른 위키들과의 차이점|차이점]]
| 특정 문단으로의 링크도 보이는 문구를 바꿀 수 있습니다.
|-
|-
|
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
<pre><nowiki>; 용어
[[리브레 위키:도움말|]]
: 용어를 설명하는 목록을
[[A (동음이의)|]]
:; 이런 식으로
</pre>
:: 만들 수 있습니다.</nowiki></pre>
| [[리브레 위키:도움말|도움말]]
|
[[A (동음이의)|A]]
; 용어
|일반 문서가 아닌 다른 [[이름공간]]의 문서, 제목의 뒷부분에 동음이의어 구분자 등의 괄호로 된 부분이 들어간 문서의 링크를 이름공간의 이름, 괄호로 된 부분이 나오지 않게 간편하게 넣을 수 있습니다.<br />현재 각주 안에서 작동하지 않고 위에서 설명한 특정 문단으로 링크하는 문법과 같이 쓸 없는 버그가 있습니다.
: 용어를 설명하는 목록을
:; 이런 식으로
:: 만들 수 있습니다.
|-
|-
|}
|}


용어 설명 목록은 등장인물과 같이 해당 단어나 용어를 설명해야 할 때 쓰입니다.
; 인터위키 링크
: [[인터위키]]를 사용하여 다른 위키(또는 사이트)에 있는 문서로 링크할 수 있습니다. 지원되는 사이트는 [[특수:인터위키]]에서 볼 수 있습니다.
: {| class="wikitable"
! 입력
! 결과
! 설명
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[위키방:74654]]
</pre>
| [[위키방:74654]]
| [[위키방]] 게시글로 링크됩니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[위키백과:도움말]]
</pre>
| [[위키백과:도움말]]
| 위키백과의 문서로 링크됩니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[위키백과:도움말|]]
</pre>
| [[위키백과:도움말|도움말]]
| 위키백과의 문서로 링크되는데, 문서 이름 앞에 있는 사이트 이름은 빠집니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[위키백과:도움말|위키백과의 도움말]]
</pre>
| [[위키백과:도움말|위키백과의 도움말]]
| 인터위키 링크도 보이는 문구를 바꿀 수 있습니다.
|-
|}


설명해줄 용어 앞에는 세미콜론(''';''')을, 설명해주는 문장 앞에는 콜론(''':''')을 넣습니다. 같은 종류를 묶을 때 들여쓰기를 씁니다.
; 외부링크
: 인터위키가 지원되지 않는 일반적인 외부 사이트의 URL로 연결합니다.
: {| class="wikitable"
! 입력
! 결과
! 설명
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[https://librewiki.net/wiki 리브레 위키]
</pre>
| [https://librewiki.net/wiki 리브레 위키]
| 외부 링크는 대괄호를 한 쌍만 사용합니다. URL 뒤를 한 칸 띄우고 표시될 문구를 입력합니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[https://librewiki.net/wiki &amp;#91;이곳&amp;#93; 리브레 위키]
</pre>
| [https://librewiki.net/wiki &#91;이곳&#93; 리브레 위키]
| 표시되는 문구에 대괄호([, ])를 넣으려면 &amp;#91;와 &amp;#93;을 사용해야 합니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
{{외부링크|https://www.librewiki.net/wiki}}
</pre>
<pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
{{URL|https://www.librewiki.net/wiki}}
</pre>
| style="min-width: 25%; word-wrap: anywhere;" | {{외부링크|https://www.librewiki.net/wiki}}
| URL을 보이게 하려면 {{틀|외부링크}}를 사용합니다. {{틀|URL}}로도 사용할 수 있습니다.<br />이 경우 링크의 ''''=''''는 모두 <code><nowiki>{{=}}</nowiki></code>로 바꿔야 합니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[https://librewiki.net/wiki]
</pre>
| [https://librewiki.net/wiki]
| 표시될 문구를 입력하지 않으면 숫자로 링크가 표시됩니다. <br />다만 [[도움말:좋은 글 쓰기#링크 걸기|도움말:좋은 글 쓰기]]의 내용과 같이, 이와 같은 예측 불가능한 링크는 권장되지 않습니다.  
|}


=== 구분선 ===
==== ISBN ====
[[ISBN]](국제표준도서번호)은 책마다 붙는 고유한 번호입니다. {{틀|ISBN}}을 사용하면, 해당 책의 정보를 보여주는 서점, 도서관 등으로 연결하는 [[특수:책찾기]]로 연결하는 링크를 만듭니다.


<s>잘 안보이지만</s> 바로 아래의 회색 선이 구분선입니다.
[[ISBN]] 코드는 주로 책의 뒤표지에 있으며, 인터넷 서점의 책 소개 화면에서도 찾을 수 있습니다.


----
{| class="wikitable"
|-
! 입력
! 결과
! 설명
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
{{ISBN|89-527-0221-2}}
</pre>
| {{ISBN|89-527-0221-2}}
|
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
{{ISBN|9788973377930}}
</pre>
| {{ISBN|9788973377930}}
| '-'가 없어도 연결이 됩니다.
|-
|}


<code><nowiki>----</nowiki></code>로 구분선을 달 수 있습니다.
==== 넘겨주기 ====
별칭이나 준말 등으로 여러 단어가 한 문서를 가리키는 경우가 있습니다. 이때 '''넘겨주기'''를 사용하면 다른 제목으로도 하나의 문서로 갈 수 있습니다.


=== 서명 달기 ===
{| class="wikitable"
문서 토론 및 게시판에서 의견을 남기는데 있어서 누가 썼는지 알리는 것으로, 편집 시 편집창 위쪽의 [[파일:Insert-signature.png]] 버튼을 누르거나 자신의 의견 옆에 <code><nowiki>--~~~~</nowiki></code>를 쓰면 됩니다.
|-
! 입력
! 설명
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
#넘겨주기 [[리브레 위키]]
</pre>
| <span class="plainlinks">[https://librewiki.net/index.php?title=%EB%A6%AC%EB%B8%8C%EB%A0%88%EC%9C%84%ED%82%A4&redirect=no 리브레위키]</span> 문서처럼, 리브레위키를 검색하거나 [[리브레위키]] 링크를 누르면 넘겨주기 대상인 [[리브레 위키]]로 이동합니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
#넘겨주기 [[리브레 위키#역사]]
</pre>
| 내부링크처럼, 특정 문단으로 넘겨줄 수 있습니다.
|-
|}


<code><nowiki>--~~~~</nowiki></code>를 쓰면 자신의 [[서명]]과 작성 시각이 표시되며 이게 일반적인 서명입니다. 필요하다면 '''미리보기'''로 서명이 잘 들어갔는지 확인이 가능합니다.
=== 분류 ===
'''분류'''는 문서의 주제를 보여주는 꼬리표 역할을 합니다. 분류는 문서 제일 아래쪽에 넣습니다.


사용자의 이름만 남길 때는 <code><nowiki>--~~~</nowiki></code>를, 작성 시각만 남길 때에는 <code><nowiki>--~~~~~</nowiki></code>를 쓸 수도 있습니다.
{| class="wikitable"
! 입력
! 결과
! 설명
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[분류:분류 이름]]
</pre>
|
| 내부링크를 하듯이 입력하면, 해당 문서가 해당 분류 문서에 분류됩니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[분류:분류 이름|정렬 키]]
</pre>
|
| 정렬 키를 입력하면, 해당 문서가 정렬 키에 맞는 순서로 분류됩니다.<br />예를 들어 '리브레 위키' 문서에 <code><nowiki>[[분류:위키|간]]</nowiki></code>을 넣으면, 정렬 키가 ㄱ이므로 문서가 ㄹ이 아닌 ㄱ에 분류됩니다.<br />또한 분류는 ㄱㄴㄷ순으로 배열되기 때문에, 리브레 위키 문서가 '각'과 '갇' 사이에 분류됩니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[:분류:리브레 위키]]
</pre>
| [[:분류:리브레 위키]]
| 앞에 ':'이 있으면 해당 분류 문서로 링크됩니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[:분류:리브레 위키|]]
</pre>
| [[:분류:리브레 위키|리브레 위키]]
| 뒤에 '<nowiki>|</nowiki>'붙이면, <nowiki>[[:분류:리브레 위키|리브레 위키]]</nowiki>로 저장됩니다. (보이는 문구에서 '분류:'가 빠집니다.)
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[:분류:리브레 위키|리브레]]
</pre>
| [[:분류:리브레 위키|리브레]]
| 링크처럼 보이는 문구를 바꿀 수 있습니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
/*[[:분류:리브레 위키|리브레]]*/
--[[:분류:리브레 위키|리브레]]
</pre>
| [[:분류:리브레 위키|리브레]]
| 주석으로 루아나 css에 분류를 달 수도 있습니다.
|-
|}


* 예시 --[[사용자:Max1030|Max1030]] ([[사용자토론:Max1030|토론]]) 2015년 4월 17일 (금) 01:48 (KST)
분류 문서도 일반 문서와 마찬가지로 분류할 수 있습니다. 어떤 분류에 상위 분류를 지정하려면, 그 분류 문서에 상위 분류를 넣습니다. 예를 들어 [[:분류:일본의 만화]]의 상위 분류로 [[:분류:일본]][[:분류:만화]]를 지정하고 싶다면 [[:분류:일본의 만화]]에다 <nowiki>[[분류:일본]]</nowiki>, <nowiki>[[분류:만화]]</nowiki>를 넣으면 됩니다.


더 자세한 건 [[리브레 위키:서명]] 참조.
; 정렬 키
;* 장점
:: 하위 문서들을 정렬할 때, 일괄적으로 붙은 상위 문서의 이름이 아닌 하위 문서의 이름에 따라 정렬할 수 있습니다.
;* 대표 문서에서의 사용법
:: 해당 분류를 직접 설명하는 문서에는 <nowiki>[[분류:(분류 이름)| ]]</nowiki>와 같이 정렬 키로 공백 하나를 입력합니다.
:: 예를 들어 '미국' 문서에 <nowiki>[[분류:미국| ]]</nowiki>을 입력하면, '미국' 문서는 <nowiki>[[분류:미국]]</nowiki>의 맨 처음에 출력됩니다.
;* 정렬 키 한 번에 입력하기
:: 여러 분류에 일괄적으로 똑같은 정렬 키를 지정하고 싶다면, 해당 문서에 <nowiki>{{DEFAULTSORT:(정렬 키)}}</nowiki>를 입력합니다.
:: <nowiki>[[분류:가나다]]</nowiki>를 <nowiki>[[분류:가나다|(정렬 키)]]</nowiki>로 입력하지 않아도, 자동으로 문서에 지정된 모든 분류가 DEFAULTSORT에 입력된 정렬 키를 기준으로 정렬됩니다.
;* 제목이 일본어인 문서의 정렬 키
:: 문서 제목이 일본어인 경우, 정렬 키를 따로 지정해 주어야만 정렬이 제대로 됩니다. 문서 제목의 히라가나 표기를 사용하는데, 이 히라가나 표기에서 탁점과 반탁점을 떼고, 작은 글자는 큰 글자로 바꾸고, 장음 기호(ー)는 앞 모음에 따라 あ, い, う, え, お로 바꾸고, 기타 문장 부호는 뺀 형태를 사용해야 합니다.
:: {| class="wikitable"
! 문서 제목
| [[鈴懸の木の道で「君の微笑みを夢に見る」と言ってしまったら僕たちの関係はどう変わってしまうのか、僕なりに何日か考えた上でのやや気恥ずかしい結論のようなもの]]
|-
! 히라가나 표기
| すずかけのきのみちで「きみのほほえみをゆめにみる」といってしまったらぼくたちのかんけいはどうかわってしまうのか、ぼくなりになんにちかかんがえたうえでのややきはずかしいけつろんのようなもの
|-
! 정렬 키
| す'''す'''かけのきのみち'''て'''きみのほほえみをゆめにみるとい'''つ'''てしま'''つ'''たら'''ほ'''くたちのかんけいは'''と'''うかわ'''つ'''てしまうのか'''ほ'''くなりになんにちかかん'''か'''えたうえ'''て'''のややきは'''す'''かしいけつろんのようなもの
|-
|}


=== 각주 달기(주석, Reference) ===
=== 서명 ===
각주를 달 때는 다음과 같이 씁니다.
{{본문|리브레 위키:서명}}


본문 내용<code><nowiki><ref>각주 내용</ref></nowiki></code>
서명은 토론 문서<ref>사용자토론 등 일부 토론 문서는 제외</ref>, [[리브레 위키:운영진 요청]]이나 [[리브레 위키:운영진 문제제기]] 등에서 자신이 썼다는 것을 남기는 것입니다.


, 이렇게 써두기만 하면 각주 에러가 뜨면서 각주 기능이 작동하지 않습니다. 그러므로 문서 맨 아래쪽 부분에
서명을 남기지 않으면 누가 의견을 남겼는지를 알 수 없으므로, 꼭 남겨주세요!


<code><nowiki>{{각주}}</nowiki></code> 또는 <code><nowiki>{{주석}}</nowiki></code>을 넣어야 합니다.
{| class="wikitable"
! 입력
! style="width: 20em" | 결과
! 설명
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
--~~~~
</pre>
| style="min-width: 25%; word-wrap: anywhere;" | --[[사용자:Pika|Pika]] ([[사용자토론:Pika|토론]]) 2021년 4월 4일 (일) 17:06 (KST)
| 사용자의 이름과 서명 시각이 남습니다.<br />'''리브레 위키에서는 이 서명만 사용합니다.'''
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
--~~~
</pre>
| --[[사용자:Pika|Pika]] ([[사용자토론:Pika|토론]])
| 사용자의 이름만 남습니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
--~~~~~
</pre>
| --2021년 4월 4일 (일) 17:06 (KST)
| 서명 시각만 남습니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
{{풀기:서명|(사용자명)}}
</pre>
| <small>-- 이 의견을  작성한 사용자는 [[특수:기여/(사용자명)|(사용자명)]] ([[사용자토론:(사용자명)|토론]])이나, [[리브레 위키:서명|서명]]을 남기지 않아 다른 사용자가 추가하였습니다. 서명을 하시려면 물결표 4개(<nowiki>--~~~~</nowiki>)를 입력하시면 됩니다.</small>
| 서명을 남기지 않은 사용자를 대신해 남깁니다.
|-
|}


각주 안에 취소선 틀이나 기타 틀을 사용할 경우에는 이 방법이 정상적으로 작동하지 않습니다. 각주 안에 각주를 넣을 때도 마찬가지입니다. 이 경우에는 <code><nowiki>ref</nowiki></code> 틀을 통한 각주를 사용하시면 됩니다. 별표(<code>*</code>)나 <code>ㅈ</code>을 통해서도 가능합니다.
== 중급 ==
여기서부터는 문서에 각종 자료를 삽입하거나 문서를 보기 좋게 꾸미는데 사용하는 기술을 설명합니다. [[틀]] 사용법과 [[HTML]]이나 [[CSS]]를 아시면 이해하시기가 쉬울 겁니다.


*본문 내용<code><nowiki>{{ref|앞의 각주 내용 {{--|취소선 내용}} 뒤의 각주 내용}}</nowiki></code><br />
=== 각주 ===
*본문 내용<code><nowiki>{{*|앞의 각주 내용 {{--|취소선 내용}} 뒤의 각주 내용}}</nowiki></code><br />
각주는 어떤 말에 대한 출처나, 부연설명을 문장 속이 아닌 다른 곳에 달아 놓은 말입니다.<ref>이런 식으로요.</ref> 총 사용방법은 <code><nowiki><ref name="이름" group="묶음">코드</ref></nowiki></code>입니다.
*본문 내용<code><nowiki>{{ㅈ|앞의 각주 내용 {{--|취소선 내용}} 뒤의 각주 내용}}</nowiki></code>


한 문서 내에서 같은 각주를 여러 번 사용할 경우에는 <code>ref</code><code>name</code> 속성으로 이름을 붙여 사용하며, 첫 각주에만 내용을 넣고 같은 이름으로 재사용된 각주에는 내용을 넣지 않습니다.
; 기본
: 각주를 달 때에는 <code>ref</code> 태그를 사용합니다.<br />단, 이렇게 써두기만 하면 각주 에러가 뜨면서 각주 기능이 작동하지 않습니다. 그러므로 문서 맨 아래쪽 부분에 <code><nowiki>{{각주}}</nowiki></code>를 넣어야 합니다.
: {| class="wikitable"
! 입력
! 결과
! 설명
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
내용<ref>각주</ref>
</pre>
| 내용<ref>각주</ref>
|
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
내용{{ref|각주}}<br />내용{{*|각주}}<br />내용{{ㅈ|각주}}
</pre>
| 내용{{ref|각주}}<br />내용{{*|각주}}<br />내용{{ㅈ|각주}}
| 간단한 틀({{틀|ref}}, {{틀|*}}, {{틀|ㅈ}})을 사용해도 됩니다.
|-
|}


{| class="wikitable" border="1"
; 이름(name)
: 각주에 이름을 붙이는 것으로, 똑같은 각주를 여러 번 달 때에 사용합니다. 일일이 똑같은 각주를 여러 군데에 달 필요가 없습니다.
: {| class="wikitable"
! 입력
! 결과
! 설명
|-
|-
! 예시
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
|메인쿤<code><nowiki><ref name="example_cat">고양이의 품종 중 하나</ref></nowiki></code> VS 노르웨이숲<code><nowiki><ref name="example_cat" /></nowiki></code>
내용1<ref name="ref">각주1</ref>
 
내용2<ref name="ref" />
</pre>
| 내용1<ref name="ref">각주1</ref>
 
내용2<ref name="ref" />
| 같은 각주를 다른 곳에 달 때에는 <code><nowiki><ref name="이름" /></nowiki></code>만 입력합니다.<br />이때 주의할 점은 이름 붙인 각주(<code><nowiki><ref name="이름">각주</ref></nowiki></code>)가 제일 위에 있어야 한다는 것입니다.<br />또한 각주 이름은 숫자로 할 수 없습니다.
|-
|-
|}
; 묶음(group)
: 각주의 종류를 묶는데 사용합니다. 이를 이용하여 부연설명인 각주와 출처 각주를 분리할 수 있습니다. 각주 아래에는 <code><nowiki><references group="묶음" /></nowiki></code>이 필요합니다.
: {| class="wikitable"
! 입력
! 결과
! 결과
|메인쿤<ref name="example_cat">고양이의 품종 중 하나</ref> VS 노르웨이숲<ref name="example_cat" />
! 설명
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
내용1<ref group="참고">부연설명1</ref>
내용2<ref group="참고">부연설명2</ref>
 
내용3<ref group="출처">출처1</ref>
내용4<ref group="출처">출처2</ref>
 
부연설명
----
<references group="참고" />
 
출처
----
<references group="출처" />
</pre>
|
내용1<ref group="참고">부연설명1</ref>
내용2<ref group="참고">부연설명2</ref>
 
내용3<ref group="출처">출처1</ref>
내용4<ref group="출처">출처2</ref>
 
부연설명
----
<references group="참고" />
 
출처
----
<references group="출처" />
| 묶음 이름이 각주 번호 앞에 나타납니다.
|-
|}
|}


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


*{{틀|웹 인용}}
*{{틀|뉴스 인용}}
*{{틀|뉴스 인용}}
*{{틀|웹 인용}}
*{{틀|서적 인용}}
*{{틀|서적 인용}}
*{{틀|저널 인용}}
*{{틀|저널 인용}}
*{{틀|영상 인용}}
*{{틀|영상 인용}}


===이미지 넣기===
=== 인용문 ===
자신이 새로 이미지 파일을 올릴 때는 상단 바의 "도구"탭에서 "[[특수:올리기|업로드]]"로 들어가서 올리면 됩니다. [[URL]]같은 알맞은 [[출처]]와 만든이, [[저작권]] 정보, 적합한 제목과 설명을 적은 뒤 라이선스를 선택하고 분류를 추가해 올립니다. 저작권 정보는 [[리브레 위키:저작권 보호 정책]]을 참고할 수 있습니다.  
{{틀|인용문}}{{틀|인용문2}}를 사용하여 인용문을 문서에 넣을 수 있습니다. 둘의 차이점은 따옴표의 유무입니다.
 
표 안에서는 제대로 작동하지 않으므로, 그때에는 각각 {{틀|인용문/표}}와 {{틀|인용문2/표}}를 사용해주세요.


{| class="wikitable" border="1"
{| class="wikitable"
|-
|-
! 기능
! 입력
! 입력
! 결과<ref>실제로는 각각 {{틀|인용문/표}}와 {{틀|인용문2/표}}를 사용했습니다.</ref>
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
{{인용문|펜을 쥔 모든 손에 권리를.|리브레 위키 슬로건}}
</pre>
| {{인용문/표|펜을 쥔 모든 손에 권리를.|리브레 위키 슬로건}}
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
{{인용문2|{{Lorem ipsum}}}}
</pre>
| {{인용문2/표|{{Lorem ipsum}}}}
|-
|}
자세한 사용법은 [[틀:인용문/설명문서]], [[틀:인용문2/설명문서]], [[틀:인용문/표/설명문서]], [[틀:인용문2/표/설명문서]]에 적혀있습니다.
=== 수식 입력(TeX) ===
{{본문|도움말:TeX 문법}}
리브레 위키는 수식 입력을 위해 {{TeX}}문법을 지원합니다. 자세한 내용은 [[도움말:TeX 문법]]을 참고하시기 바랍니다.
=== 코드 입력(syntaxhighlight) ===
[[C (프로그래밍 언어)|C]]나 [[파이썬]]처럼 [[프로그래밍 언어]]의 코드를 보여줄 때에는 div, pre나 code 태그 등을 사용하여 설명할 수 있습니다. 하지만 syntaxhighlight를 사용하면 에디터처럼 자동으로 구문에 강조나 색이 입혀집니다.
총 사용방법은 <code><nowiki><syntaxhighlight lang="{언어}" line="(line)" start="시작번호" highlight="줄번호" (inline)>코드</syntaxhighlight></nowiki></code>입니다. 편집기상에서 키보드로 직접 탭 문자(<code> </code>)를 입력할 수는 없어, 대신 띄어쓰기(스페이스 바) 4개를 입력하거나 이를 복사해 붙여넣어야 합니다.
; 언어
: 코드에 맞는 언어의 이름을 입력합니다. 지원하는 언어는 아래의 표와 같습니다.
: {| class="wikitable"
|-
|-
| 원래 이미지 파일 그대로 사용하고자 할 때
! 입력
| <nowiki>[[파일:File.jpg]]</nowiki>
! 결과
! 설명
|-
|-
| 이미지 크기를 줄이고 싶을 때
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="c">
| <nowiki>[[파일:File.jpg|300픽셀]]</nowiki>
#include <stdio.h>
 
int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight></pre>
|  
<syntaxhighlight lang="c">
#include <stdio.h>
 
int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
| rowspan="2" | C(위)와 파이썬(아래)의 Hello, world! 코드 비교.
|-
|-
| 위치를 정하고 싶을 때
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="python">
| <nowiki>[[파일:File.jpg|왼쪽 or 가운데 or 오른쪽]]</nowiki>
print("Hello, world!")
</syntaxhighlight></pre>
| <syntaxhighlight lang="python">
print("Hello, world!")
</syntaxhighlight>
|-
|-
| 섬네일로 넣고 싶을 때
|}
| <nowiki>[[파일:File.jpg|섬네일]]</nowiki>
: {| class="wikitable collapsible collapsed" style="width: 100%; font-size: 85%; margin: auto;"
! 지원 언어 목록 (출처: [[mw:Extension:SyntaxHighlight#Supported languages|지원 언어]])
|-
|-
| 보이는 설명을 추가하고 싶을 때
| <div style="text-align: center">위키 마크업도 사용하실 수 있습니다. 아직 정식 지원은 안됩니다. 정식 지원이 될때까지 <big>html+handlebars</big>를 이용하시면 됩니다.<ref>Pygments does not yet provide a "wikitext" or "mediawiki" lexer (phab:T29828). Use "html+handlebars" or "moin" instead.</ref></div>
| <nowiki>[[파일:File.jpg|섬네일|설명]]</nowiki>
<div style="font-weight: bold; margin: auto;">프로그래밍 언어</div>
{{세로목록|열너비=15em|목록=
* ActionScript
* Ada
* Agda (literate 포함)
* Alloy
* AMPL
* ANTLR
* APL
* AppleScript
* Assembly (여러 종류)
* Asymptote
* Augeas
* AutoIt
* Awk
* BBC Basic
* Befunge
* BlitzBasic
* Boa
* Boo
* Boogie
* BrainFuck
* C, C++ (아두이노 같은 변형 포함)
* C#
* Chapel
* Charm++ CI
* Cirru
* Clay
* Clean
* Clojure
* CoffeeScript
* ColdFusion
* Common Lisp
* Component Pascal
* Coq
* Croc (MiniD)
* Cryptol (Literate Cryptol 포함)
* Crystal
* Cypher
* Cython
* D
* Dart
* DCPU-16
* Delphi
* Dylan (console 포함)
* Eiffel
* Elm
* Emacs Lisp
* Email
* Erlang (shell sessions 포함)
* Ezhil
* Factor
* Fancy
* Fantom
* Fennel
* FloScript
* Forth
* Fortran
* FreeFEM++
* F#
* GAP
* Gherkin (Cucumber)
* GLSL shaders
* Golo
* Gosu
* Groovy
* Haskell (Literate Haskell 포함)
* HLSL
* HSpec
* Hy
* IDL
* Idris (Literate Idris 포함)
* Igor Pro
* Io
* Jags
* Java
* JavaScript
* Jasmin
* Jcl
* Julia
* Kotlin
* Lasso (templating 포함)
* Limbo
* LiveScript
* Logtalk
* Logos
* Lua
* Mathematica
* Matlab
* Modelica
* Modula-2
* Monkey
* Monte
* MoonScript
* Mosel
* MuPad
* NASM
* Nemerle
* NesC
* NewLISP
* Nimrod
* Nit
* Notmuch
* NuSMV
* Objective-C
* Objective-J
* Octave
* OCaml
* Opa
* OpenCOBOL
* ParaSail
* Pawn
* PHP
* Perl 5
* Pike
* Pony
* PovRay
* PostScript
* PowerShell
* Praat
* Prolog
* Python (console sessions과 tracebacks 포함)
* QBasic
* Racket
* Raku a.k.a. Perl 6
* REBOL
* Red
* Redcode
* Rexx
* Ride
* Ruby (irb sessions 포함)
* Rust
* S, S-Plus, R
* Scala
* Scdoc
* Scheme
* Scilab
* SGF
* Shell scripts (Bash, Tcsh, Fish)
* Shen
* Silver
* Slash
* Slurm
* Smalltalk
* SNOBOL
* Snowball
* Solidity
* SourcePawn
* Stan
* Standard ML
* Stata
* Swift
* Swig
* SuperCollider
* Tcl
* Tera Term language
* TypeScript
* TypoScript
* USD
* Unicon
* Urbiscript
* Vala
* VBScript
* Verilog, SystemVerilog
* VHDL
* Visual Basic.NET
* Visual FoxPro
* Whiley
* Xtend
* XQuery
* Zeek
* Zephir
* Zig
}}
|-
|-
| 보이지 않는 설명을 추가하고 싶을 때
| <div style="font-weight: bold; margin: auto;">템플릿 언어</div>
| <nowiki>[[파일:File.jpg|설명]]</nowiki>
{{세로목록|열너비=15em|목록=
* Angular templates
* Cheetah templates
* ColdFusion
* Django / Jinja templates
* ERB (Ruby templating)
* Evoque
* Genshi (the Trac template language)
* Handlebars</translate>
* JSP (Java Server Pages)
* Liquid
* Myghty (the HTML::Mason based framework)
* Mako (the Myghty successor)
* Slim
* Smarty templates (PHP templating)
* Tea
* Twig
}}
|-
|-
| 보이는 설명과 보이지 않는 설명을 함께 추가하고 싶을 때
| <div style="font-weight: bold; margin: auto;">기타 마크업</div>
| <nowiki>[[파일:File.jpg|섬네일|설명|alt=보이지 않는 설명]]</nowiki>
{{세로목록|열너비=15em|목록=
* Apache config files
* Apache Pig
* BBCode
* CapDL
* Cap'n Proto
* CMake
* Csound scores
* CSS
* Debian control files
* Diff files
* Dockerfiles
* DTD
* EBNF
* E-mail headers
* Extempore
* Flatline
* Gettext catalogs
* Gnuplot script
* Groff markup
* Hexdumps
* HTML
* HTTP sessions
* IDL
* Inform
* INI-style config files
* IRC logs (irssi style)
* Isabelle
* JSGF notation
* JSON, JSON-LD
* Lean theorem prover
* Lighttpd config files
* Linux kernel log (dmesg)
* LLVM assembly
* LSL scripts
* Makefiles
* MoinMoin/Trac Wiki markup
* MQL
* MySQL
* NCAR command language
* Nginx config files
* Nix language
* NSIS scripts
* Notmuch
* POV-Ray scenes
* Puppet
* QML
* Ragel
* Redcode
* ReST
* Roboconf
* Robot Framework
* RPM spec files
* Rql
* RSL
* Scdoc
* SPARQL
* SQL, also MySQL, SQLite
* Squid configuration
* TADS 3
* Terraform
* TeX
* Thrift
* TOML
* Treetop grammars
* USD (Universal Scene Description)
* Varnish configs
* VGL
* Vim Script
* WDiff
* Windows batch files
* XML
* XSLT
* YAML
* Windows Registry files
}}
|-
|-
| 복합
| <nowiki>[[파일:File.jpg|200픽셀|섬네일|왼쪽|설명]]</nowiki>
|}
|}


리브레 위키를 포함한 미디어 위키와 디지털 환경에서는 미디어에 보이지 않는 설명인 [[대체 텍스트]]를 추가할 수 있습니다. [[대체 텍스트]]는 검색 엔진이 자료를 찾아 정리하고 시각 장애인이 화면의 내용을 읽어주는 소프트웨어로 문서를 이해하는 데 도움을 줍니다. 섬네일 이미지에 설명이 붙을 경우에는 보이는 설명으로만 적용되기 때문에 <code><nowiki>[[파일:File.jpg|섬네일|보이는 설명|alt=보이지 않는 설명]]</nowiki></code>으로 나눠서 설명해야 합니다.  
; 줄(line)
: <code>line="line"</code>을 넣으면 코드 왼쪽에 줄 번호가 추가됩니다.
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="c" line="line">
#include <stdio.h>
 
int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight></pre>
|
<syntaxhighlight lang="c" line="line">
#include <stdio.h>
 
int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
|-
|}


만일 이미지의 가로, 세로 길이를 조절하고 싶으면 <code><nowiki>[[파일:File.jpg|너비x높이px]]</nowiki></code>를 쓰면 됩니다! 너비는 자동으로 조절되고 높이만 고정하고 싶으면 너비를 입력하지 마세요(<code><nowiki>[[파일:File.jpg|x높이px]]</nowiki></code>).
; 시작 번호
: 첫 번째 줄의 번호를 설정합니다. ('줄(line)'을 설정해야 함)
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="c" line="line" start="100">
#include <stdio.h>


[http://commons.wikimedia.org/wiki/Main_Page 위키미디어 공용]에 있는 사진은 따로 파일을 올리지 않고 그냥 <nowiki>[[파일:File.jpg]]</nowiki>만 쓰면 됩니다. [[파일:BB61 USS Iowa BB61 broadside USN.jpg|섬네일|위키미디어 공용의 이미지를 불러온 예]]
int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight></pre>
|
<syntaxhighlight lang="c" line="line" start="100">
#include <stdio.h>


==== 이미지 갤러리 넣기 ====
int main(void)
이미지 갤러리는 여러 이미지를 섬네일로 함께 넣는 기능입니다. 다음과 같이 사용합니다.
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
|-
|}


{| class="wikitable" border="1" style="margin:auto"
; 줄 강조
: 강조하고 싶은 줄 번호를 입력하면, 해당 줄이 다른 색으로 강조됩니다.
: {| class="wikitable"
|-
|-
! 입력
! 입력
|<code><nowiki><gallery></nowiki><br><nowiki>Example.jpg|설명1</nowiki><br><nowiki>Example.jpg|설명2</nowiki><br></gallery></code>
! 결과
! 설명
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="c" line="line" highlight="2">
#include <stdio.h>
 
int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight></pre>
|  
<syntaxhighlight lang="c" line="line" highlight="2">
#include <stdio.h>
 
int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
|
|-
|-
! 예시
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="c" line="line" highlight="2,4">
|<gallery>
#include <stdio.h>
ニッケルオデオン RED.png|니켈로디언 RED
 
ニッケルオデオン GREEN.jpg|니켈로디언 GREEN
int main(void)
ニッケルオデオン BLUE.jpg|니켈로디언 BLUE
{
</gallery>
    printf("Hello, world!\n");
|}
    return 0;
}
</syntaxhighlight></pre>
|  
<syntaxhighlight lang="c" line="line" highlight="2,4">
#include <stdio.h>


int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
| 떨어져 있는 줄들을 강조할 때에는 반점(,)을 사용합니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="c" line="line" highlight="3-6">
#include <stdio.h>


필요시 폭 <code><nowiki><gallery widths ="200px"></nowiki></code>이나 높이 <code><nowiki><gallery heights ="200px"></nowiki></code>, 폭과 높이 <code><nowiki><gallery widths ="200px" heights ="100px"></nowiki></code>의 형태로 크기를 조정할 수 있습니다.
int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight></pre>
|
<syntaxhighlight lang="c" line="line" highlight="3-6">
#include <stdio.h>


이미지에 마우스를 올리면(호버·마우스오버) 설명이 나타나도록 할 수도 있습니다. 갤러리의 각 사진별 정사각형 배경이 나타나지 않고, 마우스가 없는 모바일에서는 이미지 위에 설명이 항상 표시됩니다. 설명이 이미지 안에 표시되고 모바일에서는 이미지가 설명에 가려질 수 있기 때문에 설명의 길이와 섬네일의 크기를 고려해야 합니다. 섬네일 크기의 조정은 높이 <code><nowiki><gallery mode="packed-hover" heights ="200px"></nowiki></code>의 형태로 합니다.
int main(void)
{| class="wikitable" border="1" style="margin:auto"
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
| 연속된 줄들을 강조할 때에는 붙임표(-)를 사용합니다.
|-
|}
 
; 인라인(inline)
: <code>inline</code>을 넣으면, code 태그를 사용한 것처럼 한 문장 안에 코드를 넣을 수 있습니다.
: {| class="wikitable"
|-
|-
! 입력
! 입력
|<code><nowiki><gallery mode="packed-hover" heights="200px"></nowiki><br><nowiki>Example.jpg|설명1</nowiki><br><nowiki>Example.jpg|설명2</nowiki><br></gallery></code>
! 결과
|-
|-
! 예시
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 <syntaxhighlight lang="c" inline>return 0;</syntaxhighlight>뒷말 뒷말</pre>
|<gallery mode="packed-hover" heights="200">
| 앞말 앞말 <syntaxhighlight lang="c" inline>return 0;</syntaxhighlight>뒷말 뒷말
ニッケルオデオン RED.png|니켈로디언 RED
ニッケルオデオン GREEN.jpg|니켈로디언 GREEN
ニッケルオデオン BLUE.jpg|니켈로디언 BLUE
</gallery>
|}
|}


=== 유튜브 영상 넣기 ===
; 클래스(class)와 스타일(style)
<code><nowiki>{{YouTube|동영상ID|너비|높이|정렬|설명}}</nowiki></code>라고 쓰면 됩니다.
: 다른 태그와 마찬가지로 class와 style을 사용할 수 있습니다. 아래 예시는 style을 사용하여 검은색 테두리를 입혔습니다.
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="c" line="line" style="border: 1px solid black;">
#include <stdio.h>


Youtube 틀은 대소문자를 안가립니다. 따라서 YouTube도 youtube도 <del>youtubE도</del> 가능합니다.
int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight></pre>
|
<syntaxhighlight lang="c" style="border: 1px solid black;">
#include <stdio.h>


동영상ID는 유튜브 영상의 주소에서 v= 다음 부분입니다.
int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
|-
|}


너비와 높이는 픽셀에 해당하는 값을 넣으면 됩니다. 꼭 쓰지는 않아도 됩니다.
=== 표 ===
{{참고|도움말:표}}


예를들어 '''{{외부링크|1=https://www.youtube.com/watch?v=1U2DKKqxHgE}}'''의 동영상 ID는 '''1U2DKKqxHgE'''입니다.
=== 사진 넣기 ===
사진은 리브레 위키에 업로드한 파일을 문법으로 입력해 사용합니다. 파일을 업로드하는 방법은 [[도움말:파일 올리기]]에서 확인하세요. 단, [http://commons.wikimedia.org/wiki/Main_Page 위키미디어 공용]에 있는 파일은 따로 올리지 않고 그냥 사용할 수 있습니다.


<nowiki>{{youtube|1U2DKKqxHgE}}</nowiki>라고 쓰면,<br/>
==== 기본 안내 ====
{{youtube|1U2DKKqxHgE}}
{| class="wikitable" style="margin: auto;"
|-
! 기능
! 입력
|-
| 원래 이미지 파일 그대로 사용하고자 할 때
| <code><nowiki>[[파일:File.jpg]]</nowiki></code>
|-
| 크기를 정하고 싶을 때
| <code><nowiki>[[파일:File.jpg|300px]]</nowiki></code>
|-
| 위치를 정하고 싶을 때
| <code><nowiki>[[파일:File.jpg|가운데]]</nowiki></code><br /><code><nowiki>[[파일:File.jpg|왼쪽]]</nowiki></code><br /><code><nowiki>[[파일:File.jpg|오른쪽]]</nowiki></code>
|-
| 한쪽에 글과 함께 표시되도록 하고 싶을 때
| <code><nowiki>[[파일:File.jpg|섬네일]]</nowiki></code>
|-
| 설명을 추가하고 싶을 때
| <code><nowiki>[[파일:File.jpg|섬네일|설명]]</nowiki></code>
|-
| 복합
| <code><nowiki>[[파일:File.jpg|섬네일|가운데|900px|설명]]</nowiki></code>
|}


<nowiki>{{youtube|1U2DKKqxHgE|300px|200px}}</nowiki>라고 쓰면,<br/>
{{youtube|1U2DKKqxHgE|300px|200px}}


=== 카카오TV 영상 넣기 ===
[[파일:BB61 USS Iowa BB61 broadside USN.jpg|섬네일|220픽셀|위키미디어 공용의 이미지를 불러온 예]]
<code><nowiki>{{카카오TV|동영상ID|너비|높이|정렬|설명}}</nowiki></code>라고 쓰면 됩니다.


동영상ID는 cliplink의 다음에 오는 숫자입니다. 즉 '''{{URL|https://tv.kakao.com/channel/2653435/cliplink/397436050}}'''의 동영상ID는 '''397436050'''입니다.
이미지를 글의 한쪽에 글과 함께 표시되는 섬네일로 넣으면 여백과 테두리가 자동으로 추가됩니다. 컴퓨터 화면에서는 기본적으로 글의 오른쪽에 정해진 크기로 배치되며, 모바일에서는 화면에 따라 알맞은 형태로 표시됩니다. 원할 경우 크기나 정렬을 변경할 수 있습니다.  


이미지를 섬네일로 넣을 경우, 함께 나열하는 글의 길이가 짧거나 다른 콘텐츠와 위치에 간섭이 발생하면 컴퓨터 화면에서 이어지는 이미지와 글의 위치가 맞지 않을 수 있습니다. 이 경우 글에서 구분이 필요한 내용 다음에 {{틀|-}}을 입력하여 (이 문단과 같이) 해결할 수 있습니다. (참고: [[도움말:좋은 글 쓰기#이미지와 목록 정렬]])


<nowiki>{{카카오TV|397436050|640px|360px|center|Snow Halation}}</nowiki>라고 쓰면,<br/>
{{-}}
{{tv팟|397436050|640px|360px|center|Snow Halation}}


=== 사용자 이름 ===
리브레 위키를 포함한 미디어위키와 디지털 환경에서는 미디어에 보이지 않는 설명인 [[대체 텍스트]]를 추가할 수 있습니다. [[대체 텍스트]]는 검색 엔진이 자료를 찾아 정리하고 시각 장애인이 화면의 내용을 읽어주는 소프트웨어로 문서를 이해하는 데 도움을 줍니다. <code><nowiki>[[파일:File.jpg|섬네일|보이는 설명|alt=보이지 않는 설명]]</nowiki></code>과 같이 입력이 가능합니다. 가능한 상세하게 이해가 가능하도록 적는 것이 좋으며, 장식적 요소 등 설명의 의미를 갖지 못할 경우에는 적지 않는 것이 적합한 경우도 있습니다.
문서에 사용자 이름을 넣을 수 있습니다. 로그인시 '''사용자 이름'''이 표시되고, 비로그인시 아래와 같이 표시됩니다.
<pre><nowiki>{{위키러}}</nowiki></pre>
'''로그인시''' : '''{{위키러|''사용자 이름''}}'''<br />
'''비로그인시''' : '''''위키러'''''
<pre><nowiki>{{위키니트}}</nowiki></pre>
'''로그인시''' : '''{{위키니트|''사용자 이름''}}'''<br />
'''비로그인시''' : '''''위키니트'''''
<pre><nowiki>{{사용자}}</nowiki></pre>
'''로그인시''' : '''{{사용자|''사용자 이름''}}'''<br />
'''비로그인시''' : '''''사용자'''''
<pre><nowiki>{{사용자|소환사}}</nowiki></pre>
'''로그인시''' : '''{{사용자|''사용자 이름''}}'''<br />
'''비로그인시''' : '''''소환사'''''


=== 분류 붙이기===
이미지의 가로, 세로 길이를 조절하고 싶으면 <code><nowiki>[[파일:File.jpg|너비x높이px]]</nowiki></code>를 쓰면 됩니다! (svg 파일만 가능하며, 나미저 파일은 가로/세로 비율에 따라 자동으로 조절됨) 너비는 자동으로 조절되고 높이만 고정하고 싶으면 너비를 입력하지 마세요(<code><nowiki>[[파일:File.jpg|x높이px]]</nowiki></code>).
<code><nowiki>[[분류:분류명]]</nowiki></code>를 써주면 됩니다. 이 분류는 일종의 꼬리표{{ㅊ|태그}} 같은 기능을 하며, 한 문서에 여러 분류를 붙이는 것도 가능합니다.


문서에 분류 꼬리표를 다는 게 아니라 문장 중에 <nowiki>[[분류:분류명]]</nowiki>으로 링크를 걸고 싶다면 앞에 :(콜론)을 하나 붙여서<code><nowiki>[[:분류:분류명]]</nowiki></code>로 쓰면 됩니다.  
==== 갤러리(여러 이미지 넣기) ====
갤러리는 여러 이미지를 섬네일로 함께 넣는 기능입니다. 총 사용방법은 <code><nowiki><gallery {변수}>파일|설명|alt=대체 텍스트</gallery></nowiki></code>입니다.


예를 들어 <nowiki>[[:분류:위키위키]]</nowiki>라고 쓰면 → [[:분류:위키위키]]
; 기본
: 갤러리로 입력할 때에는 대괄호를 사용하지 않으며, 나머지는 앞서 설명한 사진 넣기 문단과 동일합니다. 또한, '파일:'은 생략할 수 있습니다.
: 파일 설명에서 링크를 사용할 때에는 대괄호를 사용합니다.
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><gallery>
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery></pre>
|
<gallery>
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
|-
|}


분류에 상위 분류를 지정하려면 그 분류 문서에 상위 분류의 이름을 넣으세요. 예를 들어 [[:분류:일본의 만화]]의 상위 분류로 [[:분류:일본]][[:분류:만화]]를 지정하고 싶다면 [[:분류:일본의 만화]]에다 <nowiki>[[분류:일본]]</nowiki>, <nowiki>[[분류:만화]]</nowiki>를 넣으면 됩니다.
; mode(모드)
: 갤러리를 표현하는 방식을 설정합니다.
: {| class="wikitable"
|-
! colspan="2" | 설명
|-
! 입력
! 결과
|-
| colspan="2" | '''traditional''': 기본값으로, 파일 바깥에 박스가 생깁니다.  
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><gallery mode="traditional">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery></pre>
|
<gallery mode="traditional">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
|-
| colspan="2" | '''nolines''': 'traditional'에서 바깥 박스가 사라지고, 설명이 가운데로 정렬됩니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><gallery mode="nolines">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery></pre>
|
<gallery mode="nolines">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
|-
| colspan="2" | '''packed''': 'nolines'에서 파일들의 세로 길이를 모두 같게 지정합니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><gallery mode="packed">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery></pre>
|
<gallery mode="packed">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
|-
| colspan="2" | '''packed-overlay''': 'packed'에서 파일 설명이 파일 아래가 아닌, 파일 내부 하단에 나타납니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><gallery mode="packed-overlay">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery></pre>
|
<gallery mode="packed-overlay">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
|-
| colspan="2" | '''packed-hover''': 'packed'에서 파일에 커서를 올리면 'packed-overlay'처럼 설명이 나타납니다. 마우스가 없는 모바일에서는 'packed-overlay'와 동일하게 항상 설명이 나타납니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><gallery mode="packed-hover">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery></pre>
|
<gallery mode="packed-hover">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
|-
| colspan="2" | '''slideshow''': 슬라이드 쇼 형태로 나타나, 파일을 좌우로 넘기며 볼 수 있습니다. 파일이 원본 크기로 나타납니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><gallery mode="slideshow">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery></pre>
|
<gallery mode="slideshow">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
|-
|}


{|width=100%
; 제목(caption)
|style=background-color:#c0c0c0|{{숨김 시작
: 갤러리의 제목을 보여줍니다. <code>caption="제목"</code>으로 입력합니다.
|title=분류의 정렬
: {| class="wikitable"
}}
|-
한 분류 안의 문서 정렬 순서는 기본적으로 문서의 제목을 따라서 정렬되나, 따로 정렬 키를 지정할 수도 있습니다. 예를 들어 <nowiki>[[ABC]]</nowiki>라는 문서에 <nowiki>[[분류:가나다]]</nowiki>를 넣을 경우, ABC 문서는 '분류:가나다'에서 A의 밑에 나타나며, ABB와 ABD라는 문서가 '분류:가나다'에 같이 있을 경우 ABB와 ABD 사이에 나타납니다. 그러나 ABC 문서를 ABC 대신 DEF를 기준으로 정렬되게 하고 싶다면, ABC 문서에 <nowiki>[[분류:가나다|DEF]]</nowiki>라고 입력하면 됩니다. 이렇게 하면 ABC 문서는 D의 밑에 나타나며, DEE와 DEG라는 문서가 '분류:가나다'에 같이 있을 경우 DEE와 DEG 사이에 들어갑니다.
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><gallery caption="리브레 위키 공인 캐릭터">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery></pre>
|
<gallery caption="리브레 위키 공인 캐릭터">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
|-
|}


정렬 키를 지정하는 것은 한 분류 안의 문서나 분류가 모두 같은 접두어로 시작할 때 도움이 됩니다. 예를 들어 '미국의 도시' 문서, '미국의 주' 문서가 모두 <nowiki>[[분류:미국]]</nowiki> 안에 있을 경우, 정렬 키를 지정하지 않으면 모두 ㅁ의 밑에 나타납니다. '미국의 도시' 문서에는 <nowiki>[[분류:미국|도시]]</nowiki>, '미국의 주' 문서에는 <nowiki>[[분류:미국|주]]</nowiki>를 입력하면 각각 ㄷ과 ㅈ의 밑에 나타나서 좀 더 세분화된 정렬이 가능해집니다.
; 너비(widths)와 높이(heights)
: 각 파일의 최대 너비와 최대 높이를 설정합니다. 각각 <code>widths="너비px"</code>, <code>heights="높이px"</code>으로 입력합니다.
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><gallery widths="60px" heights="60px">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery></pre>
|
<gallery widths="60px" heights="60px">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
|-
|}


해당 분류를 직접 설명하는 문서에는 <nowiki>[[분류:(분류 이름)| ]]</nowiki>와 같이 정렬 키로 공백 하나를 입력하면 됩니다. 예를 들어 '미국' 문서에 <nowiki>[[분류:미국| ]]</nowiki>을 입력하면 '미국' 문서는 <nowiki>[[분류:미국]]</nowiki>의 맨 처음에 출력됩니다.
; 열수(perrow)
: 갤러리에 나타나는 파일의 열 개수를 설정합니다. <code>perrow="열수"</code>로 입력합니다.
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><gallery perrow="2">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery></pre>
|
<gallery perrow="2">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
|-
|}


여러 분류에 일괄적으로 똑같은 정렬 키를 지정하고 싶다면, 분류가 시작되는 부분의 바로 위에 <nowiki>{{DEFAULTSORT:(정렬 키)}}</nowiki>를 입력하면 됩니다. <nowiki>{{DEFAULTSORT:(정렬 키)}}</nowiki>가 입력된 경우, <nowiki>[[분류:가나다]]</nowiki><nowiki>[[분류:가나다|(정렬 키)]]</nowiki>로 입력하지 않아도 자동으로 DEFAULTSORT에 입력된 정렬 키를 기준으로 정렬됩니다.
; 파일 이름 보여주기(showfilename)
: 파일과 파일 설명 사이에 파일 링크가 나타나게 합니다. 링크를 넣고 싶으면, <code>showfilename="yes" 또는 "예"</code>를 입력합니다.
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><gallery showfilename="yes">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery></pre>
|
<gallery showfilename="yes">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
|-
|}


문서 제목이 일본어인 경우 정렬 키를 따로 지정해 주어야만 정렬이 제대로 됩니다. 일본어의 경우 정렬 키에는 문서 제목의 히라가나 표기를 사용하는데, 이 히라가나 표기에서 탁점과 반탁점을 떼고, 작은 글자는 큰 글자로 바꾸고, 장음 기호()는 앞 모음에 따라 あ, , う, え, お로 바꾸고, 기타 문장 부호는 뺀 형태를 사용해야 합니다.
; 파일 섬네일 보여주기(showthumbnails)
{| class="wikitable"
: 모드(mode)가 'slideshow'일 때만 사용할 수 있는 변수로, 슬라이드 쇼 밑에 전체 파일의 섬네일을 보여줍니다. 섬네일을 넣고 싶다면 <code>showthumbnails="yes" 또는 "예"</code>를 입력합니다.
! 문서 제목
: 아래의 섬네일을 클릭하면, 슬라이드 쇼가 해당 파일로 바뀝니다.
| [[鈴懸の木の道で「君の微笑みを夢に見る」と言ってしまったら僕たちの関係はどう変わってしまうのか、僕なりに何日か考えた上でのやや気恥ずかしい結論のようなもの]]
: {| class="wikitable"
|-
! 입력
! 결과
|-
|-
! 히라가나 표기
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><gallery mode="slideshow" showthumbnails="yes">
| すずかけのきのみちで「きみのほほえみをゆめにみる」といってしまったらぼくたちのかんけいはどうかわってしまうのか、ぼくなりになんにちかかんがえたうえでのややきはずかしいけつろんのようなもの
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery></pre>
|  
<gallery mode="slideshow" showthumbnails="yes">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
|-
|-
! 정렬 키
| す'''す'''かけのきのみち'''て'''きみのほほえみをゆめにみるとい'''つ'''てしま'''つ'''たら'''ほ'''くたちのかんけいは'''と'''うかわ'''つ'''てしまうのか'''ほ'''くなりになんにちかかん'''か'''えたうえ'''て'''のややきは'''す'''かしいけつろんのようなもの
|}
|}
{{숨김 끝}}
 
; 클래스(class)와 스타일(style)
: 다른 태그와 마찬가지로 class와 style을 사용할 수 있습니다. 아래 예시는 style을 사용하여 'packed' 갤러리에서 각 파일의 설명을 가운데 정렬했습니다.
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><gallery mode="packed" style="text-align: center;">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery></pre>
|
<gallery mode="packed" style="text-align: center;">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
|-
|}
|}
=== 편집 코멘트 남기기 ===
문서의 편집 버튼 근처를 보면 '''기록'''을 눌러서 들어가면 문서의 편집 기록을 볼 수 있습니다. 그 중에서 간혹 작은 괄호 안에 편집을 한 이유 등을 남긴 것이 있습니다. 문서를 편집하실 때, 본문 입력란 아래에 있는 '''요약:'''을 이용하면 그런 코멘트를 남길 수 있습니다.


=== 문서 삭제 ===
복잡한 문법은 시각 편집기를 활용하면 생각할 필요가 없습니다.
미디어위키에서의 문서 삭제는 일반 유저의 복구가 불가능한 관계로 관리자만 가능합니다. 실수로 생성된 잘못된 문서라든지 삭제를 요청하는 문서에는
<gallery mode="slideshow">
<code><nowiki>{{삭제|삭제 이유}}</nowiki></code>를 삭제하고자 하는 문서 맨 앞부분에 작성해주세요. 논란이 많은 문서를 삭제해야겠다 싶을때는 함부로 삭제 신청을 하기 보다는 토론을 통해 결정하세요.
파일:화면 캡처 2022-07-18 214816.png|시각편집기 화면입니다.
파일:화면 캡처 2022-07-18 215116.png|시각편집기로 갤러리 태그를 쉽게 설정할 수 있습니다.
파일:시각편집기 - 갤러리.png|시각편집기에서 이 버튼을 누르면 갤러리를 넣을 수 있습니다.
파일:화면 캡처 2022-07-18 215921.png|아래 '새 그림 추가' 버튼을 누르면 파일을 찾을 수 있습니다. 위키미디어 공용의 사진도 사용할 수 있습니다.
</gallery>
 
==== 고급 문법 ====
총 사용 방법은 <code><nowiki>[[파일:파일 이름|형태|테두리|가로정렬|세로정렬|크기|설명|link=링크|alt=대체 텍스트|page=페이지|lang=언어|class=클래스]]</nowiki></code>입니다. 많은 변수를 사용하기 때문에 아래에서 순서대로 차근차근 설명합니다.


==중급==
; 기본
=== [[도움말:|표 만들기]] ===
: {| class="wikitable"
{{참조|도움말:표}}
|-
{{안내문|[[:인물 정보]]같이 해당되는 내용에 대한 틀이 있을 경우 틀을 검색해 사용하실 수 있습니다.}}
! 입력
! rowspan="2" | 설명
|-
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">[[파일:Rev Error.png]]</pre>
| rowspan="2" | 원래 이미지 파일이 그대로 들어갑니다.<br />파일 바깥에 표나 div가 있으면 해당 크기로 조절되지만, 없으면 원래 파일 크기로 나타나므로 추천하지 않는 방법입니다.
|-
| [[파일:Rev Error.png]]
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">[[:파일:Ledibug.png]]</pre>
| rowspan="2" | 파일 문서로 링크합니다.
|-
| [[:파일:Ledibug.png]]
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">[[:파일:Ledibug.png|]]</pre>
| rowspan="2" | 뒤에 '<nowiki>|</nowiki>'를 붙이면, <nowiki>[[:파일:Ledibug.png|Ledibug.png]]</nowiki>로 저장됩니다. (보이는 문구에서 '파일:'이 빠집니다.)
|-
| [[:파일:Ledibug.png|Ledibug.png]]
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">[[:파일:Ledibug.png|리디버그]]</pre>
| rowspan="2" | 링크처럼 보이는 문구를 바꿀 수 있습니다.
|-
| [[:파일:Ledibug.png|리디버그]]
|-
|}
 
; 형태와 테두리
: 파일이 나타나는 방식을 설정합니다.
: {| class="wikitable"
|-
! 입력
! rowspan="2" | 설명
|-
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Rev Error.png|파일 설명]] 뒷말 뒷말</pre>
| rowspan="2" | '''(입력하지 않음)''': 블록(block)이 아닌 인라인(inline)으로 나타납니다. '설명'이 나타나지 않습니다.
|-
| 앞말 앞말 [[파일:Rev Error.png|파일 설명]] 뒷말 뒷말
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Rev Error.png|테두리|파일 설명]] 뒷말 뒷말</pre>
| rowspan="2" | '''테두리'''(border): 위의 '(입력하지 않음)'과 동일하지만, 1px 회색 테두리가 같이 나타납니다. (리브레 위키에서는 테두리가 나타나지 않습니다.)
|-
| 앞말 앞말 [[파일:Rev Error.png|테두리|파일 설명]] 뒷말 뒷말
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Rev Error.png|프레임없음|파일 설명]] 뒷말 뒷말</pre>
| rowspan="2" | '''프레임없음'''(frameless): 위의 '(입력하지 않음)'과 동일하지만, 크기가 자동적으로 조절됩니다.
|-
| 앞말 앞말 [[파일:Rev Error.png|프레임없음|파일 설명]] 뒷말 뒷말
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Rev Error.png|프레임없음|테두리|파일 설명]] 뒷말 뒷말</pre>
| rowspan="2" | '''프레임없음 & 테두리'''(frameless & border): 위의 '프레임없음'과 동일하지만, 1px 회색 테두리가 같이 나타납니다. (리브레 위키에서는 테두리가 나타나지 않습니다.)
|-
| 앞말 앞말 [[파일:Rev Error.png|프레임없음|테두리|파일 설명]] 뒷말 뒷말
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Rev Error.png|프레임|파일 설명]] 뒷말 뒷말</pre>
| rowspan="2" | '''프레임'''(frame): 우측 정렬된 블록(block)으로 설정되며, '설명'이 파일 밑에 나타납니다.
|-
| 앞말 앞말 [[파일:Rev Error.png|프레임|파일 설명]] 뒷말 뒷말
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Rev Error.png|섬네일|파일 설명]] 뒷말 뒷말</pre>
| rowspan="2" | '''섬네일'''(thumb/thumbnail): 위의 '프레임'과 동일하지만, 크기가 자동적으로 조절됩니다.
|-
| 앞말 앞말 [[파일:Rev Error.png|섬네일|파일 설명]] 뒷말 뒷말
|-
|}


=== [[도움말:|틀 만들기]] ===
; 가로정렬
{{참조|도움말:틀}}
: 파일의 위치(가로)를 설정합니다.
=== 주석(Annotation) ===
: {| class="wikitable"
문서를 조회할 때는 보이지 않고 편집 시에만 보이는 주석을 달아두고 싶을 때는 주석을 달아둘 곳에 <code><nowiki><!-- 주석내용 --></nowiki></code>를 입력하여 주석을 달아둘 수 있습니다. [[HTML]]에서 사용하는 주석과 문법이 같지만 HTML에서 사용하는 주석과는 달리 브라우저에서 소스보기를 해도 표시되지 않으며 오로지 편집 창에<!--no-->서만 보인다는 특징이 있습니다.
|-
! 입력
! rowspan="2" | 설명
|-
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Ledibug.png|40px]] 뒷말 뒷말</pre>
| rowspan="2" | '''(입력하지 않음)''': 블록(block)이 아닌 인라인(inline)으로 나타납니다.
|-
| 앞말 앞말 [[파일:Ledibug.png|40px]] 뒷말 뒷말
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Ledibug.png|없음|40px]] 뒷말 뒷말</pre>
| rowspan="2" | '''없음''': 블록(block)도 인라인(inline)으로도 나타나지 않습니다.
|-
| 앞말 앞말 [[파일:Ledibug.png|없음|40px]] 뒷말 뒷말
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">[[파일:Ledibug.png|왼쪽|40px]]</pre>
| rowspan="2" | '''왼쪽''': 좌측 정렬된 블록(block)으로 설정됩니다.
|-
| 앞말 앞말 [[파일:Ledibug.png|왼쪽|40px]] 뒷말 뒷말
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Ledibug.png|가운데|40px]] 뒷말 뒷말</pre>
| rowspan="2" | '''가운데''': 중앙 정렬된 블록(block)으로 설정됩니다.
|-
| 앞말 앞말 [[파일:Ledibug.png|가운데|40px]] 뒷말 뒷말
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Ledibug.png|오른쪽|40px]] 뒷말 뒷말</pre>
| rowspan="2" | '''오른쪽''': 우측 정렬된 블록(block)으로 설정됩니다. (섬네일과 프레임의 기본값)
|-
| 앞말 앞말 [[파일:Ledibug.png|오른쪽|40px]] 뒷말 뒷말
|-
|}
 
; 세로정렬
: 파일의 위치(세로)를 설정합니다. 파일이 인라인(inline)으로 나타날 때에만 사용할 수 있습니다.
: 높이 차이를 보여주기 위해 결과에는 윗줄, 밑줄 또는 첨자를 추가했습니다.
: {| class="wikitable"
|-v
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Ledibug.png|40px]] 뒷말 뒷말</pre>
| rowspan="2" | '''(입력하지 않음)''': 기본값인 '중간'과 동일합니다.
|-
| 앞말 앞말 [[파일:Ledibug.png|40px]] 뒷말 뒷말
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Ledibug.png|위|40px]] 뒷말 뒷말</pre>
| rowspan="2" | '''위'''(top), '''글자위'''(text-top): 글자 윗줄에 맞춰 정렬됩니다.
|-
| <span style="text-decoration: overline;">앞말 앞말 [[파일:Ledibug.png|위|40px]] 뒷말 뒷말</span>
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Ledibug.png|위첨자|40px]] 뒷말 뒷말</pre>
| rowspan="2" | '''위첨자'''(super): 윗첨자의 밑줄에 맞춰 정렬됩니다.
|-
| 앞말 앞말<sup><u>위첨자</u></sup> [[파일:Ledibug.png|위첨자|40px]] 뒷말 뒷말
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Ledibug.png|밑줄|40px]] 뒷말 뒷말</pre>
| rowspan="2" | '''밑줄'''(baseline): 글자의 밑줄에 맞춰 정렬됩니다.
|-
| <u>앞말 앞말 [[파일:Ledibug.png|밑줄|40px]] 뒷말 뒷말</u>
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Ledibug.png|아래첨자|40px]] 뒷말 뒷말</pre>
| rowspan="2" | '''아래첨자'''(sub): 아래첨자의 밑줄에 맞춰 정렬됩니다.
|-
| 앞말 앞말<sub><u>아래첨자</u></sub> [[파일:Ledibug.png|아래첨자|40px]] 뒷말 뒷말
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Ledibug.png|중간|40px]] 뒷말 뒷말</pre>
| rowspan="2" | '''중간'''(middle): 외부 칸의중간에 맞춰 정렬됩니다. 외부 칸이 없으면 글자의 중간에 맞춥니다.
|-
| <span style="text-decoration: overline;"><u>앞말 앞말 [[파일:Ledibug.png|중간|40px]] 뒷말 뒷말</u></span>
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 [[파일:Ledibug.png|아래|40px]] 뒷말 뒷말</pre>
| rowspan="2" | '''아래'''(bottom), '''글자아래'''(text-bottom): 글자 밑줄에 맞춰 정렬됩니다.
|-
| <u>앞말 앞말 [[파일:Ledibug.png|아래|40px]] 뒷말 뒷말</u>
|-
|}
 
; 크기
: 파일의 크기를 설정합니다. '프레임'(frame)으로 설정하면 크기를 조절할 수 없습니다.
: {| class="wikitable"
|-
! 입력
! 결과
! 설명
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">[[파일:Ledibug.png|30px]]</pre>
| [[파일:Ledibug.png|30px]]
| '''{가로}px''': 가로 크기가 고정되며, 세로는 그에 비례하여 바뀝니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">[[파일:Ledibug.png|x50px]]</pre>
| [[파일:Ledibug.png|x50px]]
| '''x{세로}px''': 세로 크기가 고정되며, 가로는 그에 비례하여 바뀝니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">[[파일:Ledibug.png|30x50px]]</pre>
| [[파일:Ledibug.png|30x50px]]
| '''{가로}x{세로}px''': 입력된 값에 알맞게 크기가 바뀝니다. svg파일만 원하는 크기로 설정할 수 있으며, 그 외 파일은 원래 비율을 유지하면서 입력된 값에 최대한 가까운 크기로 나타납니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">[[파일:Ledibug.png|섬네일|upright=0.5]]</pre>
| [[파일:Ledibug.png|섬네일|upright=0.5]]
| '''upright=''': '섬네일' 또는 '프레임없음'에서만 사용할 수 있는 변수로, 파일의 배율을 설정합니다. 이 방식을 이용하여 '섬네일' 또는 '프레임없음'으로 설정한 파일의 크기를 키울 수 있습니다. ({가로}x{세로}px 방식으로는 불가능)
|-
|}


=== 위키 문법 무시하기 ===
; 설명
내용의 문자가 위키 문법과 겹쳐 원하는 내용이 제대로 표시되지 않는다면 <code><nowiki><nowiki></nowiki>위키 문법이 무시될 부분<nowiki></nowiki></nowiki></code>으로 일부분에서 위키 문법을 무시하도록 할 수 있습니다.  
: 앞서 설명했다시피, '섬네일' 또는 '프레임'으로 설정해야 파일 밑에 설명이 나타납니다.


=== 컨텐츠 밀림 막기 ===
; 링크(link)
글의 한쪽에 각 내용과 관련된 이미지나 표와 같은 컨텐츠를 함께 넣을 때, 글이 컨텐츠의 높이보다 짧은 위치에서 끝날 경우 높이가 달라 다음 글과 연관된 컨텐츠가 뒤로 밀려날 수 있습니다. 문단 뒤에 <code><nowiki>{{-}}</nowiki></code>를 입력해 [[:-]]을 사용하면 해결됩니다.
: 파일에 걸 링크를 설정합니다. 링크를 설정하지 않으면, 해당 파일 문서로 링크됩니다.
: '테두리' 요소와 함께 사용할 수 없습니다.
: {| class="wikitable"
|-
! 입력
! 결과
! 설명
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">[[파일:ㄴㅁㅇㄹ.png|150px|link=리브레 위키:공인 캐릭터]]</pre>
| [[파일:ㄴㅁㅇㄹ.png|150px|link=리브레 위키:공인 캐릭터]]
| '''내부링크''': 리브레 위키에 있는 문서로 링크할 때에는 'link=' 다음에 해당 문서의 이름을 입력합니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">[[파일:ㄴㅁㅇㄹ.png|150px|link=https://librewiki.net/wiki/]]</pre>
| [[파일:ㄴㅁㅇㄹ.png|150px|link=https://librewiki.net/wiki/]]
| '''외부링크''': 다른 사이트로로 링크할 때에는 'link=' 다음에 해당 사이트의 주소를 입력합니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">[[파일:ㄴㅁㅇㄹ.png|150px|link=]]</pre>
| [[파일:ㄴㅁㅇㄹ.png|150px|link=]]
| '''링크 없음''': 'link=' 다음에 아무것도 입력하지 않으면, 파일에 링크가 걸리지 않아 클릭할 수 없습니다.
|-
|}


=== 책 [[ISBN]] 링크 삽입 ===
; 대체 텍스트(alt)
<code><nowiki>{{ISBN|0000000000000}}</nowiki></code> 또는 <code><nowiki>{{ISBN|00-000-0000-0}}</nowiki></code> 형태로 입력하면 리브레 위키가 자동으로 "책 찾기" 명령을 걸어줍니다. [[ISBN]] 코드는 주로 책의 뒷 표지에 있으며, 인터넷 서점의 책 소개 화면에서도 찾을 수 있습니다.  
: [[대체 텍스트]]는 시각 장애인이 화면의 내용을 읽어주는 소프트웨어로 문서를 이해하거나 검색 엔진이 자료를 찾아 정리하는 데 도움을 주는 텍스트로, 일반적으로는 보이지 않습니다. 따라서 이해가 가능하도록 적는 것이 좋으며, 장식적 요소 등 설명의 의미를 갖지 못할 경우에는 적지 않는 것이 적합한 경우도 있습니다.
: {| class="wikitable"
|-
! 입력
! 결과
! 설명
|-
| <div style="background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><nowiki>[[파일:Aggropteryx-1.gif|150px|alt=앉은 채 부리로 </nowiki><br /><nowiki>무언가를 씹는 깃털공룡 형태의 리브레 위키 공인 캐릭터.]]</nowiki></div>
| [[파일:Aggropteryx-1.gif|150px|alt=앉은 채 부리로 무언가를 씹는 깃털공룡 형태의 리브레 위키 공인 캐릭터.]]
| 앞서 설명했다시피 대체 텍스트는 화면에 표시되지 않습니다.
|-
|}


예시) {{ISBN|89-527-0221-2}}
; 페이지(page)
: pdf 파일을 문서에 넣으면 첫 번째 장이 나타납니다. 위 변수를 사용하면 원하는 페이지를 나타나게 할 수 있습니다.


=== 펼치기/접기 ===
; 언어(lang)
[[틀:숨기기|숨기기 틀]]과 [[틀:펼치기|펼치기 틀]]을 이용하면 됩니다. 자세한 이용방법은 각 항목의 틀 설명문서를 참조하세요.
: svg 파일에만 적용할 수 있으며, svg 파일의 systemLanguage에 대응합니다.
=== 이미지 안에 링크 넣기(imagemap) ===
우선 이미지 파일 하나를 다른 링크로 대체할 때에는
<pre>
[[파일:(파일명)|(섬네일)|(왼쪽 or 가운데 or 오른쪽)|(파일크기)|link=(연결하고자 하는 문서)]]
</pre>
형태로 사용하시면 됩니다. 아래와 같이 말이죠.


[[그림:연습장 링크.png|가운데|178x183px|link=리브레 위키:연습장]]
; 클래스(class)
<pre>
: CSS의 class를 부여합니다.
[[그림:연습장 링크.png|가운데|178x183px|link=리브레 위키:연습장]]
</pre>


==== 이미지 안에 링크를 여러 개 넣기(imagemap) ====
한 개의 이미지에 여러 개의 링크를 넣을 때에는 아래와 같이 <nowiki><imagelink></nowiki> 태그를 사용하시면 됩니다.
한 개의 이미지에 여러 개의 링크를 넣을 때에는 아래와 같이 <nowiki><imagelink></nowiki> 태그를 사용하시면 됩니다.
<imagemap>
<imagemap>
542번째 줄: 1,958번째 줄:
*크기 : 이미지가 표시될 크기를 선택합니다. 픽셀 단위로 500px 처럼 표현합니다.
*크기 : 이미지가 표시될 크기를 선택합니다. 픽셀 단위로 500px 처럼 표현합니다.
*alt= 뒤의 내용 : 이미지가 표시되지 않으면 대신 나오는 문구입니다. 일반적으로 잘 뜨지 않습니다.
*alt= 뒤의 내용 : 이미지가 표시되지 않으면 대신 나오는 문구입니다. 일반적으로 잘 뜨지 않습니다.
*설명 : 이 그림을 설명하는 내용을 적으면 됩니다. 이 문구 '''전체'''를 <pre>[[어떤 문서]]</pre>로 감싸면 안됩니다. 만약 전체를 감쌀 경우, 다음 링크 이전까지의 텍스트가 "전부 이미지의 링크"로 처리되는 문제가 발생합니다.
*설명 : 이 그림을 설명하는 내용을 적으면 됩니다. 이 문구 '''전체'''를 <code><nowiki>[[어떤 문서]]</nowiki></code>로 감싸면 안됩니다. 만약 전체를 감쌀 경우, 다음 링크 이전까지의 텍스트가 "전부 이미지의 링크"로 처리되는 문제가 발생합니다.


*poly (좌표1, 좌표2, .... 좌표n)[[문서]] : polygon(다각형) 형태로 표현되는 링크 입니다. 입력한 값들을 픽셀형태의 좌표로 인식한 뒤, 그것들을 선으로 이어서, 그 안쪽을 클릭하면 문서로 넘어갈수 있게 해줍니다.
*poly (좌표1, 좌표2, .... 좌표n)[[문서]] : polygon(다각형) 형태로 표현되는 링크 입니다. 입력한 값들을 픽셀형태의 좌표로 인식한 뒤, 그것들을 선으로 이어서, 그 안쪽을 클릭하면 문서로 넘어갈수 있게 해줍니다.
549번째 줄: 1,965번째 줄:
*default [[문서]] : "위에서 설정하지 않은 나머지 영역"에 대한 문서 링크를 설정합니다.
*default [[문서]] : "위에서 설정하지 않은 나머지 영역"에 대한 문서 링크를 설정합니다.


여기에 필요한 좌표값은 그림판으로 쉽게 확인할수 있습니다.
여기에 필요한 좌표값은 다음과 같은 방법으로 확인 가능합니다.
링크를 달고자 하는 해당 이미지 파일을 받아서 그림판으로 여시고, 선택이나 그리기 툴로 그림위에 갖다대면, 그림판 왼쪽아래에 ╋ 123, 45 px 라고 뜨게됩니다. 그 값이 좌표(x,y)이므로, 편집할때 사용하시면 됩니다.
 
우선 그림판을 이용해서 좌표를 확인할 수 있습니다. 링크를 달고자 하는 해당 이미지 파일을 받아서 그림판으로 여시고, 선택이나 그리기 툴로 그림위에 갖다대면, 그림판 왼쪽아래에 ╋ 123, 45 px 라고 뜨게됩니다. 그 값이 좌표(x,y)이므로, 편집할때 사용하시면 됩니다.
 
그보다 더 간단한 방법은 [https://www.image-map.net/ Image-map] 웹페이지를 이용해서 이미지를 올린 다음에 poly, rect, circ 속성 중 하나를 고르고 이미지 위에 마우스로 표시할 수 있습니다. 이후에 Show me the codes 버튼을 누르면 픽셀값이 정확하게 출력되는 것을 알 수 있습니다.
 
=== 영상 넣기 ===
; 유튜브 영상
: {{틀|YouTube}}을 <code><nowiki>{{YouTube|동영상ID|너비|높이|정렬|설명}}</nowiki></code>과 같이 사용합니다.
:* '''동영상ID'''
:*: 유튜브 영상의 주소에서 v= 다음 부분입니다. (예를 들어 '''{{외부링크|https://www.youtube.com/watch?v{{=}}1U2DKKqxHgE}}'''의 동영상 ID는 '''1U2DKKqxHgE'''입니다.)
:* '''너비'''와 '''높이'''
:*: 각각 영상의 너비와 높이를 설정합니다. 넣지 않으면 기본 크기로 설정됩니다.
:* '''정렬'''
:*: 영상이 정렬되는 방향을 입력합니다. left(기본), right, center가 있습니다.
:* '''설명'''
:*: 영상에 대한 설명을 넣습니다. 영상 아래에 나타납니다.
: {| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
{{youtube|1U2DKKqxHgE|300px|200px}}
</pre>
| {{youtube|1U2DKKqxHgE|300px|200px}}
|-
|}
: 더 자세한 예시는 [[틀:YouTube]]를 참고하세요.
 
; 카카오TV
: {{틀|카카오TV}}를 <code><nowiki>{{카카오TV|동영상ID|너비|높이|정렬|설명}}</nowiki></code>과 같이 사용합니다.
:* '''동영상ID'''
:: 카카오TV 영상의 주소에서 '''cliplink/'''의 다음에 오는 숫자입니다. (예를 들어 '''{{URL|https://tv.kakao.com/channel/2653435/cliplink/397436050}}'''의 동영상 ID는 '''397436050'''입니다.)
:* '''너비''', '''높이''', '''정렬''', '''설명'''
:: 앞서 설명한 {{틀|YouTube}}와 쓰임이 같습니다.
: {| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
{{카카오TV|397436050|300px|200px}}
</pre>
| {{카카오TV|397436050|300px|200px}}
|-
|}
: 더 자세한 예시는 [[틀:카카오TV]]를 참고하세요.
 
=== 주석(Annotation) ===
문서를 읽은 때는 보이지 않고 편집 시에만 보이는 주석을 달려면, 주석을 넣을 곳에 <code><nowiki><!-- 주석내용 --></nowiki></code>를 입력합니다. [[HTML]]에서 사용하는 주석과 문법이 같지만 HTML에서 사용하는 주석과는 달리, 브라우저에서 소스 보기를 해도 표시되지 않으며 오로지 편집 창에<!--no-->서만 보인다는 특징이 있습니다.
 
{| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
<!-- 보이지 않는 주석 -->보이는 내용
</pre>
|
<!-- 보이지 않는 주석 -->보이는 내용
|-
|}
 
=== 위키 문법 무시하기 ===
내용의 문자가 위키 문법과 겹쳐 원하는 내용이 제대로 표시되지 않는다면 <code><nowiki><nowiki></nowiki>위키 문법이 무시될 부분<nowiki></nowiki></nowiki></code>으로 일부분에서 위키 문법을 무시하도록 할 수 있습니다.
 
{| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
* 위에 있는 건 목록으로 표시되지만,
<nowiki><nowiki></nowiki>*<nowiki></nowiki></nowiki> 아래에 있는 건 별표(아스테리스크)로 나타남.
</pre>
|
* 위에 있는 건 목록으로 표시되지만,
<nowiki>*</nowiki> 아래에 있는 건 별표(아스테리스크)로 나타남.
|-
|}
 
=== 내용 숨기기/펼치기 ===
[[틀:숨기기|숨기기 틀]]을 이용하면 됩니다. 자세한 이용방법은 각 항목의 틀 설명문서를 참조하세요.
 
== 고급 ==
여기까지 보고도 의욕이 넘친다면 [http://www.mediawiki.org/wiki/Help:Contents/ko MediaWiki 도움말:목차]나 [[위키백과:위키백과:위키 문법|위키백과:위키 문법]], [[wikipedia:en:Wikipedia:Extended image syntax|Wikipedia:Extended image syntax]]에 가면 당신의 학습욕구를 충족시킬 온갖 문법들을 살펴볼 수 있습니다.
 
기초적인 프로그래밍 지식이 있다면, 이해하시기 쉬울겁니다.


=== html, CSS 태그 이용 ===
=== html, CSS 태그 이용 ===
557번째 줄: 2,057번째 줄:
==== 펼치기/접기 (태그 이용) ====
==== 펼치기/접기 (태그 이용) ====
'''예시'''
'''예시'''
<div class="toccolours mw-collapsible mw-collapsed">
<div class="toccolours mw-collapsible mw-collapsed">스포일러 주의<div class="mw-collapsible-content">
스포일러 주의
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.</div>
<div class="mw-collapsible-content">
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.
</div>
</div>
</div>


<syntaxhighlight lang=html>
<syntaxhighlight lang=html>
<div class="toccolours mw-collapsible mw-collapsed">
<div class="toccolours mw-collapsible mw-collapsed">스포일러 주의<div class="mw-collapsible-content">
스포일러 주의
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.</div>
<div class="mw-collapsible-content">
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.
</div>
</div>
</div>
</syntaxhighlight>
</syntaxhighlight>
595번째 줄: 2,089번째 줄:


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


606번째 줄: 2,097번째 줄:
스포일러 주의
스포일러 주의
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.</div>
</div>
</div>
</div>
</syntaxhighlight>
</syntaxhighlight>
633번째 줄: 2,123번째 줄:


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


<syntaxhighlight lang=html>
<syntaxhighlight lang=html>
<div class="toccolours mw-collapsible">
<div class="toccolours mw-collapsible">스포일러 주의<div class="mw-collapsible-content">
스포일러 주의
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.</div>
<div class="mw-collapsible-content">
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.
</div>
</div>
</div>
</syntaxhighlight>
</syntaxhighlight>
651번째 줄: 2,135번째 줄:
==== 문서 내부에 책갈피(anchor) 만들기 ====
==== 문서 내부에 책갈피(anchor) 만들기 ====
문서 내부에 <code><nowiki><span id="(책갈피 이름)">(책갈피를 만들 곳)</span></nowiki></code>를 삽입하면 해당 위치로 스크롤되어 이동할 수 있는 책갈피(anchor)가 만들어집니다. 해당 책갈피가 있는 곳으로 이동하는 링크는 <code><nowiki>[[(문서명)#(책갈피 이름)]]</nowiki></code> 형태를 이용해서 작성할 수 있습니다.
문서 내부에 <code><nowiki><span id="(책갈피 이름)">(책갈피를 만들 곳)</span></nowiki></code>를 삽입하면 해당 위치로 스크롤되어 이동할 수 있는 책갈피(anchor)가 만들어집니다. 해당 책갈피가 있는 곳으로 이동하는 링크는 <code><nowiki>[[(문서명)#(책갈피 이름)]]</nowiki></code> 형태를 이용해서 작성할 수 있습니다.
문단을 다른 이름으로도 접근 가능하게 하려면(문단 별칭) <code><nowiki>=== <span id="(다른 이름)"/> 문단 이름 ===</nowiki></code>처럼 입력해도 됩니다. <code><nowiki>=== <span id="(다른 이름)"> 문단 이름 </span> ===</nowiki></code>과 일치합니다.
간편하게 책갈피를 만들어주는 {{틀|책갈피}}도 제공하고 있습니다.


==== 순서가 매겨진 목록 특정 순서에서 시작하기 ====
==== 순서가 매겨진 목록 특정 순서에서 시작하기 ====
687번째 줄: 2,175번째 줄:
<code><nowiki><ol start="시작할 순서"></nowiki></code>에 시작을 원하는 숫자를 넣어 사용합니다.  
<code><nowiki><ol start="시작할 순서"></nowiki></code>에 시작을 원하는 숫자를 넣어 사용합니다.  


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


'''입력'''
'''입력'''
711번째 줄: 2,199번째 줄:
</p>
</p>


==== 이미지를 왼쪽에 띄워 배치하기 ====
==== 테두리 그레디언트 ====
#<code><nowiki>[[파일:파일 이름.jpg|섬네일|왼쪽|보이는 설명|alt=보이지 않는 설명]]</nowiki></code>과 같이 이미지를 왼쪽에 배치합니다.
테두리 그레디언트는 웹 디자인에서도 자주 쓰입니다.
#이미지의 오른쪽에 배치될 글을 <code><nowiki><div style="padding-left: 12px; overflow-x: hidden;"></nowiki></code><code><nowiki></div></nowiki></code> 안에 넣습니다.
 
<syntaxhighlight lang=html style="">
<div style="border:3px solid transparent;background: linear-gradient(#fff,#fff) padding-box, linear-gradient(90deg, #FC5D9D, #F8C596) border-box;border-radius:5px;">
테두리 그레디언트
</div>
</syntaxhighlight>
 
<div style="border:3px solid transparent;background: linear-gradient(#fff,#fff) padding-box, linear-gradient(90deg, #FC5D9D, #F8C596) border-box;border-radius:5px;">
테두리 그레디언트
</div>


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


==== 문서 설정 ====
border-image에 그레디언트 속성을 작성해도 테두리 그레디언트가 적용이 되는데 그러면 border-radius가 먹히지 않으니 위의 예시대로 작성해주셔야 됩니다. 배경을 두 부분으로 나누어 주어 테두리 안쪽을 기준으로 한 배경(padding-box)을 흰색-흰색, 그레디언트 테두리를 기준으로 한 배경(border-box)에 그레디언트를 적용해주고 테두리 색을 투명으로 지정해 주면 border-box의 그레디언트가 테두리에만 노출되게 됩니다. 반드시 padding-box 먼저 그 다음 border-box 순서로 작성해야 됩니다. 반대로 적으면 border-box 속성이 padding-box를 씹어먹기 때문에 정상적으로 출력이 안됩니다.
{| class="wikitable"
 
|+ 목차
=== 그래프 생성 ===
미디어위키 확장 기능을 통해 웹상에서 편집·반응할 수 있는 그래프를 만들 수 있습니다. [[Vega (문법)|Vega]] 문법을 기반으로 하며 [https://vega.github.io/vega-editor/ Vega Editor]와 미디어위키 위키의 [[mediawikiwiki:Extension:Graph|Extension:Graph]]를 참조할 수 있습니다.
 
[[:분류:그래프가 있는 문서]]에는 그래프가 사용된 문서가 표시되며, [[특수:GraphSandbox|그래프 연습장]]에서 편집되는 그래프를 실시간으로 미리보며 연습할 수 있습니다.
 
=== 파서 태그 사용하기 ===
이미지 분할할 때 사용하는 [[#이미지 안에 링크 넣기|<code><nowiki><imagemap></nowiki></code> 태그]]도 일종의 파서 태그입니다. 리브레 위키에서는 다음과 같은 태그를 사용할 수 있습니다. [[특수:버전]] 참조.
 
{|class="wikitable"
|- style="align:center; font-size=15pt;"
! 태그 이름 !! 태그의 용도
|-
| <code><nowiki><categorytree></nowiki></code> || 분류 트리를 문서 안에 삽입할 때 사용합니다. [[도움말:분류 트리]]을 참고하세요.
|-
| <code><nowiki><gallery></nowiki></code> || 여러 개의 그림을 행렬 형태로 배열할 수 있게 도와줍니다. 위의 [[#갤러리(여러 이미지 넣기)|갤러리(여러 이미지 넣기)]] 문단을 참고하세요.
|-
| <code><nowiki><imagemap></nowiki></code> || 해당 그림 위에 도형을 그려서 그림을 분할할 수 있는 기능을 제공합니다. 위의 [[#이미지 안에 링크를 여러 개 넣기(imagemap)|이미지 안에 링크를 여러 개 넣기(imagemap)]] 문단을 참고하세요.
|-
| <code><nowiki><inputbox></nowiki></code> || 글자 입력 상자를 출력하는 태그입니다. [[도움말:입력 상자]]를 참고하세요.
|-
| <code><nowiki><math></nowiki></code> || 수식을 입력할 때 필요한 태그입니다. 수식 입력 방법은 [[도움말:TeX 문법]]를 참고하세요.
|-
|-
| <code><nowiki>__NOTOC__</nowiki></code> || 목차를 숨깁니다.
| <code><nowiki><poem></nowiki></code> || 시를 쓸 때 유용합니다. 이 태그 안의 내용은 줄바꿈이나 띄어쓰기를 그대로 반영하지만 위키 문법을 무시하지 않습니다.  
|-
| <code><nowiki>__FORCETOC__</nowiki></code> || 목차를 보이도록 합니다.
|-
| <code><nowiki>__TOC__</nowiki></code> || 위치에 목차를 넣습니다.
|-
|-
!colspan=2| 버그 이외에는 목차를 강제삽입하지 마세요.
| <code><nowiki><pre></nowiki></code> || 회색 상자를 생성하며, 줄바꿈이나 띄어쓰기 등을 그대로 반영한 채로 입력합니다. 리브레 위키에서는 pre 태그 안에 있는 내용은 위키 문법을 자동으로 무시하고 텍스트로 입력한 내용 그대로 출력합니다.
|}
{| class="wikitable"
|+ 그 외
|-
|-
| <code><nowiki>__NOEDITSECTION__</nowiki></code> || 문단 제목 우측에 위치한 편집 버튼을 없앱니다.
| <code><nowiki><syntaxhighlight></nowiki></code> || 각종 프로그래밍 언어에서 특정 키워드에 강조 효과를 주는 소스 코드를 출력합니다. lang 입력 없으면 css가 기본적으로 출력됩니다. 이 상자 안의 내용은 줄바꿈이나 띄어쓰기는 그대로 반영하며, style 태그 등으로 효과를 줄 수는 없습니다. 위의 [[#코드 입력(syntaxhighlight)|코드 입력(syntaxhighlight)]] 문단을 참고하세요.
|-
|-
| <code><nowiki>__HIDDENCAT__</nowiki></code> || 분류 문서에 넣으면 숨은 분류가 됩니다. 편집창에서 분류가 포함되었는지를 확인할 수 있으며, 환경설정을 바꾸면 문서를 읽으면서도 확인이 가능합니다.
| <code><nowiki><youtube></nowiki></code> || [[YouTube]] 동영상을 출력할 수 있게 도와줍니다. [[mw:Extension:YouTube]] 참조. 그러나 주로 {{틀|YouTube}}를 사용하기에 태그 자체를 직접 사용할 일은 없을 겁니다.
|-
|-
|}
|}


==고급==
==== POEM 태그 vs PRE 태그 ====
여기까지 보고도 의욕이 넘친다면 [http://www.mediawiki.org/wiki/Help:Contents/ko MediaWiki 도움말:목차]나 [[위키백과:위키백과:위키_문법|위키백과:위키 문법]], [[wikipedia:en:Wikipedia:Extended image syntax|Wikipedia:Extended image syntax]]에 가면 당신의 학습욕구를 충족시킬 온갖 문법들을 살펴볼 수 있습니다.
{|style="width: 100%;"
!
! style="width: 47%; text-align:center;" | Poem 태그
! style="width: 47%; text-align:center" | Pre 태그
|-
! 입력<br />예시
|
<pre>
<poem style="background:#eee;
border:1px solid black;
width:85%;">
<big style="color:blue;
text-align:center">'''호수'''</big>
                ''정지용''


=== 수식 입력 ===
리브레 위키는 수식입력을 위해 {{TeX}}문법을 지원합니다. 자세한 내용은 [[도움말:TeX 문법]]을 참고하시기 바랍니다.


=== 사용자 폰트 변경법 ===
얼골 하나야
[[특수:내사용자문서/common.css]] 에서
손바닥 둘로
<source lang=css>#mw-body-text {
폭 가리지만,
font-size: 15px;
font-family: dotum;
}</source>
해당 내용을 복사한 이후 font-size 숫자를 원하는 대로 수정하면된다. 글꼴을 바꾸고 싶을 땐 font-family: 부분을 수정하면되고 <del>기본적으로 많이 쓰는</del> dotum, gulim 등을 쓰면된다. (글꼴을 바꾸기 싫으면 font-family 부분은 지워주자)


새로운 폰트를 쓰고 싶다면, '웹폰트'를 사용해 사용자 CSS에 저장하면 된다. 예시로 '나눔고딕'을 구글 폰트를 통해 적용해보겠다.
보고 싶은 맘
湖水만 하니
눈 감을 밖에
</poem>
</pre>
|
<pre>
<pre style="background:#eee;
border:1px solid black;
width:85%;">
<big style="color:blue;
text-align:center">'''호수'''</big>
                ''정지용''


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


편집창에서 다른 폰트(특히, 고정폭 글꼴)을 사용할 때에는 <code>textarea#wpTextbox1</code>를 사용해주시면 됩니다.
얼골 하나야
예시: <source lang=css>
손바닥 둘로
@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; }</source>


=== 파서 함수와 매직 워드 사용하기 ===
보고 싶은 맘
[[미디어위키]]는 조건문 등 분기 기능을 지원하는 파서 함수와 특정한 값을 출력하는 매직 워드를 사용할 수 있습니다.  [[:mw:Help:Magic words]] 혹은 [[위키백과:위키백과:특수 명령]]에서 더 자세한 내용을 확인하실 수 있습니다.
湖水만 하니
==== 자주 사용하는 매직 워드 목록 ====
눈 감을 밖에
목차 표시/미표시에 관한 명령어는 위에 있습니다.
&lt;/pre>
</pre>
|-
! 결과
|
<poem style="background:#eee;
border:1px solid black;
width:85%;">
<big style="color:blue;
text-align:center">'''호수'''</big>
                ''정지용''


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


* <nowiki>{{LOCALYEAR}},{{지역년}}</nowiki> - (한국시간 기준) 현재 해.
얼골 하나야
* <nowiki>{{LOCALMONTH}}, {{지역월}}</nowiki> - (한국시간 기준) 숫자로 표현한 현재 달. 뒤에 2를 붙이면 강제로 두 자리 숫자로 표현됩니다.
손바닥 둘로
* <nowiki>{{LOCALMONTHNAME}}, {{지역월이름}]</nowiki> (한국시간 기준) 달 이름으로 표현한 현재 달. 한국어의 경우는 숫자+월 표시로 간단하게 표현됩니다.
폭 가리지만,
* <nowiki>{{LOCALDAY}}, {{지역일}}</nowiki> (한국시간 기준) 현재  날. 역시 뒤에 2를 붙이면 강제로 두 자리 숫자로 표현됩니다.
* <nowiki>{{LOCALDAYNAME}}, {{지역요일}]</nowiki> (한국시간 기준) 현재 요일 이름을 출력합니다.
* 예시 : <nowiki>{{지역년}}년 {{지역월이름}} {{지역일2}}일, {{지역요일}}.</nowiki> 입력
** 출력결과 :  {{지역년}}년 {{지역월이름}} {{지역일2}}일, {{지역요일}} .


보고 싶은 맘
湖水만 하니
눈 감을 밖에
</poem>
|
<pre style="background:#eee;
border:1px solid black;
width:85%;">
<big style="color:blue;
text-align:center">'''호수'''</big>
                ''정지용''


===== 위키 통계에 관한 명령어 =====
참조 : [[위키백과:위키백과:특수 명령#특수 변수]].이 명령어들은 아래의 <nowiki>{{이름공간문서수}}</nowiki>를 제외하고 리브레 위키에서도 사용가능합니다. 뒤에 ":R"을 붙일 경우 3자리 단위로 반점을 이용해 끊지 않습니다.
* <nowiki>{{문서수}}, {{NUMBEROFARTICLES}}</nowiki> 문서 숫자를 표시합니다.
* <nowiki>{{모든문서수}}, {{NUMBEROFPAGES}}</nowiki> 틀, 파일을 포함한 모든 문서를 보여줍니다.
* <nowiki>{{NUMBEROFEDITS}}</nowiki> 이 위키에서 편집한 모든 횟수를 보여줍니다.
* <nowiki>{{사용자수}}, {{NUMBEROFUSERS}}</nowiki> 현재 사용자 숫자를 보여줍니다.
* <nowiki>{{NUMBEROFACTIVEUSERS}}</nowiki> 활동적인 사용자 숫자를 보여줍니다.


===== 문서 상태에 관한 명령어 =====
얼골 하나야
* 참조: [[:mw:Help:Magic Words#Technical metadata]]
손바닥 둘로
* <nowiki>{{REVISIONID}}</nowiki> - 이 문서의 최종 편집본의 ID값을 반환합니다.
폭 가리지만,
* <nowiki>{{REVISIONTIMESTAMP}}</nowiki> - 이 문서를 최종 편집한 시각에 관한 수치값을 반환합니다.
* <nowiki>{{REVISIONUSER}}</nowiki> - 이 문서를 최종 편집한 사용자 정보를 반환합니다.
* <nowiki>{{REVISIONSIZE}}</nowiki> - 이 문서의 최종판의 문서 형태를 나타냅니다.
예시: <code><nowiki> {{#ifexpr:{{REVISIONSIZE}}<1100|이 글은 토막글입니다.|이 글은 토막글이 아닙니다.}}</nowiki></code> - 문서 총 크기가 1100 바이트 미만일 때에만 토막글 메시지 출력함.


출력 결과 : {{#ifexpr:{{REVISIONSIZE}}<1100|이 글은 토막글입니다.|이 글은 토막글이 아닙니다.}}
보고 싶은 맘
 
湖水만 하니
==== 자주 사용하는 파서 함수 목록 ====
눈 감을 밖에
{|class="wikitable"
</pre>
|- style="align:center; font-size=15pt;"
! 파서 함수의 이름 !! 파서 함수의 용도와 사용법 !! 입력법 !! 예제
|-
|-
| #expr || 계산식을 구할 때 사용합니다. 계산식의 사용방법은 [[위키백과:위키백과:특수 명령#파서 함수]]를 참조하세요. || <code><nowiki>{{#expr:(수식)}}</nowiki></code> || <nowiki>{{#expr:50-2}}</nowiki><br>={{#expr:50-2}}
! 특징
|-
|
| #if || 조건이 참 거짓일 때에 따라 다른 것을 입력할 때 사용합니다. || <code><nowiki>{{#if:(조건)|(참일 때 입력 결과)|(거짓일 때 입력 결과)}} </nowiki> ||
# poem 태그에 스타일 부여 가능.
|-
# align 속성 제외 상당수의 글자 효과가 유효함
| #ifeq || 두 개의 값이 같을 때와 다를 때를 분기해서 출력합니다. || <code><nowiki>{{#ifeq:(비교대상1)|(비교대상2)|(1=2일때 출력 결과)|(1≠2일 때 출력 결과)}} </nowiki></code> ||
# 첫 띄어쓰기는 무제한.
|-
# 그러나 첫 문자 이후에는 &amp;nbsp; 제외 2칸 이상 띄어쓰기를 무시
| #ifexist || 문서가 존재하는지 존재하지 않은지 검사할 때 사용합니다. 다른 위키에 있는 문서는 ifexist 파서 함수로 존재성을 확인할 수 없습니다. || <code><nowiki>{{#ifexist:(문서명)|(존재할 때 입력 결과)|(존재하지 않을 때 입력 결과)}} </nowiki></code> ||
# 한 줄 개행을 인식한다.
|-
|
| #ifexpr || 해당 식이 참인지 거짓인지에 따라 출력을 분기할 때 사용합니다. || <code><nowiki> {{#ifexpr:(조건식)|(참일 때 출력)|(거짓일 때 출력)}}</nowiki></code> ||
# pre 태그에 스타일 부여 가능
|-
# 모든 위키문법이 적용되지 않으며, nowiki와 효과 유사.
| #switch || 여러 조건에 따라 분기할 때 사용합니다. || <code><nowiki>{{#switch:(조건)|조건1=(조건 1 만족시에 입력 결과)|조건2=(조건2 만족할 때 입력 결과)|...|#default=(조건을 만족하지 않을 때 입력 결과)}} </nowiki></code> ||
# 한 줄 개행과 2칸 이상 띄어쓰기 모두 인식
|-
# 기본적으로 연한 회색으로 칠해져 있음.
| #time || 시간을 출력합니다. 자세한 사용법은 [[위키백과:위키백과:특수 명령#파서 함수]] 참조. || <code><nowiki>{{#time: (형식)|(시간))}} </nowiki></code> || <nowiki>{{#time:Y-m-dTH:m:s{{#time:+H:m|+0 hours}}}}</nowiki> 출력 <br> {{#time:Y-m-dTH:m:s{{#time:+H:m|+0 hours}}}}
|}
|}


=== 파서 태그 사용하기 ===
=== 파서 함수와 특수 명령문 ===
이미지 분할할 때 사용하는 [[#이미지 안에 링크 넣기|<code><nowiki><imagemap></nowiki></code> 태그]]도 일종의 파서 태그입니다. 리브레 위키에서는 다음과 같은 태그를 사용할 수 있습니다. [[특수:버전]] 참조.
{{본문|도움말:특수 명령문}}
 
{|class="wikitable"
|- style="align:center; font-size=15pt;"
!width:15em;|태그 이름 !! 태그의 용도 !! 입력법
|-
| <code><nowiki><categorytree></nowiki></code> || 분류 트리를 문서 안에 삽입할 때 사용합니다. [[mw:Extension:CategoryTree#The_.3Ccategorytree.3E_tag|미디어위키 확장기능 설명 문서]]도 참조.  || <code><nowiki><categorytree mode=pages (depth=(최대 깊이))>(최상위 카테고리 명)</categorytree></nowiki></code>
|-
| <code><nowiki><gallery></nowiki></code> || 여러 개의 그림을 행렬 형태로 배열할 수 있게 도와줍니다.[[wikipedia:Help:Gallery_tag|영어 위키백과의 도움말 문서도 참조하세요.]] || <code><nowiki><gallery mode=(조건) (depth=(최대 깊이))>(배열한 이미지 명)</gallery></nowiki></code>
|-
| <code><nowiki><imagemap></nowiki></code> || 해당 그림 위에 도형을 그려서 그림을 분할할 수 있는 기능을 제공합니다. 위의 기능 참조 || <code><nowiki><imagemap>image:(이미지명)</nowiki> <br> <nowiki>(도형조건)</imagemap></nowiki></code>
|-
| <code><nowiki><inputbox></nowiki></code> || 글자 입력 상자를 출력하는 태그입니다. ||
|-
| <code><nowiki><math></nowiki></code> || 수식을 입력할 때 필요한 태그입니다. 수식 입력 방법은 [[도움말:TeX 문법]] 참조. ||
|-
| <code><nowiki><poem></nowiki></code> || 시를 입력할 때 유용한 태그입니다. ||
|-
| <code><nowiki><pre></nowiki></code> || 회색 상자를 생성합니다. ||
|-
| <code><nowiki><source></nowiki></code> <br/> <code><nowiki><syntaxhighlight></nowiki></code> || 각종 프로그래밍 언어에서 특정 키워드에 강조 효과를 주는 소스 코드를 출력합니다. lang 입력 없으면 css가 기본적으로 출력됩니다 || <code><nowiki><syntaxhighlight lang=(프로그래밍 언어)>코드 </nowiki></code>
|-
| <code><nowiki><youtube></nowiki></code> || [[YouTube]] 동영상을 출력할 수 있게 도와줍니다. [[mw:Extension:YouTube]] 참조. 그러나 주로 {{틀|YouTube}}를 사용하기에 태그 자체를 직접 사용할 일은 없을 겁니다.  ||
|}
 
=== 사용자 JS 파일 사용하기 ===
{{본문|도움말:위키 문법/사용자 자바스크립트}}
위키의 기본기능 이외에 도우미를 위키 화면에 띄우는 등의 기능을 이용하려면 특정한 사용자 자바스크립트를 삽입하셔야 합니다. [[리브레 위키]]의 기본 유저 인터페이스에서 지원하지 않는 기능을 이용할 수 있습니다.
 
[[로그인]]하신 후 [[특수:내사용자문서/common.js]] 에 들어가거나 [[특수:환경설정]]에서 위쪽의 두번째 탭인 문서 보이기 설정에서 모든 스킨에 공유된 CSS/자바스크립트에서 사용자 자바스크립트 항목을 클릭하시면 사용자:{{사용자}}/Common.js을 편집하라는 창이 나타납니다. 이 곳에 자신이 원하시는 자바스크립트 파일을 입력하시면 됩니다. 특정 스킨에서만 자바스크립트를 적용시키려면 사용자:{{사용자}}/(스킨이름).js를 대신 편집하시면 됩니다.


사용자 자바스크립트 파일 예제는 [[/사용자 자바스크립트]] 문서를 참조하시기 바랍니다.
[[미디어위키]]는 조건문 등 분기 기능을 지원하는 파서 함수와 특정한 값을 출력하는 특수 명령문을 사용할 수 있습니다.


=== 사용자 CSS 파일 사용하기 ===
=== Lua 모듈 사용하기 ===
{{본문|도움말:위키 문법/사용자 CSS}}
{{참고|시리즈:쉽게 배우는 프로그래밍 입문/Lua}}
사용자는 위키에 기본적으로 주어진 [[CSS]] 설정을 수정해서 디자인을 변경할 수 있습니다.  
모듈 이름공간의 문서는 Lua로 작성된 스크립트로, 복잡한 분기문이나 반복문 등을 필요로 할 때 사용할 수 있습니다. 호출할 때에는 <code><nowiki>{{#invoke:(모듈명)|(변수명)}}</nowiki></code>라고 사용하면 됩니다.


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


{{주석}}
{{주석}}

2023년 11월 17일 (금) 00:44 기준 최신판

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

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

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

초급[원본 편집]

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

글의 구조[원본 편집]

문단[원본 편집]

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

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

입력 결과
== 첫 번째 문단 ==
'''첫 번째 문단'''입니다.

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

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

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

첫 번째 문단입니다.

1.1 하위 문단

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

1.1.1 더 하위 문단

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

2 두 번째 문단

두 번째 문단입니다.

목차[원본 편집]

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

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

입력 설명
__목차숨김__
또는
__NOTOC__
목차가 나타나지 않도록 합니다. 만약 사용한다면, 문서 맨 첫 번째 줄에 입력하세요.
__목차보임__
또는
__FORCETOC__
문단의 개수와 무관하게 반드시 목차가 나타납니다.
__목차__
또는
__TOC__
코드가 입력된 곳에 목차가 나타나도록 합니다. 문단이 4개 이하여도 목차가 나타납니다.

구분선[원본 편집]

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

입력 결과
윗 글.
----
아랫글. 바로 위의 선이 구분선입니다.
틀에 넣을 때 문법이 무시되는 문제가 있다면 <hr/>을 넣어도 됩니다.
윗 글.

아랫글. 바로 위의 선이 구분선입니다.

개행[원본 편집]

개행, 즉 줄을 바꾸며 문단을 나누기 위해서는 엔터 키(↵ Enter)를 두 번 누릅니다.

방법 입력 결과
엔터 두 번
엔터를 2번 쳐 보면

문장이 띄어졌네!

엔터를 2번 쳐 보면

문장이 띄어졌네!


<br/>을 쓰면 문단 내에서 강제 개행이 됩니다. 엔터를 두 번 눌러 개행한 것과 <br/>은 다르게 렌더링됩니다. 내부를 제외하면 일반적으로는 쓰이지 않습니다.

방법 입력 결과
<br/> 또는 <br /> 태그 사용
태그를 사용해 보면<br />이것도 띄어졌네!
태그를 사용해 보면
이것도 띄어졌네!


이미지나 표와 같은 콘텐츠를 글의 한쪽에 함께 넣을 때 콘텐츠가 밀려 오인을 유발할 경우, {{-}}를 사이에 입력합니다.

방법 입력 결과
{{-}}
[[파일:Libre Wiki-Logo.png|100px|섬네일]] 
이 문장과 달리
{{-}}
이 문장은 로고 아래에 있네?
Libre Wiki-Logo.png

이 문장과 달리

이 문장은 로고 아래에 있네?

※ 주의사항
  • 엔터 한 번으로는 개행이 되지 않습니다. 문단을 나누기 위해서는 엔터를 두 번 눌러야 합니다.
  • 표나 틀에서 개행할 경우 <br /> 사용을 권장합니다.
  • 환경 설정-소도구에서 위키 문법강조 기능을 활성화해 사용할 경우 슬래시를(/) 넣어 <br />과 같이 사용해야 색상으로 구분됩니다.
  • {{-}}(틀:-)는 문장을 강제로 띄어쓸 때 사용하는 것이 아닙니다. 글의 한 켠에 내용과 관련된 이미지나 표와 같은 콘텐츠를 함께 넣었을 때, 콘텐츠가 다음 문단을 방해할 때 사용합니다. 도움말:좋은 글 쓰기의 이미지와 목록 정렬 예시를 참고할 수 있습니다.

들여쓰기[원본 편집]

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

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

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

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

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

용어 설명 목록[원본 편집]

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

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

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

목록[원본 편집]

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

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

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

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

글자 입력[원본 편집]

굵은 글씨
작은따옴표 3개를 양옆에 붙이면 글씨가 굵어집니다.
입력 결과
'''작은따옴표 3개는 굵은 글씨'''
작은따옴표 3개는 굵은 글씨
기울어진 글씨
작은따옴표 2개를 양옆에 붙이면 글씨가 기울어집니다.
입력 결과
''작은따옴표 2개는 기울어진 글씨''
작은따옴표 2개는 기울어진 글씨
굵고 기울어진 글씨
작은따옴표 5개를 양옆에 붙이면 글씨가 굵고 기울어집니다.
입력 결과
'''''작은따옴표 5개는 굵고 기울어진 글씨'''''
작은따옴표 5개는 굵고 기울어진 글씨
큰 글씨
<big></big>을 양옆에 붙이면 글씨가 커집니다. 양쪽에 <big></big>을 많이 붙일수록 글씨가 더 커집니다.
{{+1}}이 동일한 기능을 합니다. (2 이상은 없습니다.)
입력 결과
<big>큰 글씨</big>
또는
{{+1|큰 글씨}}
큰 글씨
작은 글씨
<small></small>을 양옆에 붙이면 글씨가 작아집니다. 양쪽에 <small></small>을 많이 붙일수록 글씨가 더 작아집니다.
{{-1}}이 동일한 기능을 합니다. (-2 이하는 없습니다.)
입력 결과
<small>작은 글씨</small>
또는
{{-1|작은 글씨}}
작은 글씨
취소선
<del></del>을 양옆에 붙이면 글씨 중간에 취소선이 생깁니다. {{ㅊ|취소선 그어진 내용}}과 {{--|취소선 그어진 내용}}을 사용해도 됩니다.[1]
입력 결과
<del>취소선 그어진 내용</del>
또는
{{ㅊ|취소선 그어진 내용}}
{{--|취소선 그어진 내용}}
취소선 그어진 내용
밑줄
<u></u>을 양옆에 붙이면 글씨 아래에 밑줄이 생깁니다.
입력 결과
<u>밑줄 그어진 내용</u>
밑줄 그어진 내용
색깔 넣기
{{}}을 사용하여 글씨색이나 바탕색을 바꿀 수 있습니다. {{색|(글씨색코드)|내용|배경=(배경색코드)}}로 사용합니다.
배경색은 생략 가능하며, 색상 코드 대신 green, red처럼 입력해도 됩니다.
입력 결과
{{색|#ff0000|분홍색 배경에 빨간 글자|배경=pink}}
분홍색 배경에 빨간 글자
위첨자
<sup></sup>을 양옆에 붙이면, 해당 글자를 위첨자로 만듭니다.
입력 결과
단어<sup>위에 있다!</sup>
단어위에 있다!
아래첨자
<sub></sub>을 양옆에 붙이면, 해당 글자를 아래첨자로 만듭니다.
입력 결과
단어<sub>아래에 있다!</sub>
단어아래에 있다!
위첨자+아래첨자
{{첨자}}를 사용하여 위첨자와 아래첨자를 동시에 사용할 수 있습니다.
입력 결과
단어{{첨자|위=위에 있다!|아래=아래에 있다!}}
단어위에 있다!
아래에 있다!

링크와 넘겨주기[원본 편집]

링크[원본 편집]

다른 문서로 연결하고 싶을 때에는 링크를 사용합니다. 링크는 크게 내부링크, 인터위키 링크, 외부링크로 나뉩니다.

내부링크
리브레 위키 내에 있는 문서로 연결합니다. '분류 문서'와 '파일 문서'로 링크하는 방법은 아래와는 약간 다른데, 이는 #분류#사진 넣기 문단에 설명되어 있습니다.
입력 결과 설명
[[리브레 위키]]
리브레 위키 대괄호([[]]) 안에 들어 있는 문서로 링크됩니다.
문서가 없다면 링크가 빨간색으로 나타납니다.
[[도움말:위키 문법]]
도움말:위키 문법 현재 문서를 링크하면 링크가 되지 않고 굵은 글씨로 나타납니다.
이런 유형의 링크는 틀에서만 사용하고, 일반 문서에서는 사용되지 않습니다. (윗 문단에서 설명한 작은따옴표 3개를 사용하면 됩니다.)
[[리브레 위키|지금 이곳]]
지금 이곳 이렇게 보이는 문구를 바꿀 수 있습니다.
[[리브레 위키#다른 위키들과의 차이점]]
리브레 위키#다른 위키들과의 차이점 링크에 있는 특정 문단으로 링크됩니다.
[[#ISBN]]
#ISBN 현재 편집하는 문서의 특정 문단으로 링크할 때에는 문서 제목 없이 '#문단 제목'만 입력해도 됩니다.
[[리브레 위키#다른 위키들과의 차이점|차이점]]
차이점 특정 문단으로의 링크도 보이는 문구를 바꿀 수 있습니다.
[[리브레 위키:도움말|]]
[[A (동음이의)|]]
도움말

A

일반 문서가 아닌 다른 이름공간의 문서, 제목의 뒷부분에 동음이의어 구분자 등의 괄호로 된 부분이 들어간 문서의 링크를 이름공간의 이름, 괄호로 된 부분이 나오지 않게 간편하게 넣을 수 있습니다.
현재 각주 안에서 작동하지 않고 위에서 설명한 특정 문단으로 링크하는 문법과 같이 쓸 수 없는 버그가 있습니다.
인터위키 링크
인터위키를 사용하여 다른 위키(또는 사이트)에 있는 문서로 링크할 수 있습니다. 지원되는 사이트는 특수:인터위키에서 볼 수 있습니다.
입력 결과 설명
[[위키방:74654]]
위키방:74654 위키방 게시글로 링크됩니다.
[[위키백과:도움말]]
위키백과:도움말 위키백과의 문서로 링크됩니다.
[[위키백과:도움말|]]
도움말 위키백과의 문서로 링크되는데, 문서 이름 앞에 있는 사이트 이름은 빠집니다.
[[위키백과:도움말|위키백과의 도움말]]
위키백과의 도움말 인터위키 링크도 보이는 문구를 바꿀 수 있습니다.
외부링크
인터위키가 지원되지 않는 일반적인 외부 사이트의 URL로 연결합니다.
입력 결과 설명
[https://librewiki.net/wiki 리브레 위키]
리브레 위키 외부 링크는 대괄호를 한 쌍만 사용합니다. URL 뒤를 한 칸 띄우고 표시될 문구를 입력합니다.
[https://librewiki.net/wiki &#91;이곳&#93; 리브레 위키]
[이곳] 리브레 위키 표시되는 문구에 대괄호([, ])를 넣으려면 &#91;와 &#93;을 사용해야 합니다.
{{외부링크|https://www.librewiki.net/wiki}}
{{URL|https://www.librewiki.net/wiki}}
www.librewiki.net/wiki URL을 보이게 하려면 {{외부링크}}를 사용합니다. {{URL}}로도 사용할 수 있습니다.
이 경우 링크의 '='는 모두 {{=}}로 바꿔야 합니다.
[https://librewiki.net/wiki]
[1] 표시될 문구를 입력하지 않으면 숫자로 링크가 표시됩니다.
다만 도움말:좋은 글 쓰기의 내용과 같이, 이와 같은 예측 불가능한 링크는 권장되지 않습니다.

ISBN[원본 편집]

ISBN(국제표준도서번호)은 책마다 붙는 고유한 번호입니다. {{ISBN}}을 사용하면, 해당 책의 정보를 보여주는 서점, 도서관 등으로 연결하는 특수:책찾기로 연결하는 링크를 만듭니다.

ISBN 코드는 주로 책의 뒤표지에 있으며, 인터넷 서점의 책 소개 화면에서도 찾을 수 있습니다.

입력 결과 설명
{{ISBN|89-527-0221-2}}
ISBN 89-527-0221-2
{{ISBN|9788973377930}}
ISBN 9788973377930 '-'가 없어도 연결이 됩니다.

넘겨주기[원본 편집]

별칭이나 준말 등으로 여러 단어가 한 문서를 가리키는 경우가 있습니다. 이때 넘겨주기를 사용하면 다른 제목으로도 하나의 문서로 갈 수 있습니다.

입력 설명
#넘겨주기 [[리브레 위키]]
리브레위키 문서처럼, 리브레위키를 검색하거나 리브레위키 링크를 누르면 넘겨주기 대상인 리브레 위키로 이동합니다.
#넘겨주기 [[리브레 위키#역사]]
내부링크처럼, 특정 문단으로 넘겨줄 수 있습니다.

분류[원본 편집]

분류는 문서의 주제를 보여주는 꼬리표 역할을 합니다. 분류는 문서 제일 아래쪽에 넣습니다.

입력 결과 설명
[[분류:분류 이름]]
내부링크를 하듯이 입력하면, 해당 문서가 해당 분류 문서에 분류됩니다.
[[분류:분류 이름|정렬 키]]
정렬 키를 입력하면, 해당 문서가 정렬 키에 맞는 순서로 분류됩니다.
예를 들어 '리브레 위키' 문서에 [[분류:위키|간]]을 넣으면, 정렬 키가 ㄱ이므로 문서가 ㄹ이 아닌 ㄱ에 분류됩니다.
또한 분류는 ㄱㄴㄷ순으로 배열되기 때문에, 리브레 위키 문서가 '각'과 '갇' 사이에 분류됩니다.
[[:분류:리브레 위키]]
분류:리브레 위키 앞에 ':'이 있으면 해당 분류 문서로 링크됩니다.
[[:분류:리브레 위키|]]
리브레 위키 뒤에 '|'를 붙이면, [[:분류:리브레 위키|리브레 위키]]로 저장됩니다. (보이는 문구에서 '분류:'가 빠집니다.)
[[:분류:리브레 위키|리브레]]
리브레 링크처럼 보이는 문구를 바꿀 수 있습니다.
/*[[:분류:리브레 위키|리브레]]*/
--[[:분류:리브레 위키|리브레]]
리브레 주석으로 루아나 css에 분류를 달 수도 있습니다.

분류 문서도 일반 문서와 마찬가지로 분류할 수 있습니다. 어떤 분류에 상위 분류를 지정하려면, 그 분류 문서에 상위 분류를 넣습니다. 예를 들어 분류:일본의 만화의 상위 분류로 분류:일본분류:만화를 지정하고 싶다면 분류:일본의 만화에다 [[분류:일본]], [[분류:만화]]를 넣으면 됩니다.

정렬 키
  • 장점
하위 문서들을 정렬할 때, 일괄적으로 붙은 상위 문서의 이름이 아닌 하위 문서의 이름에 따라 정렬할 수 있습니다.
  • 대표 문서에서의 사용법
해당 분류를 직접 설명하는 문서에는 [[분류:(분류 이름)| ]]와 같이 정렬 키로 공백 하나를 입력합니다.
예를 들어 '미국' 문서에 [[분류:미국| ]]을 입력하면, '미국' 문서는 [[분류:미국]]의 맨 처음에 출력됩니다.
  • 정렬 키 한 번에 입력하기
여러 분류에 일괄적으로 똑같은 정렬 키를 지정하고 싶다면, 해당 문서에 {{DEFAULTSORT:(정렬 키)}}를 입력합니다.
[[분류:가나다]]를 [[분류:가나다|(정렬 키)]]로 입력하지 않아도, 자동으로 문서에 지정된 모든 분류가 DEFAULTSORT에 입력된 정렬 키를 기준으로 정렬됩니다.
  • 제목이 일본어인 문서의 정렬 키
문서 제목이 일본어인 경우, 정렬 키를 따로 지정해 주어야만 정렬이 제대로 됩니다. 문서 제목의 히라가나 표기를 사용하는데, 이 히라가나 표기에서 탁점과 반탁점을 떼고, 작은 글자는 큰 글자로 바꾸고, 장음 기호(ー)는 앞 모음에 따라 あ, い, う, え, お로 바꾸고, 기타 문장 부호는 뺀 형태를 사용해야 합니다.
문서 제목 鈴懸の木の道で「君の微笑みを夢に見る」と言ってしまったら僕たちの関係はどう変わってしまうのか、僕なりに何日か考えた上でのやや気恥ずかしい結論のようなもの
히라가나 표기 すずかけのきのみちで「きみのほほえみをゆめにみる」といってしまったらぼくたちのかんけいはどうかわってしまうのか、ぼくなりになんにちかかんがえたうえでのややきはずかしいけつろんのようなもの
정렬 키 かけのきのみちきみのほほえみをゆめにみるといてしまたらくたちのかんけいはうかわてしまうのかくなりになんにちかかんえたうえのややきはかしいけつろんのようなもの

서명[원본 편집]

서명은 토론 문서[2], 리브레 위키:운영진 요청이나 리브레 위키:운영진 문제제기 등에서 자신이 썼다는 것을 남기는 것입니다.

서명을 남기지 않으면 누가 의견을 남겼는지를 알 수 없으므로, 꼭 남겨주세요!

입력 결과 설명
--~~~~
--Pika (토론) 2021년 4월 4일 (일) 17:06 (KST) 사용자의 이름과 서명 시각이 남습니다.
리브레 위키에서는 이 서명만 사용합니다.
--~~~
--Pika (토론) 사용자의 이름만 남습니다.
--~~~~~
--2021년 4월 4일 (일) 17:06 (KST) 서명 시각만 남습니다.
{{풀기:서명|(사용자명)}}
-- 이 의견을 작성한 사용자는 (사용자명) (토론)이나, 서명을 남기지 않아 다른 사용자가 추가하였습니다. 서명을 하시려면 물결표 4개(--~~~~)를 입력하시면 됩니다. 서명을 남기지 않은 사용자를 대신해 남깁니다.

중급[원본 편집]

여기서부터는 문서에 각종 자료를 삽입하거나 문서를 보기 좋게 꾸미는데 사용하는 기술을 설명합니다. 사용법과 HTML이나 CSS를 아시면 이해하시기가 쉬울 겁니다.

각주[원본 편집]

각주는 어떤 말에 대한 출처나, 부연설명을 문장 속이 아닌 다른 곳에 달아 놓은 말입니다.[3] 총 사용방법은 <ref name="이름" group="묶음">코드</ref>입니다.

기본
각주를 달 때에는 ref 태그를 사용합니다.
단, 이렇게 써두기만 하면 각주 에러가 뜨면서 각주 기능이 작동하지 않습니다. 그러므로 문서 맨 아래쪽 부분에 {{각주}}를 넣어야 합니다.
입력 결과 설명
내용<ref>각주</ref>
내용[4]
내용{{ref|각주}}<br />내용{{*|각주}}<br />내용{{ㅈ|각주}}
내용[5]
내용[6]
내용[7]
간단한 틀({{ref}}, {{*}}, {{}})을 사용해도 됩니다.
이름(name)
각주에 이름을 붙이는 것으로, 똑같은 각주를 여러 번 달 때에 사용합니다. 일일이 똑같은 각주를 여러 군데에 달 필요가 없습니다.
입력 결과 설명
내용1<ref name="ref">각주1</ref>

내용2<ref name="ref" />
내용1[8]

내용2[8]

같은 각주를 다른 곳에 달 때에는 <ref name="이름" />만 입력합니다.
이때 주의할 점은 이름 붙인 각주(<ref name="이름">각주</ref>)가 제일 위에 있어야 한다는 것입니다.
또한 각주 이름은 숫자로 할 수 없습니다.
묶음(group)
각주의 종류를 묶는데 사용합니다. 이를 이용하여 부연설명인 각주와 출처 각주를 분리할 수 있습니다. 각주 아래에는 <references group="묶음" />이 필요합니다.
입력 결과 설명
내용1<ref group="참고">부연설명1</ref>
내용2<ref group="참고">부연설명2</ref>

내용3<ref group="출처">출처1</ref>
내용4<ref group="출처">출처2</ref>

부연설명
----
<references group="참고" />

출처
----
<references group="출처" />

내용1[참고 1] 내용2[참고 2]

내용3[출처 1] 내용4[출처 2]

부연설명


  1. 부연설명1
  2. 부연설명2

출처


  1. 출처1
  2. 출처2
묶음 이름이 각주 번호 앞에 나타납니다.

인용하기(출처 표시하기)[원본 편집]

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

인용문[원본 편집]

{{인용문}}과 {{인용문2}}를 사용하여 인용문을 문서에 넣을 수 있습니다. 둘의 차이점은 따옴표의 유무입니다.

표 안에서는 제대로 작동하지 않으므로, 그때에는 각각 {{인용문/표}}와 {{인용문2/표}}를 사용해주세요.

입력 결과[9]
{{인용문|펜을 쥔 모든 손에 권리를.|리브레 위키 슬로건}}
펜을 쥔 모든 손에 권리를.
— 리브레 위키 슬로건
{{인용문2|{{Lorem ipsum}}}}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

자세한 사용법은 틀:인용문/설명문서, 틀:인용문2/설명문서, 틀:인용문/표/설명문서, 틀:인용문2/표/설명문서에 적혀있습니다.

수식 입력(TeX)[원본 편집]

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

코드 입력(syntaxhighlight)[원본 편집]

C파이썬처럼 프로그래밍 언어의 코드를 보여줄 때에는 div, pre나 code 태그 등을 사용하여 설명할 수 있습니다. 하지만 syntaxhighlight를 사용하면 에디터처럼 자동으로 구문에 강조나 색이 입혀집니다.

총 사용방법은 <syntaxhighlight lang="{언어}" line="(line)" start="시작번호" highlight="줄번호" (inline)>코드</syntaxhighlight>입니다. 편집기상에서 키보드로 직접 탭 문자( )를 입력할 수는 없어, 대신 띄어쓰기(스페이스 바) 4개를 입력하거나 이를 복사해 붙여넣어야 합니다.

언어
코드에 맞는 언어의 이름을 입력합니다. 지원하는 언어는 아래의 표와 같습니다.
입력 결과 설명
<syntaxhighlight lang="c">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
C(위)와 파이썬(아래)의 Hello, world! 코드 비교.
<syntaxhighlight lang="python">
print("Hello, world!")
</syntaxhighlight>
print("Hello, world!")
줄(line)
line="line"을 넣으면 코드 왼쪽에 줄 번호가 추가됩니다.
입력 결과
<syntaxhighlight lang="c" line="line">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
시작 번호
첫 번째 줄의 번호를 설정합니다. ('줄(line)'을 설정해야 함)
입력 결과
<syntaxhighlight lang="c" line="line" start="100">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
줄 강조
강조하고 싶은 줄 번호를 입력하면, 해당 줄이 다른 색으로 강조됩니다.
입력 결과 설명
<syntaxhighlight lang="c" line="line" highlight="2">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
<syntaxhighlight lang="c" line="line" highlight="2,4">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
떨어져 있는 줄들을 강조할 때에는 반점(,)을 사용합니다.
<syntaxhighlight lang="c" line="line" highlight="3-6">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
연속된 줄들을 강조할 때에는 붙임표(-)를 사용합니다.
인라인(inline)
inline을 넣으면, code 태그를 사용한 것처럼 한 문장 안에 코드를 넣을 수 있습니다.
입력 결과
앞말 앞말 <syntaxhighlight lang="c" inline>return 0;</syntaxhighlight>뒷말 뒷말
앞말 앞말 return 0;뒷말 뒷말
클래스(class)와 스타일(style)
다른 태그와 마찬가지로 class와 style을 사용할 수 있습니다. 아래 예시는 style을 사용하여 검은색 테두리를 입혔습니다.
입력 결과
<syntaxhighlight lang="c" line="line" style="border: 1px solid black;">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}

[원본 편집]

사진 넣기[원본 편집]

사진은 리브레 위키에 업로드한 파일을 문법으로 입력해 사용합니다. 파일을 업로드하는 방법은 도움말:파일 올리기에서 확인하세요. 단, 위키미디어 공용에 있는 파일은 따로 올리지 않고 그냥 사용할 수 있습니다.

기본 안내[원본 편집]

기능 입력
원래 이미지 파일 그대로 사용하고자 할 때 [[파일:File.jpg]]
크기를 정하고 싶을 때 [[파일:File.jpg|300px]]
위치를 정하고 싶을 때 [[파일:File.jpg|가운데]]
[[파일:File.jpg|왼쪽]]
[[파일:File.jpg|오른쪽]]
한쪽에 글과 함께 표시되도록 하고 싶을 때 [[파일:File.jpg|섬네일]]
설명을 추가하고 싶을 때 [[파일:File.jpg|섬네일|설명]]
복합 [[파일:File.jpg|섬네일|가운데|900px|설명]]


위키미디어 공용의 이미지를 불러온 예

이미지를 글의 한쪽에 글과 함께 표시되는 섬네일로 넣으면 여백과 테두리가 자동으로 추가됩니다. 컴퓨터 화면에서는 기본적으로 글의 오른쪽에 정해진 크기로 배치되며, 모바일에서는 화면에 따라 알맞은 형태로 표시됩니다. 원할 경우 크기나 정렬을 변경할 수 있습니다.

이미지를 섬네일로 넣을 경우, 함께 나열하는 글의 길이가 짧거나 다른 콘텐츠와 위치에 간섭이 발생하면 컴퓨터 화면에서 이어지는 이미지와 글의 위치가 맞지 않을 수 있습니다. 이 경우 글에서 구분이 필요한 내용 다음에 {{-}}을 입력하여 (이 문단과 같이) 해결할 수 있습니다. (참고: 도움말:좋은 글 쓰기#이미지와 목록 정렬)

리브레 위키를 포함한 미디어위키와 디지털 환경에서는 미디어에 보이지 않는 설명인 대체 텍스트를 추가할 수 있습니다. 대체 텍스트는 검색 엔진이 자료를 찾아 정리하고 시각 장애인이 화면의 내용을 읽어주는 소프트웨어로 문서를 이해하는 데 도움을 줍니다. [[파일:File.jpg|섬네일|보이는 설명|alt=보이지 않는 설명]]과 같이 입력이 가능합니다. 가능한 상세하게 이해가 가능하도록 적는 것이 좋으며, 장식적 요소 등 설명의 의미를 갖지 못할 경우에는 적지 않는 것이 적합한 경우도 있습니다.

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

갤러리(여러 이미지 넣기)[원본 편집]

갤러리는 여러 이미지를 섬네일로 함께 넣는 기능입니다. 총 사용방법은 <gallery {변수}>파일|설명|alt=대체 텍스트</gallery>입니다.

기본
갤러리로 입력할 때에는 대괄호를 사용하지 않으며, 나머지는 앞서 설명한 사진 넣기 문단과 동일합니다. 또한, '파일:'은 생략할 수 있습니다.
파일 설명에서 링크를 사용할 때에는 대괄호를 사용합니다.
입력 결과
<gallery>
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
mode(모드)
갤러리를 표현하는 방식을 설정합니다.
설명
입력 결과
traditional: 기본값으로, 파일 바깥에 박스가 생깁니다.
<gallery mode="traditional">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
nolines: 'traditional'에서 바깥 박스가 사라지고, 설명이 가운데로 정렬됩니다.
<gallery mode="nolines">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
packed: 'nolines'에서 파일들의 세로 길이를 모두 같게 지정합니다.
<gallery mode="packed">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
packed-overlay: 'packed'에서 파일 설명이 파일 아래가 아닌, 파일 내부 하단에 나타납니다.
<gallery mode="packed-overlay">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
packed-hover: 'packed'에서 파일에 커서를 올리면 'packed-overlay'처럼 설명이 나타납니다. 마우스가 없는 모바일에서는 'packed-overlay'와 동일하게 항상 설명이 나타납니다.
<gallery mode="packed-hover">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
slideshow: 슬라이드 쇼 형태로 나타나, 파일을 좌우로 넘기며 볼 수 있습니다. 파일이 원본 크기로 나타납니다.
<gallery mode="slideshow">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
제목(caption)
갤러리의 제목을 보여줍니다. caption="제목"으로 입력합니다.
입력 결과
<gallery caption="리브레 위키 공인 캐릭터">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
너비(widths)와 높이(heights)
각 파일의 최대 너비와 최대 높이를 설정합니다. 각각 widths="너비px", heights="높이px"으로 입력합니다.
입력 결과
<gallery widths="60px" heights="60px">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
열수(perrow)
갤러리에 나타나는 파일의 열 개수를 설정합니다. perrow="열수"로 입력합니다.
입력 결과
<gallery perrow="2">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
파일 이름 보여주기(showfilename)
파일과 파일 설명 사이에 파일 링크가 나타나게 합니다. 링크를 넣고 싶으면, showfilename="yes" 또는 "예"를 입력합니다.
입력 결과
<gallery showfilename="yes">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
파일 섬네일 보여주기(showthumbnails)
모드(mode)가 'slideshow'일 때만 사용할 수 있는 변수로, 슬라이드 쇼 밑에 전체 파일의 섬네일을 보여줍니다. 섬네일을 넣고 싶다면 showthumbnails="yes" 또는 "예"를 입력합니다.
아래의 섬네일을 클릭하면, 슬라이드 쇼가 해당 파일로 바뀝니다.
입력 결과
<gallery mode="slideshow" showthumbnails="yes">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>
클래스(class)와 스타일(style)
다른 태그와 마찬가지로 class와 style을 사용할 수 있습니다. 아래 예시는 style을 사용하여 'packed' 갤러리에서 각 파일의 설명을 가운데 정렬했습니다.
입력 결과
<gallery mode="packed" style="text-align: center;">
파일:리브룬.png|[[리브룬]]
파일:Aggropteryx-1.gif
파일:Original rev.png|레브
파일:ㄴㅁㅇㄹ.png|리버티
</gallery>

복잡한 문법은 시각 편집기를 활용하면 생각할 필요가 없습니다.

고급 문법[원본 편집]

총 사용 방법은 [[파일:파일 이름|형태|테두리|가로정렬|세로정렬|크기|설명|link=링크|alt=대체 텍스트|page=페이지|lang=언어|class=클래스]]입니다. 많은 변수를 사용하기 때문에 아래에서 순서대로 차근차근 설명합니다.

기본
입력 설명
결과
[[파일:Rev Error.png]]
원래 이미지 파일이 그대로 들어갑니다.
파일 바깥에 표나 div가 있으면 해당 크기로 조절되지만, 없으면 원래 파일 크기로 나타나므로 추천하지 않는 방법입니다.
Rev Error.png
[[:파일:Ledibug.png]]
파일 문서로 링크합니다.
파일:Ledibug.png
[[:파일:Ledibug.png|]]
뒤에 '|'를 붙이면, [[:파일:Ledibug.png|Ledibug.png]]로 저장됩니다. (보이는 문구에서 '파일:'이 빠집니다.)
Ledibug.png
[[:파일:Ledibug.png|리디버그]]
링크처럼 보이는 문구를 바꿀 수 있습니다.
리디버그
형태와 테두리
파일이 나타나는 방식을 설정합니다.
입력 설명
결과
앞말 앞말 [[파일:Rev Error.png|파일 설명]] 뒷말 뒷말
(입력하지 않음): 블록(block)이 아닌 인라인(inline)으로 나타납니다. '설명'이 나타나지 않습니다.
앞말 앞말 파일 설명 뒷말 뒷말
앞말 앞말 [[파일:Rev Error.png|테두리|파일 설명]] 뒷말 뒷말
테두리(border): 위의 '(입력하지 않음)'과 동일하지만, 1px 회색 테두리가 같이 나타납니다. (리브레 위키에서는 테두리가 나타나지 않습니다.)
앞말 앞말 파일 설명 뒷말 뒷말
앞말 앞말 [[파일:Rev Error.png|프레임없음|파일 설명]] 뒷말 뒷말
프레임없음(frameless): 위의 '(입력하지 않음)'과 동일하지만, 크기가 자동적으로 조절됩니다.
앞말 앞말 파일 설명 뒷말 뒷말
앞말 앞말 [[파일:Rev Error.png|프레임없음|테두리|파일 설명]] 뒷말 뒷말
프레임없음 & 테두리(frameless & border): 위의 '프레임없음'과 동일하지만, 1px 회색 테두리가 같이 나타납니다. (리브레 위키에서는 테두리가 나타나지 않습니다.)
앞말 앞말 파일 설명 뒷말 뒷말
앞말 앞말 [[파일:Rev Error.png|프레임|파일 설명]] 뒷말 뒷말
프레임(frame): 우측 정렬된 블록(block)으로 설정되며, '설명'이 파일 밑에 나타납니다.
앞말 앞말
파일 설명
뒷말 뒷말
앞말 앞말 [[파일:Rev Error.png|섬네일|파일 설명]] 뒷말 뒷말
섬네일(thumb/thumbnail): 위의 '프레임'과 동일하지만, 크기가 자동적으로 조절됩니다.
앞말 앞말
파일 설명
뒷말 뒷말
가로정렬
파일의 위치(가로)를 설정합니다.
입력 설명
결과
앞말 앞말 [[파일:Ledibug.png|40px]] 뒷말 뒷말
(입력하지 않음): 블록(block)이 아닌 인라인(inline)으로 나타납니다.
앞말 앞말 Ledibug.png 뒷말 뒷말
앞말 앞말 [[파일:Ledibug.png|없음|40px]] 뒷말 뒷말
없음: 블록(block)도 인라인(inline)으로도 나타나지 않습니다.
앞말 앞말
Ledibug.png
뒷말 뒷말
[[파일:Ledibug.png|왼쪽|40px]]
왼쪽: 좌측 정렬된 블록(block)으로 설정됩니다.
앞말 앞말
Ledibug.png
뒷말 뒷말
앞말 앞말 [[파일:Ledibug.png|가운데|40px]] 뒷말 뒷말
가운데: 중앙 정렬된 블록(block)으로 설정됩니다.
앞말 앞말
Ledibug.png
뒷말 뒷말
앞말 앞말 [[파일:Ledibug.png|오른쪽|40px]] 뒷말 뒷말
오른쪽: 우측 정렬된 블록(block)으로 설정됩니다. (섬네일과 프레임의 기본값)
앞말 앞말
Ledibug.png
뒷말 뒷말
세로정렬
파일의 위치(세로)를 설정합니다. 파일이 인라인(inline)으로 나타날 때에만 사용할 수 있습니다.
높이 차이를 보여주기 위해 결과에는 윗줄, 밑줄 또는 첨자를 추가했습니다.
앞말 앞말 [[파일:Ledibug.png|40px]] 뒷말 뒷말
(입력하지 않음): 기본값인 '중간'과 동일합니다.
앞말 앞말 Ledibug.png 뒷말 뒷말
앞말 앞말 [[파일:Ledibug.png|위|40px]] 뒷말 뒷말
(top), 글자위(text-top): 글자 윗줄에 맞춰 정렬됩니다.
앞말 앞말 Ledibug.png 뒷말 뒷말
앞말 앞말 [[파일:Ledibug.png|위첨자|40px]] 뒷말 뒷말
위첨자(super): 윗첨자의 밑줄에 맞춰 정렬됩니다.
앞말 앞말위첨자 Ledibug.png 뒷말 뒷말
앞말 앞말 [[파일:Ledibug.png|밑줄|40px]] 뒷말 뒷말
밑줄(baseline): 글자의 밑줄에 맞춰 정렬됩니다.
앞말 앞말 Ledibug.png 뒷말 뒷말
앞말 앞말 [[파일:Ledibug.png|아래첨자|40px]] 뒷말 뒷말
아래첨자(sub): 아래첨자의 밑줄에 맞춰 정렬됩니다.
앞말 앞말아래첨자 Ledibug.png 뒷말 뒷말
앞말 앞말 [[파일:Ledibug.png|중간|40px]] 뒷말 뒷말
중간(middle): 외부 칸의중간에 맞춰 정렬됩니다. 외부 칸이 없으면 글자의 중간에 맞춥니다.
앞말 앞말 Ledibug.png 뒷말 뒷말
앞말 앞말 [[파일:Ledibug.png|아래|40px]] 뒷말 뒷말
아래(bottom), 글자아래(text-bottom): 글자 밑줄에 맞춰 정렬됩니다.
앞말 앞말 Ledibug.png 뒷말 뒷말
크기
파일의 크기를 설정합니다. '프레임'(frame)으로 설정하면 크기를 조절할 수 없습니다.
입력 결과 설명
[[파일:Ledibug.png|30px]]
Ledibug.png {가로}px: 가로 크기가 고정되며, 세로는 그에 비례하여 바뀝니다.
[[파일:Ledibug.png|x50px]]
Ledibug.png x{세로}px: 세로 크기가 고정되며, 가로는 그에 비례하여 바뀝니다.
[[파일:Ledibug.png|30x50px]]
Ledibug.png {가로}x{세로}px: 입력된 값에 알맞게 크기가 바뀝니다. svg파일만 원하는 크기로 설정할 수 있으며, 그 외 파일은 원래 비율을 유지하면서 입력된 값에 최대한 가까운 크기로 나타납니다.
[[파일:Ledibug.png|섬네일|upright=0.5]]
Ledibug.png
upright=: '섬네일' 또는 '프레임없음'에서만 사용할 수 있는 변수로, 파일의 배율을 설정합니다. 이 방식을 이용하여 '섬네일' 또는 '프레임없음'으로 설정한 파일의 크기를 키울 수 있습니다. ({가로}x{세로}px 방식으로는 불가능)
설명
앞서 설명했다시피, '섬네일' 또는 '프레임'으로 설정해야 파일 밑에 설명이 나타납니다.
링크(link)
파일에 걸 링크를 설정합니다. 링크를 설정하지 않으면, 해당 파일 문서로 링크됩니다.
'테두리' 요소와 함께 사용할 수 없습니다.
입력 결과 설명
[[파일:ㄴㅁㅇㄹ.png|150px|link=리브레 위키:공인 캐릭터]]
ㄴㅁㅇㄹ.png 내부링크: 리브레 위키에 있는 문서로 링크할 때에는 'link=' 다음에 해당 문서의 이름을 입력합니다.
[[파일:ㄴㅁㅇㄹ.png|150px|link=https://librewiki.net/wiki/]]
ㄴㅁㅇㄹ.png 외부링크: 다른 사이트로로 링크할 때에는 'link=' 다음에 해당 사이트의 주소를 입력합니다.
[[파일:ㄴㅁㅇㄹ.png|150px|link=]]
ㄴㅁㅇㄹ.png 링크 없음: 'link=' 다음에 아무것도 입력하지 않으면, 파일에 링크가 걸리지 않아 클릭할 수 없습니다.
대체 텍스트(alt)
대체 텍스트는 시각 장애인이 화면의 내용을 읽어주는 소프트웨어로 문서를 이해하거나 검색 엔진이 자료를 찾아 정리하는 데 도움을 주는 텍스트로, 일반적으로는 보이지 않습니다. 따라서 이해가 가능하도록 적는 것이 좋으며, 장식적 요소 등 설명의 의미를 갖지 못할 경우에는 적지 않는 것이 적합한 경우도 있습니다.
입력 결과 설명
[[파일:Aggropteryx-1.gif|150px|alt=앉은 채 부리로
무언가를 씹는 깃털공룡 형태의 리브레 위키 공인 캐릭터.]]
앉은 채 부리로 무언가를 씹는 깃털공룡 형태의 리브레 위키 공인 캐릭터. 앞서 설명했다시피 대체 텍스트는 화면에 표시되지 않습니다.
페이지(page)
pdf 파일을 문서에 넣으면 첫 번째 장이 나타납니다. 위 변수를 사용하면 원하는 페이지를 나타나게 할 수 있습니다.
언어(lang)
svg 파일에만 적용할 수 있으며, svg 파일의 systemLanguage에 대응합니다.
클래스(class)
CSS의 class를 부여합니다.

이미지 안에 링크를 여러 개 넣기(imagemap)[원본 편집]

한 개의 이미지에 여러 개의 링크를 넣을 때에는 아래와 같이 <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)이므로, 편집할때 사용하시면 됩니다.

그보다 더 간단한 방법은 Image-map 웹페이지를 이용해서 이미지를 올린 다음에 poly, rect, circ 속성 중 하나를 고르고 이미지 위에 마우스로 표시할 수 있습니다. 이후에 Show me the codes 버튼을 누르면 픽셀값이 정확하게 출력되는 것을 알 수 있습니다.

영상 넣기[원본 편집]

유튜브 영상
{{YouTube}}을 {{YouTube|동영상ID|너비|높이|정렬|설명}}과 같이 사용합니다.
  • 동영상ID
    유튜브 영상의 주소에서 v= 다음 부분입니다. (예를 들어 www.youtube.com/watch?v=1U2DKKqxHgE의 동영상 ID는 1U2DKKqxHgE입니다.)
  • 너비높이
    각각 영상의 너비와 높이를 설정합니다. 넣지 않으면 기본 크기로 설정됩니다.
  • 정렬
    영상이 정렬되는 방향을 입력합니다. left(기본), right, center가 있습니다.
  • 설명
    영상에 대한 설명을 넣습니다. 영상 아래에 나타납니다.
입력 결과
{{youtube|1U2DKKqxHgE|300px|200px}}
더 자세한 예시는 틀:YouTube를 참고하세요.
카카오TV
{{카카오TV}}를 {{카카오TV|동영상ID|너비|높이|정렬|설명}}과 같이 사용합니다.
  • 동영상ID
카카오TV 영상의 주소에서 cliplink/의 다음에 오는 숫자입니다. (예를 들어 tv.kakao.com/channel/2653435/cliplink/397436050의 동영상 ID는 397436050입니다.)
  • 너비, 높이, 정렬, 설명
앞서 설명한 {{YouTube}}와 쓰임이 같습니다.
입력 결과
{{카카오TV|397436050|300px|200px}}
더 자세한 예시는 틀:카카오TV를 참고하세요.

주석(Annotation)[원본 편집]

문서를 읽은 때는 보이지 않고 편집 시에만 보이는 주석을 달려면, 주석을 넣을 곳에 <!-- 주석내용 -->를 입력합니다. HTML에서 사용하는 주석과 문법이 같지만 HTML에서 사용하는 주석과는 달리, 브라우저에서 소스 보기를 해도 표시되지 않으며 오로지 편집 창에서만 보인다는 특징이 있습니다.

입력 결과
<!-- 보이지 않는 주석 -->보이는 내용

보이는 내용

위키 문법 무시하기[원본 편집]

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

입력 결과
* 위에 있는 건 목록으로 표시되지만,
<nowiki>*</nowiki> 아래에 있는 건 별표(아스테리스크)로 나타남.
  • 위에 있는 건 목록으로 표시되지만,

* 아래에 있는 건 별표(아스테리스크)로 나타남.

내용 숨기기/펼치기[원본 편집]

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

고급[원본 편집]

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

기초적인 프로그래밍 지식이 있다면, 이해하시기 쉬울겁니다.

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)가 만들어집니다. 해당 책갈피가 있는 곳으로 이동하는 링크는 [[(문서명)#(책갈피 이름)]] 형태를 이용해서 작성할 수 있습니다.

문단을 다른 이름으로도 접근 가능하게 하려면(문단 별칭) === <span id="(다른 이름)"/> 문단 이름 ===처럼 입력해도 됩니다. === <span id="(다른 이름)"> 문단 이름 </span> ===과 일치합니다.

간편하게 책갈피를 만들어주는 {{책갈피}}도 제공하고 있습니다.

순서가 매겨진 목록 특정 순서에서 시작하기[원본 편집]

입력

<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. 이어지는 목록
  4. 이어지는 목록

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

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

입력

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

결과

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

테두리 그레디언트[원본 편집]

테두리 그레디언트는 웹 디자인에서도 자주 쓰입니다.

<div style="border:3px solid transparent;background: linear-gradient(#fff,#fff) padding-box, linear-gradient(90deg, #FC5D9D, #F8C596) border-box;border-radius:5px;">
테두리 그레디언트
</div>

테두리 그레디언트


border-image에 그레디언트 속성을 작성해도 테두리 그레디언트가 적용이 되는데 그러면 border-radius가 먹히지 않으니 위의 예시대로 작성해주셔야 됩니다. 배경을 두 부분으로 나누어 주어 테두리 안쪽을 기준으로 한 배경(padding-box)을 흰색-흰색, 그레디언트 테두리를 기준으로 한 배경(border-box)에 그레디언트를 적용해주고 테두리 색을 투명으로 지정해 주면 border-box의 그레디언트가 테두리에만 노출되게 됩니다. 반드시 padding-box 먼저 그 다음 border-box 순서로 작성해야 됩니다. 반대로 적으면 border-box 속성이 padding-box를 씹어먹기 때문에 정상적으로 출력이 안됩니다.

그래프 생성[원본 편집]

미디어위키 확장 기능을 통해 웹상에서 편집·반응할 수 있는 그래프를 만들 수 있습니다. Vega 문법을 기반으로 하며 Vega Editor와 미디어위키 위키의 Extension:Graph를 참조할 수 있습니다.

분류:그래프가 있는 문서에는 그래프가 사용된 문서가 표시되며, 그래프 연습장에서 편집되는 그래프를 실시간으로 미리보며 연습할 수 있습니다.

파서 태그 사용하기[원본 편집]

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

태그 이름 태그의 용도
<categorytree> 분류 트리를 문서 안에 삽입할 때 사용합니다. 도움말:분류 트리을 참고하세요.
<gallery> 여러 개의 그림을 행렬 형태로 배열할 수 있게 도와줍니다. 위의 갤러리(여러 이미지 넣기) 문단을 참고하세요.
<imagemap> 해당 그림 위에 도형을 그려서 그림을 분할할 수 있는 기능을 제공합니다. 위의 이미지 안에 링크를 여러 개 넣기(imagemap) 문단을 참고하세요.
<inputbox> 글자 입력 상자를 출력하는 태그입니다. 도움말:입력 상자를 참고하세요.
<math> 수식을 입력할 때 필요한 태그입니다. 수식 입력 방법은 도움말:TeX 문법를 참고하세요.
<poem> 시를 쓸 때 유용합니다. 이 태그 안의 내용은 줄바꿈이나 띄어쓰기를 그대로 반영하지만 위키 문법을 무시하지 않습니다.
<pre> 회색 상자를 생성하며, 줄바꿈이나 띄어쓰기 등을 그대로 반영한 채로 입력합니다. 리브레 위키에서는 pre 태그 안에 있는 내용은 위키 문법을 자동으로 무시하고 텍스트로 입력한 내용 그대로 출력합니다.
<syntaxhighlight> 각종 프로그래밍 언어에서 특정 키워드에 강조 효과를 주는 소스 코드를 출력합니다. lang 입력 없으면 css가 기본적으로 출력됩니다. 이 상자 안의 내용은 줄바꿈이나 띄어쓰기는 그대로 반영하며, style 태그 등으로 효과를 줄 수는 없습니다. 위의 코드 입력(syntaxhighlight) 문단을 참고하세요.
<youtube> YouTube 동영상을 출력할 수 있게 도와줍니다. mw:Extension:YouTube 참조. 그러나 주로 {{YouTube}}를 사용하기에 태그 자체를 직접 사용할 일은 없을 겁니다.

POEM 태그 vs PRE 태그[원본 편집]

Poem 태그 Pre 태그
입력
예시
<poem style="background:#eee; 
border:1px solid black; 
width:85%;">
<big style="color:blue; 
text-align:center">'''호수'''</big>
                ''정지용''


얼골 하나야 
손바닥 둘로
폭 가리지만,

보고 싶은 맘
湖水만 하니
눈 감을 밖에
</poem>
<pre style="background:#eee; 
border:1px solid black; 
width:85%;">
<big style="color:blue; 
text-align:center">'''호수'''</big>
                ''정지용''


얼골 하나야 
손바닥 둘로
폭 가리지만,

보고 싶은 맘
湖水만 하니
눈 감을 밖에
</pre>
결과

호수
                정지용


얼골 하나야
손바닥 둘로
폭 가리지만,

보고 싶은 맘
湖水만 하니
눈 감을 밖에

<big style="color:blue; 
text-align:center">'''호수'''</big>
                ''정지용''


얼골 하나야
손바닥 둘로
폭 가리지만,

보고 싶은 맘
湖水만 하니
눈 감을 밖에
특징
  1. poem 태그에 스타일 부여 가능.
  2. align 속성 제외 상당수의 글자 효과가 유효함
  3. 첫 띄어쓰기는 무제한.
  4. 그러나 첫 문자 이후에는 &nbsp; 제외 2칸 이상 띄어쓰기를 무시
  5. 한 줄 개행을 인식한다.
  1. pre 태그에 스타일 부여 가능
  2. 모든 위키문법이 적용되지 않으며, nowiki와 효과 유사.
  3. 한 줄 개행과 2칸 이상 띄어쓰기 모두 인식
  4. 기본적으로 연한 회색으로 칠해져 있음.

파서 함수와 특수 명령문[원본 편집]

미디어위키는 조건문 등 분기 기능을 지원하는 파서 함수와 특정한 값을 출력하는 특수 명령문을 사용할 수 있습니다.

Lua 모듈 사용하기[원본 편집]

모듈 이름공간의 문서는 Lua로 작성된 스크립트로, 복잡한 분기문이나 반복문 등을 필요로 할 때 사용할 수 있습니다. 호출할 때에는 {{#invoke:(모듈명)|(변수명)}}라고 사용하면 됩니다.

현재 사용 가능한 모듈 목록입니다. 특수:모든문서/모듈: 모듈은 여기서 실험하실 수 있습니다. 모듈:샌드박스

각주

  1. <s>취소선 그어진 내용</s>로도 사용할 수 있으나 추천하지 않습니다.
  2. 사용자토론 등 일부 토론 문서는 제외
  3. 이런 식으로요.
  4. 각주
  5. 각주
  6. 각주
  7. 각주
  8. 8.0 8.1 각주1
  9. 실제로는 각각 {{인용문/표}}와 {{인용문2/표}}를 사용했습니다.
  10. Pygments does not yet provide a "wikitext" or "mediawiki" lexer (phab:T29828). Use "html+handlebars" or "moin" instead.