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

提供: とある社畜の頭脳整理
ナビゲーションに移動 検索に移動
(ページの作成:「MediaWikiで作ったサイトを携帯で見ると、パソコンで見た画面と同じに表示されちゃうよね?本家さんのサイトを見ると、携帯…」)
(相違点なし)

2019年7月22日 (月) 13:38時点における版

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