2019年7月26日 (金) 17:03時点における版

MediaWikiで作ったサイトを携帯で見ると、パソコンで見た画面と同じに表示されちゃうよね？本家さんのサイトを見ると、携帯用の表示がされるのに…
そんな感じで、携帯用の表示ができるようにしてみるよ。

大まかな手順

MediaWikiの拡張に「MobileFrontend」って言うのがあるよ。これを入れると、携帯で見た時にモバイル用の画面で表示されるようになるよ。

MobileFrontendのダウンロード
MobileFrontendを「Extension:MobileFrontend」からダウンロードするよ。
画面の右側の「Download snapshot」をクリックして、~~最新バージョン~~使用しているMediawikiと同じバーションをダウンロードしてね。
MobileFrontendの解凍
解凍アプリを何でもいいから使って、解凍してね。
MobileFrontEndフォルダの作成
MediaWikiをインストールしたディレクトリの「extensions」ディレクトリの中に「MobileFrontend」フォルダを作成してね。ここは、解凍したファイルをアップロードする場所になるよ。
MobileFrontendのアップロード
好きなFTPのアプリを使って、MobileFrontendのファイルをアップロードするよ。アップロードするファイルは解凍したフォルダの中にある「wikimedia-mediawiki-extensions-MobileFrontend-xxxxxxxxx」の中身をアップロードするよ。間違えないでね。
LocalSettings.phpの修正
MediaWikiをインストールしたディレクトリの中にある「LocalSettings.php」の「Enabled Extensions」のエリアに以下を追記するよ。
追記が終わったら、携帯から見てみてね。
```
wfLoadExtension( 'MobileFrontend' );
$wgMFAutodetectMobileView = true;
$wgMFDefaultSkinClass = 'SkinVector'; //使用しているスキンに合わせて設定
```

@@ 12行目: / 12行目: @@
 <li>MobileFrontendのアップロード<br/>好きなFTPのアプリを使って、MobileFrontendのファイルをアップロードするよ。アップロードするファイルは解凍したフォルダの中にある「wikimedia-mediawiki-extensions-MobileFrontend-xxxxxxxxx」の中身をアップロードするよ。間違えないでね。</li>
 <li>LocalSettings.phpの修正<br/>MediaWikiをインストールしたディレクトリの中にある「LocalSettings.php」の「Enabled Extensions」のエリアに以下を追記するよ。<br/>追記が終わったら、携帯から見てみてね。
-<source lang="PHP">
+<syntaxhighlight lang="PHP">
 wfLoadExtension( 'MobileFrontend' );
 $wgMFAutodetectMobileView = true;
 $wgMFDefaultSkinClass = 'SkinVector'; //使用しているスキンに合わせて設定
-</source>
+</syntaxhighlight>
 </li>
 </ol>
 [[Category:MediaWiki]]