MediaWikiに携帯用の画面を追加する
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'; //使用しているスキンに合わせて設定