• 목록
  • 아래로
  • 위로
  • 11
  • title: 은메달도다
  • 조회 수 4444
❭ 미디어위키
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번 넘게 했지만, 꼭 소문자로만 작성해주셔야 합니다.

 

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

 

잘 됬다면 성공~

 

여기까지 진행하셨다면, 다음 강좌인 나무마크 적용에서 보도록 하죠.
(원래는 천천히 진행하려고 했으나 정기 연재가 아니라...)
NoYeah님 NoYeah 포함 4명이 추천

추천인 4

작성자
title: 은메달도다 43 Lv. (44%) 151000/154880EXP

안녕하세요 



댓글 11

마카롱
profile image
드디어 리버티군요 ㅎㅎ
comment menu
2017.11.24. 20:35

신고

"마카롱님의 댓글"

이 댓글을 신고 하시겠습니까?

김짤맨
profile image
잘 보고있습니다.

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

사람들이 자동적으로 와서 수정하고 그러나요?
comment menu
2017.12.07. 00:22

신고

"김짤맨님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 은메달도다 작성자 → 김짤맨
제 경험으로는 소형 위키는 현재 나무위키나 리브레 위키처럼 고정 사용자가 있는 경우가 적어서, 지인들중에 편집자들을 섭외해보시는건 어떨까 생각합니다. 그리고 구글 검색 노출, 홍보가 초기 위키 성장에 큰 영향을 미쳐요@
comment menu
2017.12.07. 11:59

신고

"도다님의 댓글"

이 댓글을 신고 하시겠습니까?

아그래
저도 기본 스킨이 심심해서 리버티 올리고 적용해 봤습니다.
일단 로고 부분을 어떻게 해야 하는지 난감하더군요.. logo.png을 대체하면 될 것 같은데 아무리 크게 만들어도 정작 화면에는 너무 작게 나오고,

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

방법을 알아낼 때까지는 그냥 기본 스킨을 써야할까 봅니다. ^^;;
comment menu
2018.02.10. 11:05

신고

"아그래님의 댓글"

이 댓글을 신고 하시겠습니까?

박재식품
profile image
도다님. 이거 외부 의존성이 있나요?? 지금 설치하니까 외부의존성이 있다는데....
comment menu
2018.02.26. 17:40

신고

"박재식품님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 은메달도다 작성자 → 박재식품
없습니다. 의존성이 있다고 뜨나요?
comment menu
2018.02.26. 17:42

신고

"도다님의 댓글"

이 댓글을 신고 하시겠습니까?

박재식품 → 도다
profile image
네. tdwiki.kro.kr 들어가시면 보실수 있으세요.
comment menu
2018.02.26. 17:45

신고

"박재식품님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 은메달도다 작성자 → 박재식품
아예 아무것도 안뜨네요
comment menu
2018.02.26. 19:26

신고

"도다님의 댓글"

이 댓글을 신고 하시겠습니까?

박재식품 → 도다
profile image
아 지금은 의존성 관련 문제를 해결했습니다 vendor폴더를 제가 스킨 폴더에 넣어버려서요(...) 로컬셋팅 업뎃해주면 조금 쿨타임? 이 있더라구요. 그래서 지금은 완전히 해결했습니다! 나무마크 까지 적용 해서요
comment menu
2018.02.26. 19:30

신고

"박재식품님의 댓글"

이 댓글을 신고 하시겠습니까?

박재서
profile image
안녕하세요

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

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

좋은 하루 되세요~~
comment menu
2018.03.25. 07:52

신고

"박재서님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 은메달도다 작성자 → 박재서
해당 오류는 js 오류입니다.
jQuery 에서 ajax 로 받아서 mw.api 가져오는 부분에서 가끔씩 오류가 발생하던데, 현재로썬 이슈를 넣고 기다리는 방법 이외에는 방법이 없습니다 ㅠ
comment menu
2018.03.25. 22:22

신고

"도다님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.