초보자를 위한 데봇위키사용법
  • Home
  • 컴퓨터로 보실때 글자가 작다면 Ctrl키를 누른상태에서 마우스휠을 위로 굴리면 화면이 확대됩니다.

1. 기초 중의 기초


1.1. 새로운 관리자를 맞이하는 법


기존 관리자와 새 관리자가 될 유저, 총 두 명이 필요하다.

새 관리자 : 새로운 관리자가 되고자 할 유저는 위키닷사이트 회원가입을 한다. 그 후 데봇위키사이트 회원가입을 한다.

기존 관리자 : 새 관리자가 회원가입을 마친 후, 기존 관리자직책을 가진 유저는 관리자페이지로 접속한다.
회원 - 회원목록 탭으로 이동한 후 새로 가입한 유저를 <관리자로부터>로 승격시킨다.

이제부터 새 관리자는 문서 편집과 작성이 가능하다.

1.2. 새 페이지를 여는 법


데봇위키 사이트 메인으로 이동한다.
탭에서 <새 페이지를 열어보자>를 선택하고 입력창에 영어와 숫자로 페이지명을 만든다.
저장한다.

1.3. 페이지를 편집하는 법


해당 페이지에 접속한다.
하단 메뉴바에서 편집을 클릭한다.
편집한다.

1.4. 좌측 사이드바 편집하는 법


사이드바 페이지로 간다.
편집을 누르고 원하는 내용을 입력한다.

예) [[[start | 홈]]]를 입력시 사이드바에 홈이 추가되고 누를 시 데봇위키 홈으로 이동한다.

링크거는 방법은 아래 참고.

2. 글자


2.1. 글자 스타일


굵게

**글자**

비스듬히

//글자//

취소선

--글자--

밑줄

__글자__

색깔

##원하는 색깔|입력하고싶은 내용##

예) ##purple|무지개의 마지막 색##을 입력 시, 실제 페이지에는 다음과 같이 표시된다.
무지개의 마지막 색

또는 다음과 같은 방식을 사용해도 된다.

[[span style="color:원하는 색깔;"]]글자[[/span]]

예) [[span style="color:red;"]]무지개의 첫번째 색[[/span]]을 입력 시, 실제 페이지에는 다음과 같이 표시된다.
무지개의 첫번째 색

인용구 삽입

> 인용구

2.2. 글자 크기


큰 글자

[[size large]]글자[[/size]]

작은 글자

[[size small]]글자[[/size]]

더 큰 글자

[[size x-large]]글자[[/size]]

크고 아름다운 글자

[[size xx-large]]글자[[/size]]

3. 문단


3.1. 목차표 넣기


이 명령어를 문서 맨 위에 삽입해야만 목차가 생깁니다. 목차에 표기되는 내용은 큰 표제, 작은 표제, 더 작은 표제 등입니다.

[[toc]]

3.2. 표제 넣기


큰 표제

+ 표제

작은 표제

++ 표제

더 작은 표제

+++ 표제

문단 나누기

------

3.3. 각주 달기


이 명령어를 삽입하면 해당 위치에 각주를 달 수 있고 내용은 문서 가장아래에 표시됩니다.

[[footnote]] 글자[[/footnote]]

예) 박명수[[footnote]]벼멸구[[/footnote]]는 코미디언이다.
그는 무한도전의 멤버이다. 를 입력시 다음과 같이 입력된다.

박명수$^1$는 코미디언이다.
그는 무한도전의 멤버이다.

1. 벼멸구

3.4. 표 삽입


문서에 표를 삽입합니다.

||~ ||는 표에서 표제를 담당합니다.
|| ||는 표에서 내용을 담당합니다.

예)
||~ 루피||~ 뉴게이트||~ 링링||~ 카이도||~ 티치||~ 샹크스||~ 사카즈키||~ 드래곤||~ 버기||~ 돈 클리크||
||조로||마르코||카타쿠리||킹||시류||벤 베크만||잇쇼||사보||갤디노||깅||
||상디||죠즈||스무디||퀸||바제스||야솝||보르살리노||이완코브||알비다||파알||
||징베||비스타||크래커||잭||반 오거||럭키루||--도르돈--||쿠마||모디||아이디어맨||
를 입력시, 뭔가 이상한게 껴있다

루피 뉴게이트 링링 카이도 티치 샹크스 사카즈키 드래곤 버기 돈 클리크
조로 마르코 카타쿠리 시류 벤 베크만 잇쇼 사보 갤디노
상디 죠즈 스무디 바제스 야솝 보르살리노 이완코브 알비다 파알
징베 비스타 크래커 반 오거 럭키루 도르돈 쿠마 모디 아이디어맨

위와같은 표가 생성됩니다.

3.5. 펼치기/접기


긴 내용을 포함하거나, 내용의 흐름을 해치는 문단은 접이식으로 나타낼 수 있습니다.

