メインメニューを開く

差分

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

2,202 バイト追加, 2019年7月22日 (月) 13:38
ページの作成:「MediaWikiで作ったサイトを携帯で見ると、パソコンで見た画面と同じに表示されちゃうよね?本家さんのサイトを見ると、携帯…」
MediaWikiで作ったサイトを携帯で見ると、パソコンで見た画面と同じに表示されちゃうよね?本家さんのサイトを見ると、携帯用の表示がされるのに…<br/>
そんな感じで、携帯用の表示ができるようにしてみるよ。

= 大まかな手順 =
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>
<li>MobileFrontendの解凍<br/>解凍アプリを何でもいいから使って、解凍してね。</li>
<li>MobileFrontEndフォルダの作成<br/>MediaWikiをインストールしたディレクトリの「extensions」ディレクトリの中に「MobileFrontend」フォルダを作成してね。ここは、解凍したファイルをアップロードする場所になるよ。</li>
<li>MobileFrontendのアップロード<br/>好きなFTPのアプリを使って、MobileFrontendのファイルをアップロードするよ。アップロードするファイルは解凍したフォルダの中にある「wikimedia-mediawiki-extensions-MobileFrontend-xxxxxxxxx」の中身をアップロードするよ。間違えないでね。</li>
<li>LocalSettings.phpの修正<br/>MediaWikiをインストールしたディレクトリの中にある「LocalSettings.php」の「Enabled Extensions」のエリアに以下を追記するよ。<br/>追記が終わったら、携帯から見てみてね。
<source lang="PHP">
wfLoadExtension( 'MobileFrontend' );
$wgMFAutodetectMobileView = true;
$wgMFDefaultSkinClass = 'SkinVector'; //使用しているスキンに合わせて設定
</source>
</li>
</ol>

[[Category:MediaWiki]]