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

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

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

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

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

  • dokuwiki/how_to_support_mobile_device_using_loadskin_plugin.txt
  • 最終更新: 2016-05-16 22:23
  • by Decomo