[공지] openNAMU 계정 이전 신청을 받고 있습니다.
위키/스킨/Central (비교)
알림
현재 진행 중인 사용자 토론이 있습니다.
| r30 vs r31 | ||
|---|---|---|
| 1 | 1 | [[분류:위키/스킨]] |
| 2 | 2 | [include(틀:상위 문서, 문서=위키/스킨)] |
| 3 | 3 | [include(틀:다올위키 스킨)] |
| 4 | 4 | [목차] |
| 5 | 5 | |
| 6 | 6 | == 개요 == |
| 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 | 10 | * 다올위키의 기본 스킨인 Vision 스킨의 후속작이며, 2024년 12월 2일부터 대체되었다. |
| 11 | 11 | * 초기 계획안은 Vision 스킨의 v3로 버전을 높일 예정이였으나, 생각보다 큰 스케일이라 스킨 이름까지 변경하였다. |
| 12 | 12 | * 그 덕에 스킨 이름이 바뀔 때마다 버전 1씩 올라가는 규칙이 생겼다. (Liberty: v1, Vision: v2, Central: v3) |
| 13 | 13 | * 클로즈드 소스이며, 공개할 계획은 없다. [[https://wiki.daol.cc/bbs/w/3/6|간접적인 이유는 이곳을 참고.]] |
| 14 | 14 | * 부트스트랩을 버리고 제로 베이스로 새롭게 만든 스킨이다. |
| 15 | 15 | * 다시 만든 이유는 끔찍한 Vision의 로딩 속도 때문이다. 특히, 속도제한 같은 특수한 상황에서 더더욱. |
| 16 | 16 | * 실제로 용량이 많이 줄었다. Liberty(한마음): 1310KB[* 이때는 부트스트랩, 폰트어썸 등을 CDN 따위 쓰지 않고 스킨 파일에 때려박았기 때문에 굉장히 엄청났다.] / Vision: 108KB / Central: 59KB로 Vision에 비해 2배 이상[* 스킨 용량으로 보면 2배가 안되나, CDN으로 불러오는 부트스트랩과 제이쿼리는 제외된 용량이기 때문에 2배 이상이 맞다.] 줄어들었기 때문이다. |
| 17 | 17 | * Vision과 큰 차이는 없지만 소소하게 다른 점이 많다. |
| 18 | 18 | * 해당 스킨은 openNAMU의 다국어 가이드라인을 지키지 않기 때문에 사용자 설정에서 영어로 설정해도 한국어로 나오는 부분이 있다. |
| 19 | 19 | * 스킨의 특징은 다음과 같다. |
| 20 | 20 | * 상단바 |
| 21 | 21 | * 상단바 높이를 좀 더 늘렸다. |
| 22 | 22 | * PC 같이 넓은 화면에서는 검색 창이 더 넓게 표시된다. |
| 23 | 23 | * 상단바 공지에 Wikive 전체 공지가 있다면 표시된다.[*전체공지 서버 점검같이 Wikive 사용 위키가 동시에 닫힐 일이 있을 경우에 사용하기 위함이다.] |
| 24 | 24 | * 상단바 드롭다운 부분 |
| 25 | 25 | * 라이트 / 다크 테마 전환 토글[* 사용자 정보 드롭다운에 존재하며 openNAMU 다크 테마 특성상 새로고침되며 적용된다.] |
| 26 | 26 | * 위 아래 간격을 좀 더 넓혔다. |
| 27 | 27 | * 애니메이션이 세련되게 바뀌었다(?) |
| 28 | 28 | * 알림 드롭다운이 추가되었다. |
| 29 | 29 | * 본문 |
| 30 | 30 | * 둥근 테두리를 본문에도 추가하여 사이드바와 통일성을 더했다.[* PC만 적용된다.] |
| 31 | 31 | * 글자 크기를 the seed 신스킨과 통일하기 위해 14.4px에서 15px로 조정하였다. |
| 32 | 32 | * 사이드바 높이보다 본문이 짧아도 사이드바 길이와 같게 표시된다. |
| 33 | 33 | * 배경 색도 더 밝게 조정하였다. |
| 34 | 34 | * 사이드바 |
| 35 | 35 | * 사용자 정보 부분에 레벨을 추가하였다. |
| 36 | 36 | * 절대 시간으로 표기되던 것을 상대 시간으로 표기된다. |
| 37 | 37 | * 목차를 추가하였다.[* 목차가 없는 페이지는 표시되지 않는다.] |
| 38 | 38 | * 목차와 광고가 스크롤해도 따라온다. |
| 39 | 39 | |
| 40 | 40 | == 사용 위키 == |
| 41 | 41 | * [[https://wiki.gwangtori.com|광토리의 백과사전]] |
| 42 | 42 | * [[https://wiki.daol.cc|다올위키]] |
| 43 | 43 | * [[https://luna.wikive.cc|루나위키]] |
| 44 | 44 | * [[https://morae.wikive.cc|모래위키]] |
| 45 | 45 | * [[https://alpha.wikive.cc|알파위키 백업]] |
| 46 | 46 | * [[https://hanbit.cc|한빛위키]] |
| 47 | 47 | |
| 48 | 48 | == 사용 방법 == |
| 49 | 49 | 1. 관리 도구 > 소유자 설정 > 메인 <HEAD> 으로 이동합니다. |
| 50 | 50 | 1. (central)을 클릭한 후 다음 코드를 붙여넣습니다. |
| 51 | 51 | {{{#!syntax html |
| 52 | 52 | <meta name="theme-color" content="#(메인 컬러)"> |
| 53 | 53 | <style> |
| 54 | 54 | :root { |
| 55 | 55 | --main-color: #(메인 컬러); |
| 56 | 56 | --menu-button-color: #(메인 컬러); |
| 57 | 57 | --sub-color: #(서브 컬러); |
| 58 | 58 | --light-sub-color: #(서브 컬러); |
| 59 | 59 | } |
| 60 | 60 | </style> |
| 61 | 61 | }}} |
| 62 | 62 | * 메인 컬러는 위키의 메인 컬러를 뜻합니다. |
| 63 | 63 | * 서브 컬러는 네비 바 옵션에 마우스를 올렸을 때의 색상을 뜻합니다. |
| 64 | 64 | * 혹시 해서 말하지만 색상 코드는 #abcdef 식입니다. 괄호는 빼야합니다. |
| 65 | 65 | ---- |
| 66 | 66 | 1. (central-cssdark) 탭에 들어갑니다. |
| 67 | 67 | 1. 다음 코드를 '''그대로''' 붙여넣습니다. |
| 68 | 68 | {{{#!syntax css |
| 69 | 69 | <style> |
| 70 | 70 | :root { |
| 71 | 71 | --main-color: #2d2f34; |
| 72 | 72 | --menu-button-color: #777; |
| 73 | 73 | --sub-color: #383b40; |
| 74 | 74 | } |
| 75 | 75 | </style> |
| 76 | 76 | }}} |
| 77 | 77 | |
| 78 | 78 | === 사이드바 요소 가리기 === |
| 79 | 79 | 1. 관리 도구 > 소유자 설정 > 메인 <HEAD>으로 이동합니다. |
| 80 | 80 | 1. 다음 코드를 입력합니다. |
| 81 | 81 | |
| 82 | 82 | {{{#!syntax css |
| 83 | 83 | <style> |
| 84 | 84 | .sidebar-0 { |
| 85 | 85 | display: none; |
| 86 | 86 | } |
| 87 | 87 | </style> |
| 88 | 88 | }}} |
| 89 | 89 | ---- |
| 90 | 90 | {{{#!syntax css |
| 91 | 91 | <style> |
| 92 | 92 | .sidebar-0, .sidebar-2 { |
| 93 | 93 | display: none; |
| 94 | 94 | } |
| 95 | 95 | </style> |
| 96 | 96 | }}} |
| 97 | 97 | * 다음과 같이 ','로 구분하여 다른 사이드바 탭도 끌 수 있습니다. |
| 98 | 98 | * 다른 사이드바 정보는 다음과 같으며 '.'을 꼭 붙여야 작동하니 참고하세요. |
| 99 | 99 | || 사용자 정보 || .sidebar-0 || |
| 100 | 100 | || 최근 변경 || .sidebar-1 || |
| 101 | 101 | || 최근 토론 || .sidebar-2 || |
| 102 | 102 | || 목차[* 목차가 존재하는 페이지에서만 작동] || .sidebar-5 || |
| 103 | 103 | |
| 104 | 104 | === 파비콘 적용 === |
| 105 | 105 | 스킨 특성상 파비콘은 서버 내에서 적용하여야 합니다. |
| 106 | 106 | 프로젝트 게시판에 글을 써주시면 이메일로 파일을 받아 적용해드립니다. |
| 107 | 107 | |
| 108 | 108 | == 업데이트 내역 == |
| 109 | 109 | * 모바일에서 사이드바 다시 구성하기 |
| 110 | 110 | * 상단바 디자인 개편하기 |
| 111 | 111 | * 개편하면서 상단바를 고정 한다면 타겟 위치를 조정하는 방법 연구하기 |
| 112 | 112 | * 특수 문서에서만 작동하는 목차 문제점 파악하기 |
| 113 | 113 | * [Mac 한정] 파폭에서 툴 버튼 한글자 내려가는 문제 파악하기 |
| 114 | 114 | |
| 115 | 115 | === v3.0a === |
| 116 | 116 | > 2024/09/01 ~ 2024/12/01 수정 |
| 117 | 117 | > 2024/12/01 업데이트 |
| 118 | 118 | > ---- |
| 119 | 119 | > Alpha 버전으로, 업데이트 될때마다 버전을 수정하지 않는다. |
| 120 | 120 | * 2024년 9월 1일 |
| 121 | 121 | * 기본 틀 만들기 |
| 122 | 122 | * html, css, js 틀 만들기 |
| 123 | 123 | * 2024년 9월 9일 |
| 124 | 124 | * 상단바 40% 완성 |
| 125 | 125 | * 로고, 내비 메뉴, 드롭다운까지 완성 |
| 126 | 126 | * 2024년 11월 25일 |
| 127 | 127 | * 상단바 ringo의 힘을 빌려 모두 완성 |
| 128 | 128 | * ~~오래 걸린 이유는 군대 이슈이니 이해를...~~ |
| 129 | 129 | * 2024년 11월 29일 |
| 130 | 130 | * 사이드바 완성 |
| 131 | 131 | * 점프 버튼 완성 |
| 132 | 132 | * 2024년 12월 1일 |
| 133 | 133 | * 완성 |
| 134 | 134 | |
| 135 | 135 | === v3.1b === |
| 136 | 136 | > 2024/12/02 ~ 2024/12/08 수정 |
| 137 | 137 | > 2024/12/08 업데이트 |
| 138 | 138 | * 묘하게 중앙이 안 맞는 헤더 메뉴 글씨들 대강 수정 |
| 139 | 139 | * 모바일 UI에서 상단바 메뉴 호버했을 때 가운데가 안 맞던 문제 수정 |
| 140 | 140 | * 그라바타가 위쪽으로 쏠린 문제 수정 |
| 141 | 141 | * 점프버튼 세로에서 가로로 변경 |
| 142 | 142 | * 데스크탑 UI 1024px ~ 1200px 한정 사이드바가 오른쪽으로 넘어가는 문제 수정 |
| 143 | 143 | * 모바일 사파리에서 버튼이 흰색 글씨로 나오는 문제 수정 |
| 144 | 144 | |
| 145 | 145 | === v3.2 === |
| 146 | 146 | > 2024/12/08 ~ 2024/12/12 수정 |
| 147 | 147 | > 2024/12/12 업데이트 |
| 148 | 148 | * ringo 업데이트 포크 [[https://github.com/openNAMU/openNAMU/commit/ff995c00ba78066cef104ea8cb545de0ee0a9654#diff-93e52a9440da88cc592a7a91aebd7ef62d27d540fd08d42b83595dda8bd8f11a| ]] |
| 149 | 149 | * 사이드바 목차 추가[* v3.5.1-v23 이전 버전은 일반 문서에는 적용되지 않는 버그 존재] |
| 150 | 150 | * 기본 글자 크기 트랜드에 맞춰 15px로 조정 |
| 151 | 151 | * 라이선스 링크 다올위키로 변경 |
| 152 | 152 | * 푸터에 Hosted by Wikive project 추가 |
| 153 | 153 | |
| 154 | 154 | === v3.3 === |
| 155 | 155 | > 2024/12/13 ~ 2024/12/14 수정 |
| 156 | 156 | > 2024/12/14 업데이트 |
| 157 | 157 | * 데스크탑 UI 1024px ~ 1200px 한정 사이드바가 오른쪽으로 넘어가는 문제 '''진짜로''' 수정 |
| 158 | 158 | * math 매크로 사용 시 본문보다 위로 올라가는 현상 수정 |
| 159 | 159 | * 대표색 Wikive 컬러로 변경 |
| 160 | 160 | * 편집 창 폰트, 글자 크기 재 지정 |
| 161 | 161 | |
| 162 | 162 | === v3.4 === |
| 163 | 163 | > 2024/12/15 ~ 2024/12/17 수정 |
| 164 | 164 | > 2024/12/17 업데이트 |
| 165 | 165 | * 사용자 정보 사이드바에서 닉네임이 사이드바 길이보다 길 경우[* 예) IPv6] 튀어나가는 문제 수정 |
| 166 | 166 | * 드롭다운 애니메이션 추가 |
| 167 | 167 | * 오픈나무 업데이트로 인한 토론 자체 디자인 적용 안되던 문제 해결 |
| 168 | 168 | * '''PC 한정''': 사이드바 디자인에 맞춰 본문도 동글하게 수정 |
| 169 | 169 | * 본문 배경 색과 사이드바 배경 색 통일 |
| 170 | 170 | * 1024px ~ 1200px 사이드바 잘림 문제 패치 이후 1400px 이상일 때 사이드바 오른쪽 잘리는 문제 해결 |
| 171 | 171 | * 768px ~ 1023px: 검색 라이아웃, 상단 메뉴와 공백이 안 맞던 문제 해결 |
| 172 | 172 | * 배경 색 및 드롭다운 색상 수정 |
| 173 | 173 | * 저장 미리보기 버튼에 위키 대표 색 적용 |
| 174 | 174 | |
| 175 | 175 | === v3.5 === |
| 176 | 176 | > 2024/12/22 ~ 2024/12/24 수정 |
| 177 | 177 | > 2024/12/24 업데이트 |
| 178 | 178 | * 색상 변수 값 정리 |
| 179 | 179 | * 문서 제목 서브 글자 크기 조정 |
| 180 | 180 | * 체크 박스 다크모드 적용 |
| 181 | 181 | * 토론 자체 디자인 컬러 조정 |
| 182 | 182 | * 사이드바 사용자 정보에 레벨 추가 |
| 183 | 183 | * 사이드바 절대 시간에서 상대 시간으로 변경 |
| 184 | 184 | * 라이트 / 다크 테마 전환 토글 추가 |
| 185 | 185 | * 왼쪽 헤더 메뉴 묘하게 중앙 안 맞는 문제 또 수정 |
| 186 | 186 | |
| 187 | 187 | === v3.6 === |
| 188 | 188 | > 2024/12/25 ~ 2025/01/05 수정 |
| 189 | 189 | > 2025/01/05 업데이트 |
| 190 | 190 | * [[https://gall.dcinside.com/mgallery/board/view/?id=smallwiki&no=1529|여론]]에 따라 사이드바의 최근 게시글, 연합 최근 변경 삭제[* 미래에 버튼으로 구현할 계획 때문에 일단 js에선 각주로 남겨둠] |
| 191 | 191 | * 토론에서 도구 팝업이 좀 많이 내려가는 현상 수정 |
| 192 | 192 | |
| 193 | 193 | === v3.7 === |
| 194 | 194 | > 2025/01/05 ~ 2025/01/12 수정 |
| 195 | 195 | > 2025/01/12 업데이트 |
| 196 | 196 | * Wikive 전체 공지 시스템 추가[*전체공지] |
| ... | ... |