メインメニューを開く

MediaWikiに携帯用の画面を追加する

2019年7月22日 (月) 13:38時点におけるRin-scrooge (トーク | 投稿記録)による版 (ページの作成:「MediaWikiで作ったサイトを携帯で見ると、パソコンで見た画面と同じに表示されちゃうよね?本家さんのサイトを見ると、携帯…」)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)

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

大まかな手順

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

手順

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