도다의 강좌

|  라이믹스나 미디어위키 등의 사용법을 스포어 기준에 맞춰서 기재할 예정입니다.

미디어위키
2017.11.14 23:10

[미디어위키] #4 | 스킨 설치하기 (Liberty)

조회 수 1485 추천 수 3 댓글 11
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
❭ 미디어위키
4. 스킨을 설치하자

거의 1달만에 돌아온 강좌

 

오늘은 'Liberty' 라는 많은 미디어위키에서 사용되고 있는 스킨을 설치하려 합니다.

그럼 왜 Liberty 스킨을 사용하려고 하는지?

1. '나무위키'와 디자인이 비슷하다. - 제일 중요한 이유일 수도 있겠는데, 국내에서 제일 유명한 나무위키와 형식과 디자인이 비슷하기에 사용합니다.

2. 깔끔하다 - 트렌드에 맞는 Flat 한 디자인을 사용하여 깔끔해보이는 위키를 제작할 수 있습니다. (커스터마이징까지 더해지면 금상첨화겠죠)

3. Bootstrap 을 사용하였다 - 초보자도 제작, 수정하기 쉬운 Bootstrap 을 사용하였습니다. (사실 이건 제 기준일 수도?)

 

image.png
↑ 원래 Liberty 스킨은 리브레 위키를 위해 제작되었습니다.

 

image.png
↑ 제가 Liberty 스킨을 좀 많이 뜯어고쳐서 운영중인 위키...
 

설치하기

이제 설치해봐야겠죠~

1. 파일 준비 or SSH

두 가지 방법을 알려드릴 것이지만, 저는 SSH 를 통한 Git 으로 다운로드를 선택하겠습니다.

(대부분은 SSH 사용하실 것이라고 생각됩니다)

1-1. SSH 권한이 없는 경우?

https://gitlab.com/librewiki/Liberty-MW-Skin <<- 이 링크를 통해서 master 브랜치를 다운로드 받고, skins 폴더에 Liberty 라는 이름으로 넣어주세요.

2. Git Clone

먼저, cd 명령어로 /skins/ 폴더에 들어갑니다.

cd /web/skins/

 

다음엔, git clone 을 주저 없이 해주세요!

git clone https://gitlab.com/librewiki/Liberty-MW-Skin.git Liberty

 

Git Clone 이 오류 없이 완료됬다면 완료!

 

적용하기

파일을 모두 설치했으니, Localsettings.php 파일을 통하여 스킨을 적용해보자고요!

wfLoadSkin( 'CologneBlue' );
wfLoadSkin( 'Modern' );
wfLoadSkin( 'MonoBook' );
wfLoadSkin( 'Vector' );

해당 줄 아래에 다음을 추가해 주세요!

wfLoadSkin( 'Liberty' );

※ Liberty 는 폴더 이름이며, 설치하기에서 제대로 진행이 안됬다면 오류가 발생할 것입니다.

 

$wgDefaultSkin = "vector";

↑ 해당 줄을 찾아 다음과 같이 변경해주세요.

 

$wgDefaultSkin = "liberty";

↑ 여러 블로그에서 강좌를 진행하면서 강조만 5번 넘게 했지만, 꼭 소문자로만 작성해주셔야 합니다.

 

이렇게 해서 위키에 들어가봅시다.

 

잘 됬다면 성공~

 

