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

提供: とある社畜の頭脳整理
ナビゲーションに移動 検索に移動
(ページの作成:「MediaWikiで作ったサイトを携帯で見ると、パソコンで見た画面と同じに表示されちゃうよね?本家さんのサイトを見ると、携帯…」)
 
 
(同じ利用者による、間の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/>追記が終わったら、携帯から見てみてね。
<source lang="PHP">
+
<syntaxhighlight lang="PHP">
 
wfLoadExtension( 'MobileFrontend' );
 
wfLoadExtension( 'MobileFrontend' );
 
$wgMFAutodetectMobileView = true;
 
$wgMFAutodetectMobileView = true;
 
$wgMFDefaultSkinClass = 'SkinVector'; //使用しているスキンに合わせて設定
 
$wgMFDefaultSkinClass = 'SkinVector'; //使用しているスキンに合わせて設定
</source>
+
</syntaxhighlight>
 
</li>
 
</li>
 
</ol>
 
</ol>
  
 
[[Category:MediaWiki]]
 
[[Category:MediaWiki]]

2019年9月10日 (火) 14:47時点における最新版

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