미디어위키 모바일웹 적용 (WPTouch)

1 개요

미디어위키 모바일웹 설정

미디어위키 모바일웹 스킨 적용

미디어위키 스마트폰 스킨

미디어위키 WPTouch 스킨 설치

• 공식 모바일 스킨이 나오기 전에 사용하던 스킨
• 현재는 미디어위키 MobileFrontend(공식 스킨) 사용이 권장됨

2 스킨 설치

• http://www.2shared.com/file/PDT47NM-/MW_1-18-0_WPTouch.html 접속
• [Download] 클릭하여 MW_1-18-0_WPTouch.zip 다운로드
• 압축 해제
• 압축 해제한 폴더에 들어가서 ReadMe.txt 삭제
• 모두를 웹서버 미디어위키 폴더 아래의 skins 폴더에 업로드

3 모바일 분기

• LocalSettings.php를 수정해서 기기에 맞는 스킨이 적용되도록 분기시키면 된다.
• PC이면 기존 스킨 'vector'로, 모바일 기기라면 'wptouch' 스킨으로 분기시키자.
• 기기를 판단하는 방법은 확장기능을 이용하는 방법과, HTTP_USER_AGENT 값을 직접 확인하고 분기시키는 하드코딩 방법이 있다.

3.1 방법1: 하드코딩 (직접 처리)

LocalSettings.php 변경 전

## Default skin: you can change the default skin. Use the internal symbolic
## names, ie 'standard', 'nostalgia', 'cologneblue', 'monobook', 'vector':
$wgDefaultSkin = 'vector';

LocalSettings.php 변경 후

## Default skin: you can change the default skin. Use the internal symbolic
## names, ie 'standard', 'nostalgia', 'cologneblue', 'monobook', 'vector':
if (preg_match("/(mobile|webos|opera mini)/i", $_SERVER['HTTP_USER_AGENT'])) $wgDefaultSkin = 'wptouch';
else $wgDefaultSkin = 'vector';

3.2 방법2: 확장기능 설치/활용

• 확장기능 폴더 아래에 MobileDetect 폴더 생성
• MobileDetect 폴더에 MobileDetect.php 파일 생성
• MobileDetect.php 파일의 내용을 여기의 Code 문단 내용으로 교체

LocalSettings.php 변경 전

## Default skin: you can change the default skin. Use the internal symbolic
## names, ie 'standard', 'nostalgia', 'cologneblue', 'monobook', 'vector':
$wgDefaultSkin = 'vector';

LocalSettings.php 변경 후

## Default skin: you can change the default skin. Use the internal symbolic
## names, ie 'standard', 'nostalgia', 'cologneblue', 'monobook', 'vector':
$wgDefaultSkin = "vector"
require_once("$IP/extensions/MobileDetect/MobileDetect.php");
if( mobiledetect() ) $wgDefaultSkin = "wptouch";

4 같이 보기

• 모바일웹 스마트폰 기종 확인
• 미디어위키 MobileFrontend 설치 ★

6 참고

• http://www.mediawiki.org/wiki/Extension:MobileDetect
• http://smartcloud.pe.kr/wp/?p=178