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

1 개요[편집]

미디어위키 모바일웹 설정
미디어위키 모바일웹 스킨 적용
미디어위키 스마트폰 스킨
미디어위키 WPTouch 스킨 설치

2 스킨 설치[편집]

3 모바일 분기[편집]

  • LocalSettings.php를 수정해서 기기에 맞는 스킨이 적용되도록 분기시키면 된다.
  • PC이면 기존 스킨 'vector'로[3], 모바일 기기라면 '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 같이 보기[편집]

5 주석[편집]

  1. wptouch 폴더, WPtouch.deps.php, WPtouch.php 가 남아 있게 된다.
  2. wptouch 폴더, WPtouch.deps.php, WPtouch.php
  3. 일반PC용 스킨 vector. 기본값.

6 참고[편집]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}