Category::Plugin, Design, CSS

デフォルトプラグインにクラス属性を

  • ページ: BugTrack
  • 投稿者: taiko?
  • 優先順位: 普通
  • 状態: 提案
  • カテゴリー: 本体新機能
  • 投稿日: 2004-04-28 (水) 20:27:37
  • バージョン: 1.4.3

メッセージ

プラグインが出力するhtmlにあらかじめ規則性のあるクラス属性を付加しておくというのはどうでしょうか?例えばブロック型プラグインである、calendar2.inc.phpなら

<table class="calendar2"~

のようにプラグイン名などがあらかじめクラス名としてついていると、後々プラグインによって表示される場所の見た目をピンポイントで編集しやすいと思います。

また、htmlタグを出力していないものはそのプラグインがブロック型か、インライン型かに応じて最初から<div>あるいは<span>で囲っておくというルールを設けるのはどうでしょうか?

プラグインによっては出力形式が不定の場合があったり、インライン、ブロック両対応だったりするものがあるので、実現はなまなかではないと思いますが、こういった規則性があるとスキンに手を入れる側としても、また新たにプラグインを制作する人も出力するhtmlをどう記述すればいいかの目安になると思います。


  • CVS版に対するパッチですが、plugin/calendar_viewer.inc.php,skin/pukiwiki.css.php,skin/tdiary.css.phpに対するパッチをこのページにupしておきました。内容は、"次のn件"が一部のtDiaryテーマで画面外に出てしまう件の修正です。ついでに、テーブルではなくてdivとspanでくくってCSSでレイアウトしてみました。一応、PukiWiki標準や一部のtDiaryテーマで表示を確認しました。実際にどうなったかご覧になりたい方はコチラへどうぞ。*1 -- okkez 2005-01-17 (月) 04:11:27
  • プラグインごとにclassを与えておくのはいい方法ですね。とりあえずokkezさんとこの日記がとても綺麗なので、calendar_viewerとtDiaryスキンの干渉についてはどうにかしたいですね :) -- henoheno 2005-01-23 (日) 13:43:19
  • ありがとうございます。私の方でも時間を作って見ていこうと思います。 -- okkez 2005-01-23 (日) 17:27:26
  • tDiaryテーマとcalendar_viewerの件、Firefoxでは問題ありませんが、MSIEで見た場合に、たしかに「次のN件」が画面外に飛び出すことを確認しました。 -- henoheno 2005-01-25 (火) 23:35:33
  • やっぱりデザインの見た目は各ブラウザで違うから、今度からは自分がどのブラウザで見た目を確認したのかも書くようにします。パッチの取り込みありがとうございます。デザインのためのテーブルタグは撲滅する方向でいいんですよね?:) -- okkez 2005-01-26 (水) 01:39:35
    • そうですね、tDiaryスキンなどはtableレスですから、撲滅の方向でいないと不都合を助長することでしょう。 -- henoheno 2005-01-26 (水) 22:47:03
  • これってどこまでやるといいのでしょうか?つまり、たとえば recent プラグインだと <div>最新のn件</div><ul><li>...</li><li>....</li></ul> のようになっているわけですが、div と ul に class 属性を追加するかんじでしょうか?それとも li にも追加するのでしょうか?それとも全部をくくった div を作ってそれに class を指定しておくのでしょうか?理想は全てにですかね? -- 2005-01-27 (木) 14:07:33
    • こんにちは :) 今回の okkez さんと calendar_viewer の関係のように、具体的なニーズと利益が見えるものについて、一組(ソースとCSSをセットで直す必要アリ)づつ手をつけるのが良いと思います。手が動きますから。どのくらい綺麗かどうかより、動くかどうかが優先されると思います。細かくつけまくるのもどうかとは思います (^^; -- henoheno 2005-01-27 (木) 21:46:40


*1 日記の内容には突っ込まないで下さい (^^;

添付ファイル: fileskin_calendar_viewer.diff 839件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2005-02-15 (火) 19:54:22
Site admin: PukiWiki Development Team

PukiWiki 1.5.2+ © 2001-2019 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u8. HTML convert time: 0.244 sec.

OSDN