<div id="readability-page-1" class="page"><div class="page">
 


 
<div id="dw__toc">
<h3>목차</h3>

</div>


<h2 id="arctic_템플릿_변경">Arctic 템플릿 변경</h2>




<h2 id="arctic_변경">arctic 변경</h2>


<h2 id="글자_크기_변경">글자 크기 변경</h2>
<div>
<ul>
<li> style.ini : [replacements] → __font_size__ 값을 변경
</li>
</ul>

</div>

<h2 id="폰트_한글_넣기">폰트 한글 넣기</h2>
<div>
<ul>
<li> arctic_design.css : body { 부분에서 font 설정 부분에 한글 폰트 추가
</li>
</ul>
<pre>body {
 font: __font_size__ "Trebuchet MS", "Meiryo", "Mangun Gothic", Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
 color: __text__;
 margin: __body_margin__;
 line-height: __line_height__;
 background: __body_background__;
}</pre>

</div>

<h2 id="code_블럭에_대해서_폰트_크기_변경">code 블럭에 대해서 폰트 크기 변경</h2>
<div>
<ul>
<li> arctic_design.css 파일 내용 변경
</li>
<li> arctic_design.css 파일에서 div.dokuwiki pre.code 부분을 찾아서 변경
</li>
</ul>
<pre>/* code blocks by indention */
div.dokuwiki pre.code,
div.dokuwiki pre.file {
 width: auto !important;
 width: 98%;
 font-size: 90%; /* &lt;-- 폰트 크기 추가, 살짝 작게 */
 font-family: Consolas, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Malgun Gothic", Mono; /* &lt;- 폰트 변경 */
}</pre>

</div>

<h2 id="목차_toc_부분_글꼴_작게">목차(TOC) 부분 글꼴 작게</h2>
<div>
<ul>
<li> arctic_design.css 파일에서 div.dokuwiki ul.toc { 부분을 찾아서
</li>
<li> font-size:83% /*적당한 크기로*/
<ul>
<li> 80%는 너무 작고, 85%는 조금 큰 느낌.
</li>
</ul>
</li>
</ul>
<pre>div.dokuwiki ul.toc {
 font-family: "Trebuchet MS", "Dotum", Sans-Serif;
 padding-left: 0.1em;
 font-size:100%;
}</pre>

</div>

<h2 id="전체_인덱스의_글꼴을_작게">전체 인덱스의 글꼴을 작게</h2>
<div>
<ul>
<li> 파일 : arctic_design.css 
</li>
</ul>
<pre>div.dokuwiki div.sidebar_box { /* ... */ }
&nbsp;
/* or */
&nbsp;
div.dokuwiki aside.sidebar_box { /* ... */ }</pre>
<ul>
<li> font-size : 80% 와 같은 적당한 크기로 조절한다. 난 작은걸 원했다.
</li>
<li> 없으면 추가
</li>
</ul>

</div>

<h2 id="실제_목차_글꼴의_크기를_변경">실제 목차 글꼴의 크기를 변경</h2>
<div>
<ul>
<li> arctic_design.css 
</li>
<li> 아래에 해당되는 부분을 수정해서 정리한다. (line 194 정도)
</li>
<li> 폰트 변경을 하려는 경우에도 수정 가능
</li>
</ul>
<pre>/* special headlines */
div.dokuwiki h1 {font-size: 145%; font-weight: bold; font-family: "SeoulHangang", NanumMyeongjo, Batang, Serif;}
div.dokuwiki h2 {font-size: 140%; font-weight: bold; font-family: "SeoulHangang", NanumMyeongjo, Batang, Serif;}
div.dokuwiki h3 {font-size: 135%; font-weight: bold; font-family: "SeoulHangang", NanumMyeongjo, Batang, Serif;}
div.dokuwiki h4 {font-size: 130%; font-weight: bold; font-family: "SeoulHangang", NanumMyeongjo, Batang, Serif;}
div.dokuwiki h5 {font-size: 120%; font-weight: bold; font-family: "SeoulHangang", NanumMyeongjo, Batang, Serif;}</pre>

</div>

<h2 id="목차에서_왼쪽_여백을_제거">목차에서 왼쪽 여백을 제거</h2>
<div>
<ul>
<li> design.css 파일에서 h{1-5} 찾아서 수정
</li>
</ul>
<pre>/* special headlines */
div.dokuwiki h1 {font-size: 160%; margin-left: 0px; font-weight: bold;}
div.dokuwiki h2 {font-size: 150%; margin-left: 0px; font-weight: bold; } /* 20px */
div.dokuwiki h3 {font-size: 140%; margin-left: 0px; font-weight: bold;} /* 40px; border-bottom: none; */
div.dokuwiki h4 {font-size: 120%; margin-left: 0px; font-weight: bold;} /* 60px; border-bottom: none; */
div.dokuwiki h5 {font-size: 100%; margin-left: 0px; font-weight: bold;} /* 80px; border-bottom: none; */
&nbsp;
/* indent different sections */
div.dokuwiki div.level1 { margin-left: 3px; }
div.dokuwiki div.level2 { margin-left: 3px; } /* prev 23px; */
div.dokuwiki div.level3 { margin-left: 3px; } /* prev 43px; */
div.dokuwiki div.level4 { margin-left: 3px; } /* prev 63px; */
div.dokuwiki div.level5 { margin-left: 3px; } /* prev 83px; */</pre>

</div>

<h2 id="상단_배경에_이미지_추가">상단 배경에 이미지 추가</h2>
<div>
<ul>
<li> arctic_layout.css
</li>
</ul>
<pre>div.dokuwiki .header {
 height: __header_height__;
 border: 0px solid __border__; /* 1px -&gt; 0px */
 background-color: __header_background__;
 margin-bottom: 0.0em; /* 0.2 -&gt; 0.0 */
/* added two lines */
 background-image: url(images/logo-background.png); 
 background-repeat: no-repeat;
}</pre>

</div>

<h2 id="헤더_높이를_추가된_배경이미지에_맞춤">헤더 높이를 추가된 배경이미지에 맞춤</h2>
<div>
<ul>
<li> style.ini
</li>
</ul>
<pre>[replacements]
...
; __header_height__ = "5em"
__header_height__ = "50px"
...</pre>

</div>

<h2 id="code_coloring_변경하려면">code coloring 변경하려면</h2>
<div>


폴더&amp;파일(Geshi 컬러링 정보가 있는 곳) : (wiki 폴더)/lib/styles/screen.css 



코드부분 : 

<pre>.code : 이후의 키워드</pre>


또 다른 파일

<ul>
<li> arctic_design.css
</li>
</ul>
<pre>div.dokuwiki pre.code,
div.dokuwiki pre.file</pre>


이 css 태그 부분에 배경색이나 폰트를 결정할 수 있다.


</div>

<h2 id="스킨수정130804">스킨수정 : 130804</h2>
<div>
<pre>arctic_design.css

div#wrapper {
- border comment

arctic_layout.css

div.dokuwiki .pagename {
- font-size : 180 -&gt; 150

div.dokuwiki .bar {
- border-left, border-right 
 add
	
style.ini

__body_background__ : 
	"#f8f8f8" &gt; "#ffffff"</pre>

</div>

<h2 id="스킨수정140523">스킨수정 : 140523</h2>


<h3 id="상단_topbar_배경색_변경">상단 TopBar 배경색 변경</h3>
<div>




arctic_layout.css

<pre>top__bar
 "div.dokuwiki .bar" 에서 배경색상 변경
 background : #f9efe4; -&gt;
 background : #FFDEBA;</pre>

</div>

<h3 id="code_배경색과_특정_키워드_색을_더_진하게">Code 배경색과 특정 키워드 색을 더 진하게</h3>
<div>


style.ini

<pre>code tag 영역 배경 색 변경
 __background_other__ 값 변경 (EBFFE7)</pre>

</div>

<h2 id="h3_제목에도_밑줄_넣기">H3 제목에도 밑줄 넣기</h2>
<div>


design.css 파일에서 3번째 제목부터 밑줄을 긋지 않게 되어 있는데, 여기 수정.



이 파일을 arctic_design.css 파일보다 더 늦게 읽어오는 모냥.

<pre>/* special headlines */
div.dokuwiki h1 {font-size: 160%; margin-left: 0px; font-weight: bold;}
div.dokuwiki h2 {font-size: 150%; margin-left: 20px;}
div.dokuwiki h3 {font-size: 140%; margin-left: 40px; border-bottom: none; font-weight: bold;}
div.dokuwiki h4 {font-size: 120%; margin-left: 60px; border-bottom: none; font-weight: bold;}
div.dokuwiki h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;}</pre>

</div>

<h2 id="tag_cloud">Tag Cloud</h2>
<div>


태그의 글꼴 크기를 변경 하려면,

<pre>.dokuwiki div.cloud a.cloud1_tag2 { font-size: 8px; color: #F0CED7; }
.dokuwiki div.cloud a.cloud2_tag2 { font-size: 9px; color: #E5AEBC; }
.dokuwiki div.cloud a.cloud3_tag2 { font-size: 10px; color: #DB889D; }
.dokuwiki div.cloud a.cloud4_tag2 { font-size: 11px; color: #C24A68; }
.dokuwiki div.cloud a.cloud5_tag2 { font-size: 12px; color: #9E0028; }</pre>

</div>

<h2 id="레거시_-_이제는_필요_없음">레거시 - 이제는 필요 없음</h2>


<h2 id="ace_editor_글자_크기_변경">ACE EDITOR 글자 크기 변경</h2>
<div>


플러그인의 style.css 파일 변경

<pre>/* 원본은 1.2em, 더 작은 글꼴이 필요해서 수정함 */
/* 최신 버젼에서는 폰트 사이즈를 상속 받는 것으로 변경, &gt;&gt; 폰트 크기를 결정하고 폰트도 변경함 */
.ace-doku .ace_editor {
 /*font-size: inherit;*/
 font-size: 0.98em;
 font-family: Consolas, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Malgun Gothic", Mono;
}</pre>

</div>

<h2 id="editsection2_버튼_위치_변경">EDITSECTION2 버튼 위치 변경</h2>
<div>
<pre>body div.dokuwiki div.secedit input.button,
body div.dokuwiki div.editbutton_section input.button {
 margin-top: 0.9em; /* 이 부분을 변경해서, 버튼 위치를 변경한다. (-)면 위로 (+)면 아래로.
}</pre>

</div>

<h2 id="dokumobile_추가">dokumobile 추가</h2>
<div>
최신버젼의 dokuwiki는 모바일 스킨을 지원하므로, 이 기능은 더 필요 없다.

<ul>
<li>
</li>
</ul>


모바일에서 위키가 제대로 보여지도록 추가한다. 기본 template가 이미 있으므로 이걸로 바꿀 수는 없기 때문에, 약간 코드를 추가 해야 한다.



dokuwiki에서 모바일인 경우를 알아 낼 수 있도록 외부 라이브러리를 추가해야 한다.

<ol>
<li>
</li>
<li> 여기에서 다운 받아서, “{wiki-folder}\conf” 폴더에 복사.
</li>
<li> local.protected.php 파일에, (파일을 만들거나) 아래 내용을 넣는다. 
local.php는 설정 화면에서 내용을 바꿔버리므로, local.protected.php에 저장한다.
</li>
</ol>
<dl>
<dt><a href="/_export/code/wiki:template_%EC%88%98%EC%A0%95?codeblock=17" title="조각 다운로드">local.protected.php</a></dt>
<dd><pre>include("Mobile_Detect.php");
$mdetect = new Mobile_Detect();
if ($mdetect-&gt;isMobile()) {$conf['template']='dokumobile';}</pre>
</dd></dl>


jQuery 플러그인을 켜라고 되어 있는데, arctic-mbo의 인덱스 메뉴와 충돌된다.


</div>
 
 </div></div>

GINS WIKI 긴스 위키

문기은

Arctic 템플릿 변경
 다른 위키 템플릿 수정 목록  dokuwiki_ki 템플릿 수정  ARCTIC-MBO 템플릿 수정  mindthedark 템플릿 수정 이력  ARCTIC 템플릿 수정 
arctic 변경
글자 크기 변경
	*  style.ini : [replacements] -> __font_size__ 값을 변경
폰트 한글 넣기
	*  arctic_design.css : body { 부분에서 font 설정 부분에 한글 폰트 추가

Arctic 템플릿 변경

댓글