「MediaWikiに携帯用の画面を追加する」の版間の差分

2019年9月10日 (火) 14:47時点における最新版

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'; //使用しているスキンに合わせて設定
```

@@ 2行目: / 2行目: @@
 そんな感じで、携帯用の表示ができるようにしてみるよ。
-= 大まかな手順 =
+== 大まかな手順 ==
 MediaWikiの拡張に「MobileFrontend」って言うのがあるよ。これを入れると、携帯で見た時にモバイル用の画面で表示されるようになるよ。
-= 手順 =
+== 手順 ==
 <ol>
 <li>MobileFrontendのダウンロード<br/>MobileFrontendを「[http://www.mediawiki.org/wiki/Extension:MobileFrontend Extension:MobileFrontend]」からダウンロードするよ。<br/>画面の右側の「Download snapshot」をクリックして、<del datetime="2018-11-05T16:55:00+09:00">最新バージョン</del><ins datetime="2018-11-05T16:55:00+09:00">使用しているMediawikiと同じバーション</ins>をダウンロードしてね。</li>