여기까지 진행하셨다면, 다음 강좌인 나무마크 적용에서 보도록 하죠.
(원래는 천천히 진행하려고 했으나 정기 연재가 아니라...)
  • profile
    title: 맛스타마카롱 2017.11.24 20:35
    드디어 리버티군요 ㅎㅎ
  • profile
    김짤맨 2017.12.07 00:22
    잘 보고있습니다.

    근데 혹시 처음에 글같은거는 저혼자 작성하다가

    사람들이 자동적으로 와서 수정하고 그러나요?
  • profile
    title: 은메달도다 2017.12.07 11:59
    제 경험으로는 소형 위키는 현재 나무위키나 리브레 위키처럼 고정 사용자가 있는 경우가 적어서, 지인들중에 편집자들을 섭외해보시는건 어떨까 생각합니다. 그리고 구글 검색 노출, 홍보가 초기 위키 성장에 큰 영향을 미쳐요@
  • ?
    아그래 2018.02.10 11:05
    저도 기본 스킨이 심심해서 리버티 올리고 적용해 봤습니다.
    일단 로고 부분을 어떻게 해야 하는지 난감하더군요.. logo.png을 대체하면 될 것 같은데 아무리 크게 만들어도 정작 화면에는 너무 작게 나오고,

    무엇보다 로그인이 안되더군요.. 다른 설정이 필요한 건지
    그리고 오른쪽 플로팅 메뉴 내용 - 최근바뀜, 최근토론에 아무것도 안나와서..

    방법을 알아낼 때까지는 그냥 기본 스킨을 써야할까 봅니다. ^^;;
  • profile
    박재식품 2018.02.26 17:40
    도다님. 이거 외부 의존성이 있나요?? 지금 설치하니까 외부의존성이 있다는데....
  • profile
    title: 은메달도다 2018.02.26 17:42
    없습니다. 의존성이 있다고 뜨나요?
  • profile
    박재식품 2018.02.26 17:45
    네. tdwiki.kro.kr 들어가시면 보실수 있으세요.
  • profile
    title: 은메달도다 2018.02.26 19:26
    아예 아무것도 안뜨네요
  • profile
    박재식품 2018.02.26 19:30
    아 지금은 의존성 관련 문제를 해결했습니다 vendor폴더를 제가 스킨 폴더에 넣어버려서요(...) 로컬셋팅 업뎃해주면 조금 쿨타임? 이 있더라구요. 그래서 지금은 완전히 해결했습니다! 나무마크 까지 적용 해서요
  • profile
    박재서 2018.03.25 07:52
    안녕하세요

    저도 같은 스킨을 설치했는데, 옆에 최근목록이 갱신이 되지 않아 간헐적으로 아무것도 표시가 되지 않는데요

    혹시 해결책 알고 계신지 여쭙고 싶네요.. 아니면 포럼이라도 소개시켜주시면 감사하겠습니다.

    좋은 하루 되세요~~
  • profile
    title: 은메달도다 2018.03.25 22:22
    해당 오류는 js 오류입니다.
    jQuery 에서 ajax 로 받아서 mw.api 가져오는 부분에서 가끔씩 오류가 발생하던데, 현재로썬 이슈를 넣고 기다리는 방법 이외에는 방법이 없습니다 ㅠ

도다의 강좌

라이믹스나 미디어위키 등의 사용법을 스포어 기준에 맞춰서 기재할 예정입니다.

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
7 미디어위키 #5 | 나무마크 for 미디어위키 13 file title: 은메달도다 2018.01.09 1052
» 미디어위키 [미디어위키] #4 | 스킨 설치하기 (Liberty) 11 file title: 은메달도다 2017.11.14 1485
5 미디어위키 [미디어위키] #3 | 짧은 주소를 사용하자! 4 file title: 은메달도다 2017.10.24 583
4 미디어위키 [미디어위키] #2 | 로고를 변경해보자 2 file title: 은메달도다 2017.10.24 567
3 미디어위키 [미디어위키] #1 | 설치해보자 (2) 6 file title: 은메달도다 2017.10.22 632
2 미디어위키 [미디어위키] #1 | 설치해보자 (1) 6 file title: 은메달도다 2017.10.22 594
1 기타 안녕하세요. 6 title: 은메달도다 2017.10.21 443
목록
Board Pagination Prev 1 Next
/ 1
서버에 요청 중입니다. 잠시만 기다려 주십시오...