"미디어위키 문법 20190313"의 두 판 사이의 차이

DH 교육용 위키
이동: 둘러보기, 검색
(틀(Template))
(분류(Category))
 
(2명의 사용자에 의한 50개의 중간 편집이 숨겨짐)
2번째 줄: 2번째 줄:
  
 
====그림(Photo & Gallery)====
 
====그림(Photo & Gallery)====
* 일반 사진 : <nowiki>[[파일:filename.jpg]]</nowiki>
+
일반 사진
* 갤러리 : <nowiki><gallery>
+
<pre>
 +
[[파일:filename.jpg]]
 +
</pre>
 +
 
 +
갤러리
 +
<pre>
 +
<gallery>
 
파일:filename1.jpg
 
파일:filename1.jpg
 
파일:filename2.jpg
 
파일:filename2.jpg
</gallery></nowiki>
+
</gallery>
 +
</pre>
  
 
====표(Table)====
 
====표(Table)====
*<nowiki>
+
<pre>
 
{|
 
{|
 
! 해딩1 || 해딩2 || 해딩3
 
! 해딩1 || 해딩2 || 해딩3
17번째 줄: 24번째 줄:
 
| 내용1 || 내용2 || 내용3   
 
| 내용1 || 내용2 || 내용3   
 
|}
 
|}
</nowiki>
+
</pre>
  
 
====구글 지도(Google Map)====
 
====구글 지도(Google Map)====
*<nowiki>
+
<pre>
 
<googlemap>
 
<googlemap>
 
경도, 위도, 내용
 
경도, 위도, 내용
 
경도, 위도, 내용
 
경도, 위도, 내용
 
</googlemap>
 
</googlemap>
</nowiki>
+
</pre>
  
 
====틀(Template)====
 
====틀(Template)====
*<nowiki>{{틀명}}</nowiki>
+
<pre>
*<nowiki>
+
{{틀명}}
 +
</pre>
 +
 
 +
<pre>
 
{{틀명  
 
{{틀명  
 
| 내용1 = 값  
 
| 내용1 = 값  
 
| 내용2 = 값
 
| 내용2 = 값
 
}}
 
}}
</nowiki>
+
</pre>
  
 
==그림(Photo & Gallery)==
 
==그림(Photo & Gallery)==
 +
*'''[https://www.mediawiki.org/wiki/Help:Images/ko 도움말:그림 - MediaWiki]'''
  
====일반 사진====
+
===파일 올리기===
*문법 : <nowiki>[[파일:umich.png]]</nowiki>
+
  
*표시 : [[파일:umich.png]]
+
====일반적 방법====
 +
#사이드바에 '파일 올리기' 누름
 +
#파일 올림
 +
#필요시 파일명 수정 (새 이름을 주기)
 +
#'파일 올리기' 누름
 +
#파일명을 기억 또는 복사 하여 사진을 넣고 싶은 페이지에 위키 문법을 활용하여 입력
  
=====설정=====
+
*다른 사람이 그 사진을 이미 올렸으면 파일명을 복사하여 사용해야 된다
*width 넓이 : 200px
+
*다른 사람이 이 사진이 어떤 사진인지 알기 쉽게, 또는 다른 사진과 구별하기 위해 적절한 파일명을 선택하면 좋다
 +
 
 +
====MsUpload 방법====
 +
#사진을 추가하고 싶은 페이지의 편집창에 있는 'Drop files here'로 사진을 가져 옴
 +
#'Click here to upload this file' 누름
 +
#사진을 넣고 싶은 위치에 한번 클릭한 다음 'Insert picture'를 누름
 +
#사진의 위치, 크기 등을 위키문법을 활용하여 수정
 +
 
 +
===일반 사진===
 +
<pre>
 +
[[파일:umich.png]]
 +
</pre>
 +
 
 +
[[파일:umich.png]]
 +
 
 +
===설정===
 +
*width 넓이 : 200px, 섬네일
 
*orientation 위치 : left, center, right
 
*orientation 위치 : left, center, right
 
*caption 캡션
 
