2008.11.27 22:35

MediaWiki 로 개인 홈페이지 만들기

좋은 학생들을 받고 자신의 연구를 알리기 위해 멋진 홈페이지가 필요하다고 하는데 기본적인 HTML실력으로 너무나 멋진 웹페이지를 만들기는 어렵고 또 업데이트도 쉽지 않을것 같고... 그래서 블로그나 위키또는 Plone등으로 만든 홈페이지를 조사 해 보았다.


이미 블로그도 있고 Plone도 있어서 같은걸로 만들면 따라 하는것 같고 나는 위키로 만들어 보기로 결심했다. (물론 위키로 홈피를 하시는 분들도 많겠지만 내가 아는 사람은 없는 관계로 It's OK.) 위키중에 가장 근엄한 위치를 차지하고 있는 MediaWiki (http://www.mediawiki.org/wiki/MediaWiki).

우선 그 홈페이지 부터 참 멋지다.



이런 기분으로 잘 마치고 Media 위키를 설치 했다. 첫 화면은 정말 썰렁한 페이지. MediaWiki 웹페이지와는 너무나도 다른 썰렁이다. 




어떻게 해야 할까? 답답한 마음이지만 나름 열심히 노력하여 다음과 같은 웹페이지가 탄생되었다. 



혹시 Media Wiki로 홈페이지를 만들고 싶은 사람을 위해 새로 배운것을 적어 본다.
1. 우선 보안 설정하기
위키를 홈페이지로 사용하다 보니 우선 홈페이지를 로그인 한 사람만 고치도록 해야 하고 또 내가 원하는 사람만 로그인 하도록 바꿔줄 필요가 있다. 이를 위해서는 mediawiki 웹페이지에 있는 LocalSettings.php 에 아래를 추가 해준다.
$wgGroupPermissions['*']['createaccount']   = false;
$wgGroupPermissions['*']['edit'] = false;

2. 왼쪽의 사이트 바를 메뉴로 사용하기
우선 왼족에 있는 사이드 바는 나의 홈페이지와 거리가 있기에 이를 과감하게 고친다. 왼쪽 Search bar에 "MediaWiki:Sidebar" 를 입력한다.

아래와 같이 고쳐 보았다;
  • Menu
    • mainpage|mainpage-description
    • Research|Research
    • Publications|Publication
    • Software|Software
    • Teaching|Teaching
    • Students|Students
    • Service|Service
    • Bio|Bio
    • Contact|Contact
    • recentchanges-url|recentchanges
  • SEARCH
  • TOOLBOX
  • LANGUAGES

3. 로고 바꾸기
그런 다음은 오른쪽에 있는 로고가 보이는데 이를 멋진것으로 고치기. 역시 LocalSetting.php 에 다음을 추가 해 준다.
$wgLogo = "http://cerg1.ugc.edu.hk/graphics/HKUST_f.gif";

이정도면 그럭저럭 만족할만하다고 할 수 있지만 아직 갈길이 멀다. 한숨 한번 내쉬고 계속

4. 첫화면에 박스를 넣어 보자.
MediaWiki에 나오는 것 같은 멋진 박스들을 넣으려면 어떻게 할까? 한참 보다 보니 Wiki의 table과 style로 만들고 있었다. 예를 들어 다음과 같은 식이다.
<div style="font-size:150%; padding-bottom:0.15em; text-align:center; margin-top:0.33em;">[[Sung Kim]] </div>

자세한 것은 필자의 (임시) 홈페이지를 보면 된다. http://webproject.cse.ust.hk:8016

5. Title 없애기
위키의 모든 페이지에 자동으로 H1 으로 멋없이 페이지 이름으로 타이틀을 붙여 버린다. 아래그림에서 보이듯이 아주 옥의 티다. 


이를 없애는 방법을 여러가지로 찾아 보았는데 Skin을 직접 고치는것 말고는 별로 없는것 같았다. (혹시 다른 방법을 아는 분을 연락주세요.)
skins/MonoBook.php 파일을 열어 보면 108 줄에 이런 부분이 있는데 이를 주석으로 막아 버린다.

<h1 class="firstHeading"><?php $this->data['displaytitle']!=""?$this->html('title'):$this->text('title') ?></h1>
6. 텝 없애기
그리고 위키의 편리성을 위해 텝을 통해 편집이나 History등을 볼수 있는 메뉴를 제공하는데 대부분이 로그인 하지 않은 사용자에게는 필요가 없다. 

이를 없애기 위해
skins/MonoBook.php 파일을 열어 보면 124 줄 정도에 있는 텝 보이기를 다음과 같이 수정 (즉 로그인 후에만 tab이 보이도록 한다)
-       <?php           foreach($this->data['content_actions'] as $key => $tab) {
+       <?php           if($this->data['loggedin']==1) foreach($this->data['content_actions'] as $key => $tab) {

이정도면 그런대로 홈페이지로 사용하기위해 준비된것 같다. 앞으로도 XML feed 나 하나의 위키 페이지의 일부를 박스에 넣어 보여 주는 등의 기능이 더 필요하겠지만 천천히 하나씩 하고 소개도 하려고 한다.

위키 홈페이지를 만들기 위해 참조한 두 사이트를 소개 한다.

Trackback 0 Comment 11
  1. swinside 2008.11.28 15:41 신고 address edit & del reply

    오 좋은데요... plone 이나 Media Wiki 중에서 조만간 하나로 해봐야겠어요. Wiki 쓰다가.. 좀 불편해서... Wordpress 로 그냥 간단하게 만들어 쓰고 있긴한데... 아무래도 다시 Wiki로 가야할지도... 좋은 자료 감사합니다.

  2. 마루날 2008.12.08 10:02 address edit & del reply

    오.. 흥미롭습니다.

    그나저나 친구 12월에 모이기로 했는데
    편한 날짜를 찍어주게나 ^___^

  3. 조종우 2009.03.28 19:56 address edit & del reply

    도움이 많이 되었습니다. 감사합니다.

  4. ssam 2009.09.01 02:58 address edit & del reply

    대문이란 이름을 수정하고 싶으시면 아래처럼 수정하시면됩니다.

    <!-- // 대문 이름 막음 원본
    <h1 id="firstHeading" class="firstHeading"><?php // $this->data['displaytitle']!=""?$this->html('title'):$this->text('title') ?></h1>
    -->
    <!-- 대문 이름대신 서브페이지에 제목으로 -->
    <?php if($this->data['title'] != 'Main Page') { ?><h1 id="tagline" class="firstHeading"><?php $this->msg('tagline') ?></h1><?php } ?>
    <!-- 대문 이름대신 서브페이지에 제목으로 -->

    이렇게 수정하시면 좌측 서브메뉴에 첫번째 제목으로 수정됩니다.

    고맙습니다.

  5. 디백과 2010.07.14 01:25 address edit & del reply

    감사합니다!덕분에 많은걸 배웠습니다^^

  6. 구종회 2011.06.12 13:27 address edit & del reply

    아.. 위키사용하면서 답답했던 부분이 해결되었습니다. 감사합니다~

  7. 고래소년 2011.10.21 10:14 address edit & del reply

    안녕하세요~!^^ 기존 위키를 미디어위키로 이전하는데 큰 도움이 되었습니다. 감사합니다~!

  8. 나그네 2012.07.12 15:57 address edit & del reply

    잘 보고 갑니다. 위키홈피 제작에 관심이 생기네요

  9. 가람빛 2013.01.24 03:06 신고 address edit & del reply

    잘 읽었습니다. MediaWiki겨우 설치하고 막막했는데..

  10. 헬프미 2013.12.06 03:07 address edit & del reply

    주소가 자구 리다이렉션 되는데 어떻게 수정해야될까요??;
    외부접속은 어떻게 하죠?

  11. 이태호 2014.08.17 13:29 address edit & del reply

    안녕하세요 상명대학교 10학번 이태호 입니다.
    저번에 MITA학회에서 뵜었는데..ㅋㅋ
    연구실 홈페이지를 만들기위해 정보를 찾다가 우연히 들어왔는데
    교수님 블로그인것을 보고 깜짝 놀랐습니다!
    종종 방문하도록 하겠습니다 :)