Loadskinプラグインを使ってDokuWikiをモバイル対応にする [のふ処|NOFUDOKORO]

dokuwiki:how_to_support_mobile_device_using_loadskin_plugin

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

--- dokuwiki:how_to_support_mobile_device_using_loadskin_plugin [2016-05-02 23:00]
Decomo 作成
+++ dokuwiki:how_to_support_mobile_device_using_loadskin_plugin [2016-05-16 22:23] (現在)
Decomo
@@ 行 3: / 行 3: @@
 猫も杓子もスマホのご時世、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''風の巷でよく見るスタイルで、いかにも”モバイル用”という感じだ。

dokuwiki/how_to_support_mobile_device_using_loadskin_plugin.1462197612.txt.gz
最終更新: 2016-05-02 23:00
by Decomo