このページの翻訳:
ソースの表示
最近の変更サイトマップ

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 13:23 by Decomo
CC Attribution-Noncommercial-Share Alike 4.0 International
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0