「MediaWikiに携帯用の画面を追加する」の版間の差分
ナビゲーションに移動
検索に移動
Rin-scrooge (トーク | 投稿記録) (ページの作成:「MediaWikiで作ったサイトを携帯で見ると、パソコンで見た画面と同じに表示されちゃうよね？本家さんのサイトを見ると、携帯…」) |
Rin-scrooge (トーク | 投稿記録) |
||
| (同じ利用者による、間の1版が非表示) | |||
| 2行目: | 2行目: | ||
そんな感じで、携帯用の表示ができるようにしてみるよ。 | そんな感じで、携帯用の表示ができるようにしてみるよ。 | ||
| − | = 大まかな手順 = | + | == 大まかな手順 == |
MediaWikiの拡張に「MobileFrontend」って言うのがあるよ。これを入れると、携帯で見た時にモバイル用の画面で表示されるようになるよ。 | MediaWikiの拡張に「MobileFrontend」って言うのがあるよ。これを入れると、携帯で見た時にモバイル用の画面で表示されるようになるよ。 | ||
| − | = 手順 = | + | == 手順 == |
<ol> | <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/>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> | ||
| 12行目: | 12行目: | ||
<li>MobileFrontendのアップロード<br/>好きなFTPのアプリを使って、MobileFrontendのファイルをアップロードするよ。アップロードするファイルは解凍したフォルダの中にある「wikimedia-mediawiki-extensions-MobileFrontend-xxxxxxxxx」の中身をアップロードするよ。間違えないでね。</li> | <li>MobileFrontendのアップロード<br/>好きなFTPのアプリを使って、MobileFrontendのファイルをアップロードするよ。アップロードするファイルは解凍したフォルダの中にある「wikimedia-mediawiki-extensions-MobileFrontend-xxxxxxxxx」の中身をアップロードするよ。間違えないでね。</li> | ||
<li>LocalSettings.phpの修正<br/>MediaWikiをインストールしたディレクトリの中にある「LocalSettings.php」の「Enabled Extensions」のエリアに以下を追記するよ。<br/>追記が終わったら、携帯から見てみてね。 | <li>LocalSettings.phpの修正<br/>MediaWikiをインストールしたディレクトリの中にある「LocalSettings.php」の「Enabled Extensions」のエリアに以下を追記するよ。<br/>追記が終わったら、携帯から見てみてね。 | ||
| − | < | + | <syntaxhighlight lang="PHP"> |
wfLoadExtension( 'MobileFrontend' ); | wfLoadExtension( 'MobileFrontend' ); | ||
$wgMFAutodetectMobileView = true; | $wgMFAutodetectMobileView = true; | ||
$wgMFDefaultSkinClass = 'SkinVector'; //使用しているスキンに合わせて設定 | $wgMFDefaultSkinClass = 'SkinVector'; //使用しているスキンに合わせて設定 | ||
| − | </ | + | </syntaxhighlight> |
</li> | </li> | ||
</ol> | </ol> | ||
[[Category:MediaWiki]] | [[Category: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'; //使用しているスキンに合わせて設定
