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

Jmnote bot (토론 | 기여)님의 2017년 7월 14일 (금) 04:06 판 (봇: 자동으로 텍스트 교체 (-==참고 자료== +==참고==))

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 }}