====== Loadskinプラグインを使ってDokuWikiをモバイル対応にする ====== 猫も杓子もスマホのご時世、Webサイトのモバイル対応は必須な/-ふいんき-/雰囲気だ。Googleの検索結果に「モバイルフレンドリーではありません」と表示されるのも癪だし、勉強もかねて当サイト─つまりはDokuWikiのモバイル対応を行ってみた。 ===== 方針 ===== * PC/モバイル環境でテンプレートを完全に分ける。 * それぞれの環境用に調整がし易いため。 * CSSを駆使すれば1つのテンプレートでレスポンシブデザインも可能だが調整が面倒だし、それぞれの環境で不要なデータも読むことになるのでトラフィック的に優しくないし(まぁ最近の通信環境なら気にするほどでもないだろうが…) * 可能な限りWikiコード, テンプレートコードには手を加えない。 * Wiki/テンプレート更新時に変更箇所が巻き戻ってしまうので… ===== 試した環境 ===== * DokuWiki Release 2014-09-29d "Hrun" * [[https://www.dokuwiki.org/plugin:loadskin|LoadSkin]]プラグイン * [[https://www.dokuwiki.org/template:m1|m1]]テンプレート (モバイル用テンプレート) LoadSkinプラグインを使うとモバイル用のテンプレートを指定でき、閲覧環境に相応しいものを自動で適用してくれる。今回の用途には適任なのである。 モバイル用テンプレートにはm1をチョイス。iOSの''UINavigationBar''風の巷でよく見るスタイルで、いかにも”モバイル用”という感じだ。