Loadskinプラグインを使ってDokuWikiをモバイル対応にする

猫も杓子もスマホのご時世、Webサイトのモバイル対応は必須な/-ふいんき-/雰囲気だ。Googleの検索結果に「モバイルフレンドリーではありません」と表示されるのも癪だし、勉強もかねて当サイト─つまりはDokuWikiのモバイル対応を行ってみた。

• PC/モバイル環境でテンプレートを完全に分ける。
  • それぞれの環境用に調整がし易いため。
  • CSSを駆使すれば1つのテンプレートでレスポンシブデザインも可能だが調整が面倒だし、それぞれの環境で不要なデータも読むことになるのでトラフィック的に優しくないし（まぁ最近の通信環境なら気にするほどでもないだろうが…）
• 可能な限りWikiコード, テンプレートコードには手を加えない。
  • Wiki/テンプレート更新時に変更箇所が巻き戻ってしまうので…

• DokuWiki Release 2014-09-29d “Hrun”
• LoadSkinプラグイン
• m1テンプレート (モバイル用テンプレート)

LoadSkinプラグインを使うとモバイル用のテンプレートを指定でき、閲覧環境に相応しいものを自動で適用してくれる。今回の用途には適任なのである。

モバイル用テンプレートにはm1をチョイス。iOSのUINavigationBar風の巷でよく見るスタイルで、いかにも”モバイル用”という感じだ。