MediaWiki でモバイルスキンの自動切り替え

Hitoshi Arakawa | 2024/03/23 Sat 04:03

docker-compose で MediaWiki を立てたことを書いた。

docker-compose で MediaWiki を立てる | The Offcial Website of Hitoshi Arakawa
https://www.hitoshiarakawa.com/blogs/2024/2024-03-20_docker-mediawiki/

MediaWiki はデフォルトのスキン(=テーマ)は「Vector (2022)」となっていた。

しかし iPhone で見たところ、デスクトップのスキンがそのまま使われてしまい、文字が小さく読みにくい。

iPhone などのモバイルでは、「MinervaNeue」というスキンが見やすいと分かった。(Vector (2022) も MinervaNeue もどちらも最初から MediaWiki にインストールされていた。)

そこでデスクトップでは Vector (2022) を、モバイルでは MinervaNeue に自動で切り替えるようにした。

デスクトップ・モバイル間でのスキンの自動切り替えには「MobileFrontend」という拡張機能を使う。

環境:
・VMware vSphere Hypervisor 7.0U3g
・Ubuntu 20.04.6
・MediaWiki 1.41.0
・macOS Ventura 13.5(作業環境)

(1)/mediawiki ディレクトリに extensions ディレクトリを作成していなければ作成する。

$ sudo mkdir extensions

(2)docker-compose.yml の mediawiki サービスの volumes: に以下を追記していなければ、追記する。

- ./mediawiki/extensions:/var/www/html/extensions

(3)MediaWiki のバージョンと同一のバージョンの「MobileFrontend」を追加する必要がある。

以下のページの「Download extension」をクリックして、今回は 1.41.0 の MediaWiki を使っているので、「1.41」を選択する。「Continue」をクリック。

Extension:MobileFrontend - MediaWiki
https://www.mediawiki.org/wiki/Extension:MobileFrontend

するとダウンロードのダイアログが出てくるが一旦閉じる。その代わり、リダイレクトされたページに以下のようなダウンロード URL が表示されるのでコピーしておく。

https://extdist.wmflabs.org/dist/extensions/MobileFrontend-REL1_41-7fb22bf.tar.gz

(4)3の URL で MobileFrontend をダウンロードする。

$ cd extensions/
$ sudo wget https://extdist.wmflabs.org/dist/extensions/MobileFrontend-REL1_41-7fb22bf.tar.gz
$ sudo tar xvfz ./MobileFrontend-REL1_41-7fb22bf.tar.gz
$ sudo rm -f MobileFrontend-REL1_41-7fb22bf.tar.gz

(4)MobileFrontend を有効化するために /mediawiki/LocalSettings.php に以下を追記する。

wfLoadExtension( 'MobileFrontend' );

(5)さらに、$wgDefaultSkin の部分を探し出し、デフォルトスキンの設定が以下をのようになっていることを確認する。

$wgDefaultSkin = "vector-2022";

(6)5よりも前の行に以下を追記する。モバイル用のデフォルトスキン設定だ。

$wgDefaultMobileSkin = "minerva";

LocalSettings.php を保存する。

(6)コンテナを再起動する。

$ sudo docker-compose stop
$ sudo docker-compose up -d

これでデスクトップとモバイルで自動でスキンが切り替わるようになった。

参考:
Skin:Minerva Neue - MediaWiki
https://www.mediawiki.org/wiki/Skin:Minerva_Neue

Extension:MobileFrontend - MediaWiki
https://www.mediawiki.org/wiki/Extension:MobileFrontend

Index of /dist/extensions/
https://extdist.wmflabs.org/dist/extensions/

【MediaWiki】Wikipediaと同様にパソコンとモバイルでスキン(テーマ)を自動で切り替える【MobileFrontend】 – 対象S連体W
https://hppy.net/2022/09/mediawiki-mobilefrontend/

MediaWikiに携帯用の画面を追加する - とある社畜の頭脳整理
https://knowledge.rinpress.com/index.php/

Amazon.co.jp: ウィキペディア・レボリューション: 世界最大の百科事典はいかにして生まれたか (ハヤカワ新書juice 5) : アンドリュー リー, Lih,Andrew, 敏生, 千葉: 本
https://amzn.to/3ILCwKI