[[collapsible show="▼ 열기 전 나타나는 내용" hide="연 후 나타나는 내용"]]
문단 내용
[[/collapsible]]

예) [[collapsible show="▼ 개미핥기란?" hide="숨기기"]]
바나, 초원, 낙엽수림 등에 서식하며 아메리카 대륙에 주로 분포하는 유모목(有毛目) 개미핥기아목의 포유류를 뜻한다.
[[/collapsible]]를 입력 시, 실제 문서에 표시되는 내용은 다음과 같습니다.


 

3.6. 타이틀 넣기


문서 내 타이틀페이지로 이동해 사용하고 싶은 명령어를 복사한 후 넣고 싶은 문서에 삽입합니다.

예) [[include title:studyhard]]를 입력하면 다음과 같은 타이틀이 삽입됩니다.

{$caption}


주의! 이 문서는 공부클라스가 다릅니다.

이 문서에서 요구하는 공부량은 클라스와 레베루가 다릅니다.
어서 위키끄고 공부하러 가는 편이 좋습니다.

{$caption}과 같은 명령어가 있는 경우엔 각 caption에따라 넣고 싶은 문서에 추가로 정의해주면 됩니다.

방심하지 마십시오! 타이틀을 예시로 들자면 다음과 같이 입력하면 됩니다.

[[include title:updown
|caption1=거창국제학교
|caption2=풋내기의대생
|caption3=진짜 의대
]]

정상적으로 했을 시 다음과 같이 {$caption}이 있던 자리에 위에 정의해준 문자들이 입력되어 타이틀이 삽입됩니다.

{$caption}


방심하지 마십시오!

"거창국제학교를 통과했다고 해서 너무 방심한 거 아닌가? 넌 단지 풋내기의대생, 난 풋내기의대생마저 떨구는 진짜 의대다!! 나와 네놈의 능력은 완전히 상하관계에 있다!!!"

타이틀을 제작할 수도 있습니다.

4. 링크


4.1. 사이트 내부 링크


데봇위키 사이트 내부에서의 링크를 거는 명령어입니다.

[[[사이트 내의 주소 | 문서에 표기되는 글자]]]

회원가입 페이지의 웹주소는 http://debotwiki.wikidot.com/join이지만 사이트 내 링크를 걸때는 사이트 내의 주소만 사용하면 됩니다. 즉 join만 입력하면 됩니다.

예) [[[join | 회원가입]]] 이라는 명령어를 입력하면 문서엔 회원가입이라고 표기되고 누르면 회원가입페이지로 이동됩니다.

4.2. 외부사이트 하이퍼링크


외부사이트로의 하이퍼링크를 거는 명령어입니다.

[실제URL 문서에표기되는글자]

