편집토론문서 역사

리버티 스킨

리버티 스킨
Liberty
Screenshot-skin-liberty.png
개발사 리브레 위키 개발팀
호환되는 미디어위키 버전 1.27+
라이선스 GPL 3.0
적용 사이트 리브레 위키, 가온 위키
변수
내용 보기
  • $wgLibertyMainColor
  • $wgLibertySecondColor
  • $wgTwitterAccount
  • $wgLibertyOgLogo
  • wgLibertyNavBarLogoImage
  • $wgNaverVerification
  • $wgLibertyAdSetting
  • $wgLibertyAdGroup
  • $wgLibertyMobileReplaceAd
  • $wgLibertyEnableLiveRC
  • $wgLibertyMaxRecent
  • $wgLibertyLiveRCArticleNamespaces
  • $wgLibertyLiveRCTalkNamespaces
사용된 Hooks GetPreferences
기여자 기여자 목록
관련 사이트 Green tickliberty-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 오픈그래프 태그에 사용 될 이미지 설정 Libre_favicon.png

$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 줄이기