리버티 스킨

리버티 스킨; Liberty
개발사	리브레 위키 개발팀
호환되는 미디어위키 버전	1.27+
라이선스	GPL 3.0
적용 사이트	리브레 위키, 가온 위키
내용 보기
	$wgLibertyMainColor; $wgLibertySecondColor; $wgTwitterAccount; $wgLibertyOgLogo; $wgNaverVerification; $wgLibertyAdSetting; $wgLibertyAdGroup; $wgLibertyMobileReplaceAd; $wgLibertyEnableLiveRC; $wgLibertyMaxRecent; $wgLibertyLiveRCArticleNamespaces; $wgLibertyLiveRCTalkNamespaces;
사용된 Hooks	GetPreferences
기여자	기여자 목록
관련 사이트	Liberty-MW-Skin

개요

리브레 위키에서 사용할 목적으로 개발된 미디어위키 스킨. 부트스트랩을 사용한 것이 특징이다.

미디어위키 지원 버전

1.27버전 이상을 지원하며, 지원하는 버전의 목록과 해당 버전의 브랜치는 다음과 같다.

미디어위키의 LTS 버전만 지원하는 것을 목표로 하다가, 이제는 일반 버전도 지원한다...

특징

반응형 페이지

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	오픈그래프 태그에 사용 될 이미지 설정		`$wgLogo의 값`
$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

기타

무거운 스킨이다. 그렇기 때문에 저사양의 서버에서 돌리기에는 약간의 무리가 있다. 또한 비주얼 에디터를 지원하지 않는다.

리버티 스킨을 사용하다가 문제가 발생한 경우, 가온 위키:기능 구현 불가-누가 해결책을 알려주세요!/리버티 스킨 문서를 먼저 확인해 보고, 안되면 리브레 위키 디스코드방에 물어보자.

• 현재 페이지 URL 줄이기