리버티 스킨 Liberty | |||
---|---|---|---|
개발사 | 리브레 위키 개발팀 | ||
호환되는 미디어위키 버전 | 1.27+ | ||
라이선스 | GPL 3.0 | ||
적용 사이트 | 리브레 위키, 가온 위키 | ||
변수 |
| ||
사용된 Hooks | GetPreferences | ||
기여자 | 기여자 목록 | ||
관련 사이트 | liberty-skin |
개요
리브레 위키에서 사용할 목적으로 개발된 미디어위키 스킨. 부트스트랩을 사용한 것이 특징이다.
미디어위키 지원 버전
1.27버전 이상을 지원하며, 지원하는 버전의 목록과 해당 버전의 브랜치는 다음과 같다.
- 1.27(REL1_27 branch)
- 1.27(REL1_29 branch)
- 1.31(REL1_31_old branch)
- 1.33(REL1_33 branch)
- 1.35(REL1_35 branch)
1.37+(master)
미디어위키의 LTS 버전만 지원하는 것을 목표로 하다가, 이제는 일반 버전도 지원한다. 다만 1.13.7 버전 기준 미디어위키 버전 요구사항이 1.39버전 이상으로 되어 있으므로, 1.39버전 이상을 사용하는 것을 권장한다.
특징
반응형 페이지
PC, 태블릿, 스마트폰 등 화면 크기에 따라 페이지가 반응형으로 보여진다. 이는 반응형 페이지를 지원하지 않는 경우, 모바일을 위해 MobileFrontend을 설치 할 필요가 없어지며, 하나의 스킨으로 여러 기기들에게 보여줄 수 있는 장점이 있다.
사용자 설정 가능
사용자가 따로 설정 할 수 있는 부분이 있다. 설정 가능한 부분은 다음과 같다.
- 레이아웃 설정
- 색상 설정
- 글꼴 설정
이 설정은 해당 계정에만 설정이 적용되며, 다른 기기 또는 브라우저라도 로그인을 하면, 해당 설정을 불러온다. 또한, 로그인하지 않으면 설정이 불가능하다.
레이아웃 설정
- 고정폭 : 문서 영역의 최대 크기를 지정할 수 있다. 기본값은 1200px.
- 고정형 내비게이션 바 해제 : 최상단의 내비게이션 바가 고정되어 있는 것을 해제 할 수 있다. 기본값은 체크 해제.
- 우측 사이드바 제거 : 우측의 "최근 바뀜/최근 토론" 목록이 있는 사이드바를 제거할 수 있다. 기본값은 체크 해제.
색상 설정
- 주 색상 : 사이트에서 주로 사용할 색상. 기본값은 LocalSettings.php에서 지정한 변수
$wgLibertyMainColor
의 색상. - 보조 색상 지정 : 사이트에서 보조로 사용할 색상. 메뉴에 마우스를 올려 놓았을때 나오는 색상. 기본값은 LocalSettings.php에서 지정한 변수
$wgLibertySecondColor
의 색상. - 시스템의 어두운 모드 설정을 무시하시겠습니까? : 시스템 또는 브라우저에서 다크모드가 활성화 되어 있는 경우, 시스템 설정을 따를 것인지, 아니면 강제로 활성화/비활성화 할 것인지 선택할 수 있다. 기본값은 "무시하지 않음".
$wgLibertyMainColor
리버티 스킨에서 사용할 메인 색상값. 메뉴바(navbar) 색상값이기도 하다. 설정하지 않으면 기본값(#4188F1
)이 적용된다.
해당 변수를 사용하려면 LocalSettings.php 파일에 다음과 같이 입력하면 된다.
#리버티 스킨 메인 색상 설정
$wgLibertyMainColor = '#00BCD4';
$wgLibertySecondColor
리버티 스킨에서 사용할 서브 색상값. 메뉴 위에 마우스를 올리면 나타나 색상값이기도 하다. 설정하지 않으면 기본값($wgLibertyMainColor의 값에서 1A1415만큼 뺀 값
)이 적용된다.
해당 변수를 사용하려면 LocalSettings.php 파일에 다음과 같이 입력하면 된다.
#리버티 스킨 서브 색상 설정
$wgLibertySecondColor = '#FFA500';
글꼴 설정
사이트에서 사용할 글꼴을 선택할 수 있다. 사용 가능한 글꼴은 다음과 같다.
- 기타 - 사용할 글꼴의 URL 주소를 입력한다.
- 본고딕
- 본명조
- 스포카 한 산스
- 나눔고딕
- 나눔명조
- 독도
- 개구쟁이
- 한겨레결체
- 청소년체
- 맑은 고딕
맑은 고딕을 제외한 나머지 폰트들은 구글 서버에서 로드된다. 기본값은 "기본값"
그라바타 아이콘
계정별로 프로필 아이콘을 그라바타 아이콘로 생성하여 보여준다.
최근바뀜/최근토론 목록
실시간으로 최근바뀜 목록, 최근토론 목록을 확인 할 수 있다.
애드센스 지원
애드센스를 추가할 수 있는 변수(parameter)가 있을 정도로 스킨단에서 애드센스를 추가하기 쉽다. 설명을 어렵게 써놔서 그렇지...
설치 방법
자신의 미디어위키 버전에 맞게 브랜치를 선택하여 다운로드 한 뒤, skins 폴더에 압축해제한다. 이때 폴더명은 반드시 Liberty
(L이 대문자)여야 한다.
이후, LocalSettings.php를 수정한다. 수정할 부분은 2군데이다.
$wgDefaultSkin = "liberty";
wfLoadSkin( 'MonoBook' );
wfLoadSkin( 'Timeless' );
wfLoadSkin( 'Vector' );
wfLoadSkin( 'Liberty' );
이때 $wgDefaultSkin
부분에서는 모두 다 소문자로 작성한다. 자세한 내용은 LocalSettings.php#스킨 문서를 참고하자.
변수
리버티 스킨에서 사용 할 수 있는 변수는 다음과 같다.
이름 | 설명 | 예시 값 | 기본 값 |
---|---|---|---|
$wgLibertyMainColor | theme-color 메타 설정 및 사이트 주 색상 설정 | #4188F1 |
#4188F1
|
$wgLibertySecondColor | 사이트 보조 색상 설정 | #2774DC |
$wgLibertyMainColor의 값에서 1A1415만큼 뺀 값
|
$wgTwitterAccount | 트위터 카드 계정 설정 | librewiki |
(없음)
|
$wgLibertyOgLogo | 오픈그래프 태그에 사용 될 이미지 설정 |
|
|
$wgNaverVerification | 네이버 사이트 도구 인증 코드 | (네이버에서 제공된 값) |
(없음)
|
$wgLibertyAdSetting | 구글 애드센스 설정 | array( 'client' => '(Google Adsense에서 제공한 값)', 'header' => '1234567890', 'right' => '0987654321', 'belowarticle' => 1313135452 ) |
(없음)
|
$wgLibertyAdGroup | 사용자 그룹별 광고 차등화 여부 설정 | differ |
null
|
$wgLibertyMobileReplaceAd | 모바일 환경일 시 사이드바 광고를 하단으로 옮깁니다. | true |
false
|
$wgLibertyEnableLiveRC | 사이드바 최근 변경 사용 여부 | true |
true
|
$wgLibertyMaxRecent | 사이드바 최근 변경에 등장하는 편집의 최대 개수 | 10 |
10
|
$wgLibertyLiveRCArticleNamespaces | 사이드바 최근 변경 왼쪽 탭에 보여질 네임스페이스 목록 | [NS_MAIN, NS_PROJECT, NS_TEMPLATE, NS_HELP, NS_CATEGORY] |
[NS_MAIN, NS_PROJECT, NS_TEMPLATE, NS_HELP, NS_CATEGORY]
|
$wgLibertyLiveRCTalkNamespaces | 사이드바 최근 변경 오른쪽 탭에 보여질 네임스페이스 목록 | [NS_TALK, NS_USER_TALK, NS_PROJECT_TALK, NS_FILE_TALK, NS_MEDIAWIKI_TALK, NS_TEMPLATE_TALK, NS_HELP_TALK, NS_CATEGORY_TALK] |
[NS_TALK, NS_USER_TALK, NS_PROJECT_TALK, NS_FILE_TALK, NS_MEDIAWIKI_TALK, NS_TEMPLATE_TALK, NS_HELP_TALK, NS_CATEGORY_TALK]
|
메뉴
3차 메뉴까지 지원한다. 메뉴는 미디어위키:Liberty-Navbar 문서의 내용을 불러와 표시한다. 메뉴 작성방법은 다음과 같다.
- 첫 번째 단계 메뉴:
* icon=icon | display=display text | title=hover text | link=link | access=shortcut key | class=custom HTML classes | group=required user group | right=required user right
- 두 번째 단계 메뉴:
** icon=icon | display=display text | title=hover text | link=link | access=shortcut key | class=custom HTML classes | group=required user group | right=required user right
- 세 번째 단계 메뉴:
*** icon=icon | display=display text | title=hover text | link=link | access=shortcut key | class=custom HTML classes | group=required user group | right=required user right
기타
무거운 스킨이다. 그렇기 때문에 저사양의 서버에서 돌리기에는 약간의 무리가 있다. 또한 비주얼 에디터를 지원하지 않는다.
리버티 스킨을 사용하다가 문제가 발생한 경우, 가온 위키:기능 구현 불가-누가 해결책을 알려주세요!/리버티 스킨 문서를 먼저 확인해 보고, 안되면 리브레 위키 디스코드방에 물어보자.