ResponsiveDesign - beec1e @ Wiki

Overview

@wiki には Desktop モード、Smartphone(sp) モード、Mobile(m) モードの 3 種類があり、それぞれでプラグインの表示が異なる。

Pukiwiki の仕様上、プラグインから出力される HTML は静的に決定されており、カスタマイズが困難である。
inline style で出力すると環境によって崩れやすくなるし、かといって CSS で適切にデザインすることも難しい。
しかも、それを 3 種類の環境においてテストする必要がある(*1)。

Mobile モードについてはメンテナンスの終了が既に告知されている。
Smartphone モードは積極的に開発が行われている。しかし、プラグイン表示に起因するバグも多いようだ。
Desktop モードを Responsive Design にして一本化するような動きは見られない(*2)。

そこで Desktop モードを Responsive Design で利用できないかどうか、試してみることにする。

Howto

• 管理ページ > こだわり設定 > スマートフォンでのアクセス時の表示
  • PCページを表示 に変更
• 管理ページ > CSSカスタマイズ > 基本デザインのCSSを無効化する
  • チェックを入れる
• 管理ページ > CSSカスタマイズ > ユーザ定義CSS
  • 任意の CSS を書く

基本デザインによって出力される HTML が変わるため、基本デザイン選びが重要。

問題点

• 外部から Smartphone モードにアクセスされた場合にリダイレクトされない
• <meta viewport="..." /> が出力されない
• サイドバーの追尾広告をなんとかする必要がある

---

*1 利用者も地獄だし、開発者も地獄だろう

*2 既存スキンに心臓バイパス手術を行うような真似はたぶんうまくいかないので正しいと言えば正しい