*caption 캡션
  
 
+
====예시 1====
====예시1====
+
<pre>
*문법 : <nowiki>[[파일:umich.png|center|150px|Go Blue!]]</nowiki>
+
[[파일:umich.png|center|150px|Go Blue!]]
*표시 :
+
</pre>
  
 
[[파일:umich.png|center|150px|Go Blue!]]
 
[[파일:umich.png|center|150px|Go Blue!]]
  
====예시2====
+
====예시 2====
*문법 : <nowiki>[[파일:umich.png|thumb|Go Blue!]]</nowiki>
+
<pre>
*표시 :
+
[[파일:umich.png|thumb|Go Blue!]]
 +
</pre>
  
 
[[파일:umich.png|thumb|Go Blue!]]
 
[[파일:umich.png|thumb|Go Blue!]]
  
====갤러리====
+
===일반 갤러리===
*문법 : <nowiki><gallery>
+
<pre>
 +
<gallery>
 
파일:Lyndsey1.jpg
 
파일:Lyndsey1.jpg
 
파일:umich.png
 
파일:umich.png
</gallery></nowiki>
+
</gallery>
 +
</pre>
  
*표시 :
 
 
<gallery>
 
<gallery>
 
파일:Lyndsey1.jpg
 
파일:Lyndsey1.jpg
73번째 줄: 106번째 줄:
 
</gallery>
 
</gallery>
  
=====설정=====
+
===설정===
*mode
+
*Mode
*height
+
*Height
*caption
+
*Caption
  
*문법 : <nowiki><gallery mode="packed-hover" height="200px" caption="Hello, World!">
+
====예시 1====
파일:Lyndsey1.jpg| Lyndsey
+
<pre>
 +
<gallery mode="packed-hover" height="200px" caption="Hello, World!">
 +
파일:Lyndsey1.jpg|[[린지|Lyndsey]]
 
파일:umich.png|Umich
 
파일:umich.png|Umich
</gallery></nowiki>
+
</gallery>
 
+
</pre>
*표시 :
+
 
<gallery mode="packed-hover" height="200px" caption="Hello, World!">
 
<gallery mode="packed-hover" height="200px" caption="Hello, World!">
파일:Lyndsey1.jpg| Lyndsey
+
파일:Lyndsey1.jpg|[[린지|Lyndsey]]
 
파일:umich.png|Umich
 
파일:umich.png|Umich
 
</gallery>
 
</gallery>
  
 
==표(Table)==
 
==표(Table)==
 +
*'''[https://www.mediawiki.org/wiki/Help:Tables/ko 도움말:표 - MediaWiki]'''
  
====기본====
+
===기본===
<nowiki>
+
<pre>
 
  {|
 
  {|
 
  ! 해딩1 || 해딩2 || 해딩3
 
  ! 해딩1 || 해딩2 || 해딩3
100번째 줄: 136번째 줄:
 
  | 내용1 || 내용2 || 내용3   
 
  | 내용1 || 내용2 || 내용3   
 
  |}
 
  |}
</nowiki>
+
</pre>
  
 
{|
 
{|
110번째 줄: 146번째 줄:
 
|}
 
|}
  
====전체 설정====
+
===설정===
 
"'''<nowiki>{|</nowiki>'''" 다음 HTML 문법처럼 입력
 
"'''<nowiki>{|</nowiki>'''" 다음 HTML 문법처럼 입력
*요소:"값"
+
*요소="값"
 
*element="value"
 
*element="value"
  
120번째 줄: 156번째 줄:
 
*Width: 100%, 300px
 
*Width: 100%, 300px
  
'''예시 1'''
+
====예시 1====
*문법
+
<pre>
<nowiki>
+
 
  {|class="wikitable" style="text-align:center" width="100%"
 
  {|class="wikitable" style="text-align:center" width="100%"
 
  ! 해딩1 || 해딩2 || 해딩3
 
  ! 해딩1 || 해딩2 || 해딩3
130번째 줄: 165번째 줄:
 
  | 내용1 || 내용2 || 내용3   
 
  | 내용1 || 내용2 || 내용3   
 
  |}
 
  |}
