| ... |
... |
|
| 7 |
7 |
||<nopad><width=74.8%> [[파일:Central PC.png|width=100%]] ||<nopad> [[파일:Central Phone.png|width=100%]] || |
| 8 |
8 |
|| PC 버전 || Mobile 버전 || |
| 9 |
9 |
|||| '''Central 스킨 스크린샷 (v3.4)'''[br]{{{-2 사진을 눌러 크게 볼 수 있습니다.}}} || |
| 10 |
|
* 다올위키의 기본 스킨인 Vision 스킨의 후속작이며, 2024년 12월 2일부터 대체되었다. |
| 11 |
|
* 초기 계획안은 Vision 스킨의 v3로 버전을 높일 예정이였으나, 생각보다 큰 스케일이라 스킨 이름까지 변경하였다. |
|
10 |
* 다올위키의 기본 스킨인 Vision 스킨의 후속작이며, 2024년 12월 2일부터 대체되었다. |
|
11 |
* 초기 계획안은 Vision 스킨의 v3로 버전을 높일 예정이였으나, 생각보다 큰 스케일이라 스킨 이름까지 변경하였다. |
| 12 |
12 |
* 그 덕에 스킨 이름이 바뀔 때마다 버전 1씩 올라가는 규칙이 생겼다. (Liberty: v1, Vision: v2, Central: v3) |
| 13 |
|
* 클로즈드 소스이며, 공개할 계획은 없다. [[https://wiki.daol.cc/bbs/w/3/6|간접적인 이유는 이곳을 참고.]] |
| 14 |
|
* 부트스트랩을 버리고 제로 베이스로 새롭게 만든 스킨이다. |
|
13 |
* 클로즈드 소스이며, 공개할 계획은 없다. [[https://wiki.daol.cc/bbs/w/3/6|간접적인 이유는 이곳을 참고.]] |
|
14 |
* 부트스트랩을 버리고 제로 베이스로 새롭게 만든 스킨이다. |
| 15 |
15 |
* 다시 만든 이유는 끔찍한 Vision의 로딩 속도 때문이다. 특히, 속도제한 같은 특수한 상황에서 더더욱. |
| 16 |
16 |
* 실제로 용량이 많이 줄었다. Liberty(한마음): 1310KB[* 이때는 부트스트랩, 폰트어썸 등을 CDN 따위 쓰지 않고 스킨 파일에 때려박았기 때문에 굉장히 엄청났다.] / Vision: 108KB / Central: 59KB로 Vision에 비해 2배 이상[* 스킨 용량으로 보면 2배가 안되나, CDN으로 불러오는 부트스트랩과 제이쿼리는 제외된 용량이기 때문에 2배 이상이 맞다.] 줄어들었기 때문이다. |
| 17 |
|
* Vision과 큰 차이는 없지만 소소하게 다른 점이 많다. |
| 18 |
|
* 해당 스킨은 openNAMU의 다국어 가이드라인을 지키지 않기 때문에 사용자 설정에서 영어로 설정해도 한국어로 나오는 부분이 있다. |
| 19 |
|
* 스킨의 특징은 다음과 같다. |
|
17 |
* Vision과 큰 차이는 없지만 소소하게 다른 점이 많다. |
|
18 |
* 해당 스킨은 openNAMU의 다국어 가이드라인을 지키지 않기 때문에 사용자 설정에서 영어로 설정해도 한국어로 나오는 부분이 있다. |
|
19 |
* 스킨의 특징은 다음과 같다. |
| 20 |
20 |
* 상단바 |
| 21 |
21 |
* 상단바 높이를 좀 더 늘렸다. |
| 22 |
22 |
* PC 같이 넓은 화면에서는 검색 창이 더 넓게 표시된다. |
| ... |
... |
|
| 37 |
37 |
* 목차를 추가하였다.[* 목차가 없는 페이지는 표시되지 않는다.] |
| 38 |
38 |
* 목차와 광고가 스크롤해도 따라온다. |
| 39 |
39 |
|
| 40 |
|
== 사용 위키 == |
| 41 |
|
* [[https://wiki.gwangtori.com|광토리의 백과사전]] |
| 42 |
|
* [[https://wiki.daol.cc|다올위키]] |
| 43 |
|
* [[https://luna.wikive.cc|루나위키]]
|
| 45 |
|
* [[https://morae.wikive.cc|모래위키]]
|
| 47 |
|
* [[https://alpha.wikive.cc|알파위키 백업]]
|
| 49 |
|
* [[https://hanbit.cc|한빛위키]]
|
|
40 |
== 하위 문서 == |
|
41 |
* [[openNAMU]]: [[위키/스킨/Central(openNAMU)] |
|
42 |
* [[the tree]]: [[위키/스킨/Central(the tree)] |
| 47 |
43 |
|
| 48 |
|
== 사용 방법 == |
| 49 |
|
1. 관리 도구 > 소유자 설정 > 메인 <HEAD> 으로 이동합니다. |
| 50 |
|
1. (central)을 클릭한 후 다음 코드를 붙여넣습니다. |
| 51 |
|
{{{#!syntax html
|
| 52 |
|
<meta name="theme-color" content="#(메인 컬러)">
|
| 53 |
|
<style>
|
| 54 |
|
:root { |
| 55 |
|
--main-color: #(메인 컬러);
|
| 57 |
|
--menu-button-color: #(메인 컬러);
|
| 59 |
|
--sub-color: #(서브 컬러);
|
| 61 |
|
--light-sub-color: #(서브 컬러);
|
| 63 |
|
}
|
| 65 |
|
</style>
|
| 67 |
|
}}}
|
| 69 |
|
* 메인 컬러는 위키의 메인 컬러를 뜻합니다.
|
| 71 |
|
* 서브 컬러는 네비 바 옵션에 마우스를 올렸을 때의 색상을 뜻합니다.
|
| 73 |
|
* 혹시 해서 말하지만 색상 코드는 #abcdef 식입니다. 괄호는 빼야합니다.
|
| 75 |
|
----
|
| 77 |
|
1. (central-cssdark) 탭에 들어갑니다.
|
| 79 |
|
1. 다음 코드를 '''그대로''' 붙여넣습니다.
|
| 81 |
|
{{{#!syntax css
|
| 83 |
|
<style>
|
| 85 |
|
:root {
|
| 87 |
|
--main-color: #2d2f34;
|
| 89 |
|
--menu-button-color: #777;
|
| 91 |
|
--sub-color: #383b40;
|
| 93 |
|
}
|
| 95 |
|
</style>
|
| 97 |
|
}}}
|
| 99 |
|
|
| 101 |
|
=== 사이드바 요소 가리기 ===
|
| 103 |
|
1. 관리 도구 > 소유자 설정 > 메인 <HEAD>으로 이동합니다.
|
| 105 |
|
1. 다음 코드를 입력합니다.
|
| 107 |
|
|
| 109 |
|
{{{#!syntax css
|
| 111 |
|
<style>
|
| 113 |
|
.sidebar-0 {
|
| 115 |
|
display: none;
|
| 117 |
|
}
|
| 119 |
|
</style>
|
| 121 |
|
}}}
|
| 123 |
|
----
|
| 125 |
|
{{{#!syntax css
|
| 127 |
|
<style>
|
| 129 |
|
.sidebar-0, .sidebar-2 {
|
| 131 |
|
display: none;
|
| 133 |
|
}
|
| 135 |
|
</style>
|
| 137 |
|
}}}
|
| 139 |
|
* 다음과 같이 ','로 구분하여 다른 사이드바 탭도 끌 수 있습니다.
|
| 141 |
|
* 다른 사이드바 정보는 다음과 같으며 '.'을 꼭 붙여야 작동하니 참고하세요.
|
| 143 |
|
|| 사용자 정보 || .sidebar-0 ||
|
| 145 |
|
|| 최근 변경 || .sidebar-1 ||
|
| 147 |
|
|| 최근 토론 || .sidebar-2 ||
|
| 149 |
|
|| 목차[* 목차가 존재하는 페이지에서만 작동] || .sidebar-5 ||
|
| 151 |
|
|
| 153 |
|
=== 파비콘 적용 ===
|
| 155 |
|
스킨 특성상 파비콘은 서버 내에서 적용하여야 합니다.
|
| 157 |
|
프로젝트 게시판에 글을 써주시면 이메일로 파일을 받아 적용해드립니다.
|
| 159 |
|
|
| 161 |
|
== 업데이트 내역 ==
|
| 163 |
|
* 모바일에서 사이드바 다시 구성하기
|
| 165 |
|
* 상단바 디자인 개편하기
|
| 167 |
|
* 개편하면서 상단바를 고정 한다면 타겟 위치를 조정하는 방법 연구하기
|
| 169 |
|
* 특수 문서에서만 작동하는 목차 문제점 파악하기
|
| 171 |
|
* [Mac 한정] 파폭에서 툴 버튼 한글자 내려가는 문제 파악하기
|
| 173 |
|
|
| 175 |
|
=== v3.0a ===
|
| 177 |
|
> 2024/09/01 ~ 2024/12/01 수정
|
| 179 |
|
> 2024/12/01 업데이트
|
| 181 |
|
> ----
|
| 183 |
|
> Alpha 버전으로, 업데이트 될때마다 버전을 수정하지 않는다.
|
| 185 |
|
* 2024년 9월 1일
|
| 187 |
|
* 기본 틀 만들기
|
| 189 |
|
* html, css, js 틀 만들기
|
| 191 |
|
* 2024년 9월 9일
|
| 193 |
|
* 상단바 40% 완성
|
| 195 |
|
* 로고, 내비 메뉴, 드롭다운까지 완성
|
| 197 |
|
* 2024년 11월 25일
|
| 199 |
|
* 상단바 ringo의 힘을 빌려 모두 완성
|
| 201 |
|
* ~~오래 걸린 이유는 군대 이슈이니 이해를...~~
|
| 203 |
|
* 2024년 11월 29일
|
| 205 |
|
* 사이드바 완성
|
| 207 |
|
* 점프 버튼 완성
|
| 209 |
|
* 2024년 12월 1일
|
| 211 |
|
* 완성
|
| 213 |
|
|
| 215 |
|
=== v3.1b ===
|
| 217 |
|
> 2024/12/02 ~ 2024/12/08 수정
|
| 219 |
|
> 2024/12/08 업데이트
|
| 221 |
|
* 묘하게 중앙이 안 맞는 헤더 메뉴 글씨들 대강 수정
|
| 223 |
|
* 모바일 UI에서 상단바 메뉴 호버했을 때 가운데가 안 맞던 문제 수정
|
| 225 |
|
* 그라바타가 위쪽으로 쏠린 문제 수정
|
| 227 |
|
* 점프버튼 세로에서 가로로 변경
|
| 229 |
|
* 데스크탑 UI 1024px ~ 1200px 한정 사이드바가 오른쪽으로 넘어가는 문제 수정
|
| 231 |
|
* 모바일 사파리에서 버튼이 흰색 글씨로 나오는 문제 수정
|
| 233 |
|
|
| 235 |
|
=== v3.2 ===
|
| 237 |
|
> 2024/12/08 ~ 2024/12/12 수정
|
| 239 |
|
> 2024/12/12 업데이트
|
| 241 |
|
* ringo 업데이트 포크 [[https://github.com/openNAMU/openNAMU/commit/ff995c00ba78066cef104ea8cb545de0ee0a9654#diff-93e52a9440da88cc592a7a91aebd7ef62d27d540fd08d42b83595dda8bd8f11a| ]]
|
| 243 |
|
* 사이드바 목차 추가[* v3.5.1-v23 이전 버전은 일반 문서에는 적용되지 않는 버그 존재]
|
| 245 |
|
* 기본 글자 크기 트랜드에 맞춰 15px로 조정
|
| 247 |
|
* 라이선스 링크 다올위키로 변경
|
| 249 |
|
* 푸터에 Hosted by Wikive project 추가
|
| 251 |
|
|
| 253 |
|
=== v3.3 ===
|
| 255 |
|
> 2024/12/13 ~ 2024/12/14 수정
|
| 257 |
|
> 2024/12/14 업데이트
|
| 259 |
|
* 데스크탑 UI 1024px ~ 1200px 한정 사이드바가 오른쪽으로 넘어가는 문제 '''진짜로''' 수정
|
| 261 |
|
* math 매크로 사용 시 본문보다 위로 올라가는 현상 수정
|
| 263 |
|
* 대표색 Wikive 컬러로 변경
|
| 265 |
|
* 편집 창 폰트, 글자 크기 재 지정
|
| 267 |
|
|
| 269 |
|
=== v3.4 ===
|
| 271 |
|
> 2024/12/15 ~ 2024/12/17 수정
|
| 273 |
|
> 2024/12/17 업데이트
|
| 275 |
|
* 사용자 정보 사이드바에서 닉네임이 사이드바 길이보다 길 경우[* 예) IPv6] 튀어나가는 문제 수정
|
| 277 |
|
* 드롭다운 애니메이션 추가
|
| 279 |
|
* 오픈나무 업데이트로 인한 토론 자체 디자인 적용 안되던 문제 해결
|
| 281 |
|
* '''PC 한정''': 사이드바 디자인에 맞춰 본문도 동글하게 수정
|
| 283 |
|
* 본문 배경 색과 사이드바 배경 색 통일
|
| 285 |
|
* 1024px ~ 1200px 사이드바 잘림 문제 패치 이후 1400px 이상일 때 사이드바 오른쪽 잘리는 문제 해결
|
| 287 |
|
* 768px ~ 1023px: 검색 라이아웃, 상단 메뉴와 공백이 안 맞던 문제 해결
|
| 289 |
|
* 배경 색 및 드롭다운 색상 수정
|
| 291 |
|
* 저장 미리보기 버튼에 위키 대표 색 적용
|
| 293 |
|
|
| 295 |
|
=== v3.5 ===
|
| 297 |
|
> 2024/12/22 ~ 2024/12/24 수정
|
| 299 |
|
> 2024/12/24 업데이트
|
| 301 |
|
* 색상 변수 값 정리
|
| 303 |
|
* 문서 제목 서브 글자 크기 조정
|
| 305 |
|
* 체크 박스 다크모드 적용
|
| 307 |
|
* 토론 자체 디자인 컬러 조정
|
| 309 |
|
* 사이드바 사용자 정보에 레벨 추가
|
| 311 |
|
* 사이드바 절대 시간에서 상대 시간으로 변경
|
| 313 |
|
* 라이트 / 다크 테마 전환 토글 추가
|
| 315 |
|
* 왼쪽 헤더 메뉴 묘하게 중앙 안 맞는 문제 또 수정
|
| 317 |
|
|
| 319 |
|
=== v3.6 ===
|
| 321 |
|
> 2024/12/25 ~ 2025/01/05 수정
|
| 323 |
|
> 2025/01/05 업데이트
|
| 325 |
|
* [[https://gall.dcinside.com/mgallery/board/view/?id=smallwiki&no=1529|여론]]에 따라 사이드바의 최근 게시글, 연합 최근 변경 삭제[* 미래에 버튼으로 구현할 계획 때문에 일단 js에선 각주로 남겨둠]
|
| 327 |
|
* 토론에서 도구 팝업이 좀 많이 내려가는 현상 수정
|
| 329 |
|
|
| 331 |
|
=== v3.7 ===
|
| 333 |
|
> 2025/01/05 ~ 2025/01/12 수정
|
| 335 |
|
> 2025/01/12 업데이트
|
| 337 |
|
* Wikive 전체 공지 시스템 추가[*전체공지]
|
|
44 |
== 사용 위키 == |
|
45 |
* [[https://wiki.gwangtori.com|광토리의 백과사전]] |
|
46 |
* [[https://wiki.daol.cc|다올위키]] |
|
47 |
* [[https://luna.wikive.cc|루나위키]] |
|
48 |
* [[https://morae.wikive.cc|모래위키]] |
|
49 |
* [[https://alpha.wikive.cc|알파위키 백업]] |
|
50 |
* [[https://hanbit.cc|한빛위키]] |