トップ   編集 凍結 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS   ログイン

TOP>ねこ丸>PukiWikiスキン

TSNETWiki のベーススキンを作りました。ベーススキンを利用するためのメモ書きを並べてありますが、現在の TSNETWiki のスキンとは異なる部分もあるので、そのまま当てはまるわけではありません。

すでに obsolete な感じです。

修正の必要なプラグイン

navi

印刷のときに navi プラグインの出力を display: none で隠している。このために以下の部分の修正が必要。

	if ($footer) // フッタ
	{
		$ret = <<<EOD
<div class="navi_footer"> <!-- ここと -->
<hr class="full_hr" />
<ul class="navi">
<li class="navi_left">{$navi[$home]['prev1']}<br />{$navi[$home]['prev']}</li>
<li class="navi_right">{$navi[$home]['next1']}<br />{$navi[$home]['next']}</li>
<li class="navi_none">{$navi[$home]['home1']}<br />{$navi[$home]['up']}</li>
</ul>
</div> <!-- ここ -->
EOD;
	}

CSS の編集に関わる部分

嗜好に関わりそうな部分

認知を妨げる仕様

ini ファイルに依存する部分

// リスト構造の左マージン
// $_ul_left_margin = 0;   // リストと画面左端との間隔(px)
// $_ul_margin = 16;       // リストの階層間の間隔(px)
// $_ol_left_margin = 0;   // リストと画面左端との間隔(px)
// $_ol_margin = 16;       // リストの階層間の間隔(px)
// $_dl_left_margin = 0;   // リストと画面左端との間隔(px)
// $_dl_margin = 16;        // リストの階層間の間隔(px)
// $_list_pad_str = ' class="list%d" style="padding-left:%dpx;margin-left:%dpx"';
$_list_pad_str = ' class="list%d"';

つーかこれは PukiWiki 1.4 の設計方針がおかしいでしょう。スタイルを CSS に分離すると言っておきながらなんで ini ファイルを利用して style 属性に埋め込んじゃうかなぁ。しかも px で。あと、やたらと px 単位なのはホントーにどうにかしてほしいのです。

※ 確かに list 周りを上手に調整するのは難しいですし、破綻しているブラウザもあるので気持ちは分かりますが。

CSS 関係のバグをまとめて回避する方法

1.4 から加わった、user agent を判別する処理を利用して、CSS 関係の激しいバグを持つブラウザに対して、CSS を適用しない skin を用意してやります。以下の手順でやってみてください。

  1. ます pukiwiki.ini.php の
    $agents = array(
    の部分に
    array('name'=>'nocss','pattern'=>'#(Mozilla/[1-3])|(Mozilla/4\.([^0]|0[^\s]|0 \[))|w3m|iCab#')
    を加えます。(w3m は最初から無視なので意味ないんですし、他に避けたいブラウザの user agent が分かっていれば正規表現で加えていきます。)
  2. すると nocss.ini.php が必要になります。default.ini.php をコピーして作ります。
  3. nocss.ini.php の中で
    // スキンファイルの場所
    define('SKIN_FILE','./skin/nocss.skin.'.LANG.'.php');
    のように pukiwiki.skin.ja.php とは違う skin を呼び出しようにします。
  4. で、上の例で言うと nocss.skin.ja.php を ini ファイルと同じように pukiwiki.skin.ja.php からコピーして作ります。
  5. stylesheet を呼び出している link タグをカットします。

以上です。



添付ファイル: filecolor.css 527件 [詳細] filepukiwiki.skin.ja.php 614件 [詳細] filefreeze.png 540件 [詳細] filelayout.css 463件 [詳細] fileprintable.css 468件 [詳細] fileunfreeze.png 497件 [詳細]

Last-modified: 2023-12-14 (木) 22:31:42