예) [https://www.google.com 구글]이라는 명령어를 입력하면 문서엔 구글이라고 표기되고 누르면 구글 홈으로 이동됩니다.

대괄호 뒤에 *을 삽입하면 새 창에서 열리게 할 수 있습니다.

예) [*https://www.google.com 구글]

[[[실제URL | 문서에표기되는글자]]]로도 외부링크를 걸 수 있으나 이 경우엔 전체 URL을 모두 기입해야 합니다.

예) [[[http://www.google.com | 구글]]]

"http://"를 빼먹으면 링크가 걸리지 않습니다.

4.3. 페이지에 파일을 업로드하는 방법


해당 페이지로 들어갑니다.

하단 메뉴바에서 <파일>을 클릭하고 업로드합니다.
업로드 된 파일의 <정보>를 클릭하면 해당 파일의 주소가 나옵니다. 이를 복사하여 링크를 걸면 됩니다.

예) 데봇위키 홈에 업로드 되어있는 추천일렉 파일로 예시를 들어보겠습니다. 해당 파일의 주소는 http://debotwiki.wikidot.com/local--files/start/%EC%B6%94%EC%B2%9C-> %EC%9D%BC%EB%A0%89%ED%8B%B0%EB%B8%8C-%EC%88%98%EC%A0%95.docx이며,

[*http://debotwiki.wikidot.com/local--files/start/%EC%B6%94%EC%B2%9C->?%EC%9D%BC%EB%A0%89%ED%8B%B0%EB%B8%8C-%EC%88%98%EC%A0%95.docx 추천일렉]를 입력시,

페이지에 실제표기되는 글자는 추천일렉이고 누를 시 해당파일이 다운로드됩니다.

4.4. 페이지 내에 사진 삽입하기


일단 해당 페이지에 사진/그림 파일을 업로드해야 합니다.

천재작가 이말년 씨의 짤로 예를 들어보겠습니다.
짤을 업로드 합니다.
그 후, [[image %EC%94%A8%EC%9D%B5.jpg size="small"]]를 입력하거나, 툴탭에서 '이미지 삽입 마법사'를 클릭한 후 첨부파일에서 해당 그림파일을 선택하면 됩니다. 후자의 경우, 사이즈도 조절가능하니 적당한 크기로 정해주면 됩니다.

제대로 되었다면 다음과 같은 짤이 삽입됩니다.
%EC%94%A8%EC%9D%B5.jpg 스몰사이즈
%EC%94%A8%EC%9D%B5.jpg 썸네일 사이즈%EC%94%A8%EC%9D%B5.jpg스퀘어 사이즈

굳이 페이지에 업로드 할 필요없이 외부링크를 이용해도 되나, 이 경우엔 외부링크의 원 주소가 변경되었을 시1 사진이 제대로 표시되지 않을 수 있습니다.
또한 외부이미지를 사용할 경우에는 size="원하는 사이즈" 명령어 대신에 다음 명령어를 추가해야 합니다.

width="원하는 픽셀사이즈px"

예) 마찬가지로 천재작가 이말년 씨의 그림을 예로 들어보겠습니다.
https://2.bp.blogspot.com/-C7idPeMZZKM/WHm6cGJwi-I/AAAAAAAAA-g/wHZWQ2M34ic0BPGjhh3FjG_7AydYcxy_gCLcB/s1600/2.jpg이미지의 웹주소를 구한 후 명령어에 입력합니다. 그 후 width="200px"명령어를 대괄호 안쪽에 추가해줍니다.

[[image https://2.bp.blogspot.com/-C7idPeMZZKM/WHm6cGJwi-I/AAAAAAAAA-g/wHZWQ2M34ic0BPGjhh3FjG_7AydYcxy_gCLcB/s1600/2.jpg width="200px"]]
제대로 했다면 다음과 같은 이미지가 삽입됩니다.

2.jpg

※ px앞에 띄어쓰기를 하면 명령어가 무효가 됩니다.
width말고도 height도 조정할 수 있습니다.

4.5. 페이지 내에 비디오 삽입하기


페이지 내에 비디오를 삽입하는 명령어입니다.

[[html]]
이곳에 html코드를 복붙하면 됩니다.
[[/html]]

예) 유투브 비디오를 삽입하여 보겠습니다. 먼저 원하는 유투브 영상으로 접근합니다. "거창국제학교 학교생활 part1."을 예시로 들어보겠습니다. 공유(Share)를 클릭합니다. 퍼가기(Embed)를 클릭 시,
<iframe width="560" height="315" src="https://www.youtube.com/embed/eXI9XQn-bSk" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>라는 코드가 나타납니다.

복사한 후 명령어 사이에 붙여넣습니다.

[[html]]
<iframe width="560" height="315" src="https://www.youtube.com/embed/eXI9XQn-bSk" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
[[/html]]를 입력시 문서에 나타나는 내용은 다음과 같습니다.


끝까지 다 보면 용자다
연관 영상이 다른 의미로 엄청나다

비디오 외에도 오디오나 위젯 등을 삽입할 수 있으니 다양하게 활용할 수 있습니다.

데이터네트워크를 사용하는 유저들을 위해 비디오는 3.5.에서 설명한 툴과 함께 활용하면 좋습니다.

4.6. 사진에 하이퍼링크 걸기


이 명령어를 사용하면 사진/그림에 하이퍼링크를 삽입할 수 있으며, 해당 사진을 클릭 시 특정 사이트로 이동됩니다.

일단, 삽입하고 싶은 이미지의 웹주소와 링크하고자 하는 사이트의 웹주소를 찾습니다.

그 후, 이미지 하이퍼링크페이지로 이동해 원하는 명령어를 복사합니다.

마지막으로 이미지를 삽입하고 싶은 페이지로 이동해 복사한 명령어를 붙여넣습니다.

예) Default틀을 사용해 거창국제학교 학생들의 사진으로 영상편지 유투브 비디오로의 링크를 걸어보겠습니다.
Default틀의 명령어를 복사한 후 삽입하고자 하는 페이지에 붙여넣습니다. 원하는 이미지의 웹주소와 링크될 동영상의 웹주소도 복사해 입력해줍니다.
[[include imagelink:default
|width=270px
|image=https://i.ytimg.com/vi/Oo-CInaf5nk/hqdefault.jpg
|caption=영상편지
|link=https://www.youtube.com/watch?v=Oo-CInaf5nk
]]

제대로 완성하였다면 다음과 같은 내용이 문서에 나타나며 클릭 시 지정해둔 영상으로 링크됩니다.

영상편지
영상편지

요나폿키바녹

사진의 틀을 수정하고 싶은 경우에는 다음과 같이 하면 됩니다.


 
 
 
 
 
 
 

이 문서가 도움이 됐습니까?

0명의 회원이 0의 별점을 주셨습니다.
따로 명시하지 않는 한에서 이 사이트의 모든 콘텐츠는 다음의 라이선스를 따릅니다: Creative Commons Attribution-ShareAlike 3.0 License