</nowiki>
+
</pre>
*표시
+
 
 
{|class="wikitable" style="text-align:center" width="100%"
 
{|class="wikitable" style="text-align:center" width="100%"
 
! 해딩1 || 해딩2 || 해딩3
 
! 해딩1 || 해딩2 || 해딩3
140번째 줄: 175번째 줄:
 
|}
 
|}
  
 
+
====예시 2====
'''예시 2'''
+
<pre>
*문법
+
<nowiki>
+
 
  {|class="wikitable sortable" style="text-align:left" width="500px"
 
  {|class="wikitable sortable" style="text-align:left" width="500px"
  ! 해딩1 || 해딩2 || 해딩3
+
  ! style="width:20%" | 해딩1 || style="width:40%" | 해딩2 || style="width:40%" | 해딩3
 
  |-
 
  |-
 
  | 내용1 || 내용2 || 내용3
 
  | 내용1 || 내용2 || 내용3
151번째 줄: 184번째 줄:
 
  | 내용1 || 내용2 || 내용3   
 
  | 내용1 || 내용2 || 내용3   
 
  |}
 
  |}
</nowiki>
+
</pre>
  
*표시
 
 
{|class="wikitable sortable" style="text-align:left" width="500px"
 
{|class="wikitable sortable" style="text-align:left" width="500px"
! 해딩1 || 해딩2 || 해딩3
+
! style="width:20%" | 해딩1 || style="width:40%" | 해딩2 || style="width:40%" | 해딩3
 
|-
 
|-
 
| 내용1 || 내용2 || 내용3
 
| 내용1 || 내용2 || 내용3
163번째 줄: 195번째 줄:
  
 
==구글 지도(Google Map)==
 
==구글 지도(Google Map)==
 +
 +
===기본===
 +
<pre>
 +
<googlemap>
 +
43.622597, -84.227780, Lyndsey
 +
</googlemap>
 +
</pre>
 +
 +
<googlemap>
 +
43.622597, -84.227780, Lyndsey
 +
</googlemap>
 +
 +
===설정===
 
'''googlemap 태그 안에 설정하는 요소'''
 
'''googlemap 태그 안에 설정하는 요소'''
 
*width : 지도 넓이
 
*width : 지도 넓이
168번째 줄: 213번째 줄:
 
*lat : 지도 중심 경도
 
*lat : 지도 중심 경도
 
*lon : 지도 중심 위도
 
*lon : 지도 중심 위도
*type : 지도 모양 (도로가 보이는지, 지형이 보이는지 등)
+
*type : 지도 모양 (도로가 보이는지, 지형이 보이는지 등) - normal, satellite, hybrid
*zoom : 보이는 지구의 넓이, 1부터 작은 번호가 넓다
+
*zoom : 보이는 지구의 넓이, 1부터 15까지, 작은 번호가 넓고 큰 번호가 좁다
 
*icon : 지도에 뜨는 표시 모양
 
*icon : 지도에 뜨는 표시 모양
  
'''입력할 정도'''
+
'''입력할 정보'''
*경도, 위도, 보이는 정보
+
*경도, 위도, 보이는 텍스트
  
===='''예시 1'''====
+
====예시 1====
*문법
+
<pre>
<nowiki>
+
<googlemap width="900" height="400" lat="37.609982" lon="126.555589" type="hybrid" zoom="1" icon="http://dh.aks.ac.kr/Edu/wiki/images/1/1e/Umich.png">
<googlemap width="900" height="400" lat="37.609982" lon="126.555589" type="normal" zoom="1" icon="http://maps.google.com/mapfiles/marker.png">
+
 
43.622597, -84.227780, [[린지|Lyndsey]] - Michigan, USA
 
43.622597, -84.227780, [[린지|Lyndsey]] - Michigan, USA
 
-27.465666, 153.026409, Russell (Team 1) - Australia
 
-27.465666, 153.026409, Russell (Team 1) - Australia
185번째 줄: 229번째 줄:
 
-11.9706636, -77.0599696, Evelyn (Team 5) - Peru
 
-11.9706636, -77.0599696, Evelyn (Team 5) - Peru
 
</googlemap>
 
</googlemap>
</nowiki>
+
</pre>
  
*표시
+
<googlemap width="900" height="400" lat="37.609982" lon="126.555589" type="hybrid" zoom="1" icon="http://dh.aks.ac.kr/Edu/wiki/images/1/1e/Umich.png">
<googlemap width="900" height="400" lat="37.609982" lon="126.555589" type="normal" zoom="1" icon="http://maps.google.com/mapfiles/marker.png">
+
 
43.622597, -84.227780, [[린지|Lyndsey]] - Michigan, USA
 
43.622597, -84.227780, [[린지|Lyndsey]] - Michigan, USA
 
-27.465666, 153.026409, Russell (Team 1) - Australia
 
-27.465666, 153.026409, Russell (Team 1) - Australia
196번째 줄: 239번째 줄:
 
</googlemap>
 
</googlemap>
  
===='''예시 2'''====
+
====예시 2====
*문법
+
<pre>
<nowiki>
+
<googlemap width="400" height="400" lat="37.754174" lon="126.478853" type="normal" zoom="15" icon="http://maps.google.com/mapfiles/marker.png">
<googlemap width="400" height="400" lat="37.754174" lon="126.478853" type="normal" zoom="11" icon="http://maps.google.com/mapfiles/marker.png">
+
 
37.754225, 126.478863, [http://ganghwagirls.icehs.kr/ 강화여자고등학교]  
 
37.754225, 126.478863, [http://ganghwagirls.icehs.kr/ 강화여자고등학교]  
 
37.755279, 126.473231, [[GGHS 2019 Winter - Team 1#4. Ganghwasanseong Mountain Fortress|강화산성]]
 
37.755279, 126.473231, [[GGHS 2019 Winter - Team 1#4. Ganghwasanseong Mountain Fortress|강화산성]]
 
</googlemap>
 
</googlemap>
</nowiki>
+
</pre>
  
*표시
 
 
<googlemap width="400" height="400" lat="37.754174" lon="126.478853" type="normal" zoom="11" icon="http://maps.google.com/mapfiles/marker.png">
 
<googlemap width="400" height="400" lat="37.754174" lon="126.478853" type="normal" zoom="11" icon="http://maps.google.com/mapfiles/marker.png">
 
37.754225, 126.478863, [http://ganghwagirls.icehs.kr/ 강화여자고등학교]  
 
37.754225, 126.478863, [http://ganghwagirls.icehs.kr/ 강화여자고등학교]  
 
37.755279, 126.473231, [[GGHS 2019 Winter - Team 1#4. Ganghwasanseong Mountain Fortress|강화산성]]
 
37.755279, 126.473231, [[GGHS 2019 Winter - Team 1#4. Ganghwasanseong Mountain Fortress|강화산성]]
 
</googlemap>
 
</googlemap>
 +
 +
 +
==분류(Category)==
 +
*'''[https://www.mediawiki.org/wiki/Help:Categories/ko 도움말:분류 - MediaWiki]'''
 +
 +
 +
*비슷한 성격 또는 내용이 있는 페이지들을 분류하기 위한 기능
 +
*분류 링크는 보통 문서 맨 아래에 적는다
 +
*분류 링크가 문서 텍스트에 보이지 않으나 맨 아래의 있는 분류 박스에 뜬다
 +
 +
<pre>
 +
[[분류:분류이름]]
 +
</pre>
  
 
==틀(Template)==
 
==틀(Template)==
'''입력 방법'''
+
*'''[https://www.mediawiki.org/wiki/Help:Templates/ko 도움말:틀 - MediaWiki]'''
* <nowiki>{{틀명
+
 
| 내용1 = 값
+
 
| 내용2 = 값
+
*같은 형태, 구조를 여러 페이지에 활용할 때 씀
}}</nowiki>
+
**예 : infobox, button
*infobox, button
+
*일관성이 있는 디자인, 정보
*자주 사용할 형태, 구조
+
 
*한번에 디자인 바꾸기 쉽다
 
*한번에 디자인 바꾸기 쉽다
 +
*변수를 통해 정보 입력 가능
 +
*틀이 정해져 있어서 수정의 한계가 있다
 +
 +
===기본===
 +
<pre>
 +
{{틀명}}
 +
</pre>
 +
 +
<pre>
 +
{{틀명
 +
| 변수1 = 값
 +
| 변수2 = 값
 +
}}
 +
</pre>
 +
 +
===설정===
 +
 +
====예시 1====
 +
*[[:틀:2018GGHS]]
 +
<pre>
 +
{{2018GGHS}}
 +
</pre>
 +
{{2018GGHS}}
 +
 +
====예시 2====
 +
* [[:틀:수강생정보]]
 +
<pre>
 +
{{수강생정보
 +
|사진 = Umich.png
 +
|이름 = 린지
 +
|영문 = Lyndsey
 +
|학번 =
 +
|전공 = Cultural Informatics
 +
|소속 = AKS
 +
|학번 =
 +
|메일 =
 +
|위키아이디=
 +
}}
 +
</pre>
 +
 +
{{수강생정보
 +
|사진 = Umich.png
 +
|이름 = 린지
 +
|영문 = Lyndsey
 +
|학번 =
 +
|전공 = Cultural Informatics
 +
|소속 = AKS
 +
|학번 =
 +
|메일 =
 +
|위키아이디=
 +
}}

2019년 3월 14일 (목) 20:12 기준 최신판

기본 형태

그림(Photo & Gallery)

일반 사진

[[파일:filename.jpg]]

갤러리

<gallery>
파일:filename1.jpg
파일:filename2.jpg
</gallery>

표(Table)

{|
! 해딩1 || 해딩2 || 해딩3
|-
| 내용1 || 내용2 || 내용3
|-
| 내용1 || 내용2 || 내용3  
|}

구글 지도(Google Map)

<googlemap>
경도, 위도, 내용
경도, 위도, 내용
</googlemap>

틀(Template)

{{틀명}}
{{틀명 
| 내용1 = 값 
| 내용2 = 값
}}

그림(Photo & Gallery)

파일 올리기

일반적 방법

  1. 사이드바에 '파일 올리기' 누름
  2. 파일 올림
  3. 필요시 파일명 수정 (새 이름을 주기)
  4. '파일 올리기' 누름
  5. 파일명을 기억 또는 복사 하여 사진을 넣고 싶은 페이지에 위키 문법을 활용하여 입력
  • 다른 사람이 그 사진을 이미 올렸으면 파일명을 복사하여 사용해야 된다
  • 다른 사람이 이 사진이 어떤 사진인지 알기 쉽게, 또는 다른 사진과 구별하기 위해 적절한 파일명을 선택하면 좋다

MsUpload 방법

  1. 사진을 추가하고 싶은 페이지의 편집창에 있는 'Drop files here'로 사진을 가져 옴
  2. 'Click here to upload this file' 누름
  3. 사진을 넣고 싶은 위치에 한번 클릭한 다음 'Insert picture'를 누름
  4. 사진의 위치, 크기 등을 위키문법을 활용하여 수정

일반 사진

[[파일:umich.png]]

Umich.png

설정

  • width 넓이 : 200px, 섬네일
  • orientation 위치 : left, center, right
  • caption 캡션

예시 1

[[파일:umich.png|center|150px|Go Blue!]]
Go Blue!

예시 2

[[파일:umich.png|thumb|Go Blue!]]
Go Blue!

일반 갤러리

<gallery>
파일:Lyndsey1.jpg
파일:umich.png
</gallery>

설정

  • Mode
  • Height
  • Caption

예시 1

<gallery mode="packed-hover" height="200px" caption="Hello, World!">
파일:Lyndsey1.jpg|[[린지|Lyndsey]]
파일:umich.png|Umich
</gallery>

표(Table)

기본

 {|
 ! 해딩1 || 해딩2 || 해딩3
 |-
 | 내용1 || 내용2 || 내용3
 |-
 | 내용1 || 내용2 || 내용3  
 |}
해딩1 해딩2 해딩3
내용1 내용1 내용1
내용1 내용2 내용3

설정

"{|" 다음 HTML 문법처럼 입력

  • 요소="값"
  • element="value"

자주 쓰는 요소와 값

  • Class: wikitable, wikitable sortable
  • Style: text-align:center
  • Width: 100%, 300px

예시 1

 {|class="wikitable" style="text-align:center" width="100%"
 ! 해딩1 || 해딩2 || 해딩3
 |-
 | 내용1 || 내용2 || 내용3
 |-
 | 내용1 || 내용2 || 내용3  
 |}
해딩1 해딩2 해딩3
내용1 내용2 내용3
내용1 내용2 내용3

예시 2

 {|class="wikitable sortable" style="text-align:left" width="500px"
 ! style="width:20%" | 해딩1 || style="width:40%" | 해딩2 || style="width:40%" | 해딩3
 |-
 | 내용1 || 내용2 || 내용3
 |-
 | 내용1 || 내용2 || 내용3  
 |}
해딩1 해딩2 해딩3
내용1 내용2 내용3
내용1 내용2 내용3

구글 지도(Google Map)

기본

<googlemap>
43.622597, -84.227780, Lyndsey
</googlemap>

설정

googlemap 태그 안에 설정하는 요소

  • width : 지도 넓이
  • height : 지도 높이
  • lat : 지도 중심 경도
  • lon : 지도 중심 위도
  • type : 지도 모양 (도로가 보이는지, 지형이 보이는지 등) - normal, satellite, hybrid
  • zoom : 보이는 지구의 넓이, 1부터 15까지, 작은 번호가 넓고 큰 번호가 좁다
  • icon : 지도에 뜨는 표시 모양

입력할 정보

  • 경도, 위도, 보이는 텍스트

예시 1

<googlemap width="900" height="400" lat="37.609982" lon="126.555589" type="hybrid" zoom="1" icon="http://dh.aks.ac.kr/Edu/wiki/images/1/1e/Umich.png">
43.622597, -84.227780, [[린지|Lyndsey]] - Michigan, USA
-27.465666, 153.026409, Russell (Team 1) - Australia
44.031886, 43.036818, Evgeniia (Team 2) - Piatigorsk, Russia
28.620358, 77.422647, Anand (Team 4) - India
-11.9706636, -77.0599696, Evelyn (Team 5) - Peru
</googlemap>

예시 2

<googlemap width="400" height="400" lat="37.754174" lon="126.478853" type="normal" zoom="15" icon="http://maps.google.com/mapfiles/marker.png">
37.754225, 126.478863, [http://ganghwagirls.icehs.kr/ 강화여자고등학교] 
37.755279, 126.473231, [[GGHS 2019 Winter - Team 1#4. Ganghwasanseong Mountain Fortress|강화산성]]
</googlemap>


분류(Category)


  • 비슷한 성격 또는 내용이 있는 페이지들을 분류하기 위한 기능
  • 분류 링크는 보통 문서 맨 아래에 적는다
  • 분류 링크가 문서 텍스트에 보이지 않으나 맨 아래의 있는 분류 박스에 뜬다
[[분류:분류이름]]

틀(Template)


  • 같은 형태, 구조를 여러 페이지에 활용할 때 씀
    • 예 : infobox, button
  • 일관성이 있는 디자인, 정보
  • 한번에 디자인 바꾸기 쉽다
  • 변수를 통해 정보 입력 가능
  • 틀이 정해져 있어서 수정의 한계가 있다

기본

{{틀명}}
{{틀명 
| 변수1 = 값 
| 변수2 = 값
}}

설정

예시 1

{{2018GGHS}}
2018GGHS.png


예시 2

{{수강생정보
|사진 = Umich.png
|이름 = 린지
|영문 = Lyndsey
|학번 = 
|전공 = Cultural Informatics
|소속 = AKS
|학번 = 
|메일 =
|위키아이디=
}}