DokuWiki

It's better when it's simple

ユーザ用ツール

サイト用ツール


ja:devel:css

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン両方とも次のリビジョン
ja:devel:css [2008-11-24 06:02] – typo & refine 124.102.221.92ja:devel:css [2014-05-07 15:56] s.sahara
行 1: 行 1:
 ====== CSS スタイルシート ====== ====== CSS スタイルシート ======
  
-[[ja:DokuWiki]] の見栄えのほとんどは CSS スタイルシートを通じて制御することができます。DokuWiki はそれ自身では最小限のスタイルしか定義しません。CSS 定義の残りは、使用されている[[ja:template|テンプレート]]と[[ja:plugins|プラグイン]]に由来します。+[[ja:DokuWiki]] の見栄えのほとんどは CSS スタイルシート制御されます。DokuWiki本体は最小限のスタイル定義しかカバーしていません。CSS 定義の残りは、使用されている[[ja:template|テンプレート]]と[[ja:plugins|プラグイン]]に由来します。
  
-すべての CSS ファイルは、''lib/exe/css.php'' にある単一のディスパッチャを通じて取得されます。これは、キャッシュ、パターン置換、最適化について扱います。スタイルシートなどのロードは''tpl_metaheaders()'' 関数を経由して行われるので、あなたのテンプレート内に入れ忘れないようにしてください。+すべての CSS ファイルは、''lib/exe/css.php'' にある単一のディスパッチャを通じて収集されます。この過程で、キャッシュ、パターン置換、[[LESS]]ファイルのコンパイル、最適化の処理行われます。テンプレートでのスタイルシートのロードは ''tpl_metaheaders()'' 関数を経由して行われるので、あなたのテンプレート内にこの関数を入れ忘れないようにしてください。 
 + 
 +===== スタイルシートのモード ===== 
 + 
 +DokuWiki はデフォルトでは 5 タイプのスタイルシートのモードを認識します: 
 + 
 +  - **screen**: Web ブラウザにページを表示する際に使われます 
 +  - **print**: ここでの定義が印刷用のページで使用されます 
 +  - **all**: すべての表示モードで適用されます 
 +  - **rtl**: 右から左に書く[[ja:localization|言語]]が使用されている際に ''rtl'' ファイル内の定義が追加ロードされます\\ :!: **[[deprecated]], see [[#RTL Styles]]** 
 +  - **feed**: フィードの表示時に適用されます 
 + 
 + 
 +==== RTL Styles ==== 
 +RTL モードは DokuWiki Angua 以降で廃止されました
  
 ===== DokuWiki スタイルシート ===== ===== DokuWiki スタイルシート =====
行 9: 行 23:
  
 ==== 1. ベーススタイルシート ==== ==== 1. ベーススタイルシート ====
-これらのスタイルシートは ''/lib/styles'' に配置されています。これらは、エラーメッセージの見た目のような基本的なスタイルを定義し、また、コンテンツを表示させない .no クラスのような便利なスタイルを定義します。+これらのスタイルシートは ''/lib/styles'' に配置されています。これらは、エラーメッセージの見た目のような基本的なスタイルを定義します。
  
 ==== 2. プラグインスタイル ==== ==== 2. プラグインスタイル ====
-プラグインはそれら自身のスタイルを以下のファイルを用いて定義することができます:+プラグインは自身のスタイルを以下のファイルを用いて定義することができます:
  
 ^ CSS ファイル     ^ いつ使用されるか ^ ^ CSS ファイル     ^ いつ使用されるか ^
-| ''style.css''  すべての表示モードで適用 |+| ''style.css'' \\ または\\ ''screen.css'' ブラウザ画面で表示されるときに適用 |
 | ''print.css''  | ページが印刷されるときに適用 | | ''print.css''  | ページが印刷されるときに適用 |
-| ''rtl.css''    | 右から左に書くインターフェース言語が用いられるときに適用 |+''all.css''    | すべての表示モードで適用 | 
 +| <del>''rtl.css''</del>    <del>右から左に書くインターフェース言語が用いられるときに適用</del>\\ :!: **[[deprecated]], see [[#RTL Styles]]** | 
 +| ''feed.css''   | フィードの表示時に適用 |
  
 任意のテンプレートの色使いにうまく適合させるため、プラグインの作者は[[#保証色彩プレースホルダー]]を用いるべきです。 任意のテンプレートの色使いにうまく適合させるため、プラグインの作者は[[#保証色彩プレースホルダー]]を用いるべきです。
行 37: 行 53:
  
 ^ CSS ファイル              ^ いつ使用されるか ^ ^ CSS ファイル              ^ いつ使用されるか ^
-| ''conf/userstyle.css'' すべての表示モードで適用 |+| ''conf/userstyle.css'' ブラウザ画面で表示されるときに適用 |
 | ''conf/printstyle.css'' | ページが印刷されるときに適用 | | ''conf/printstyle.css'' | ページが印刷されるときに適用 |
-| ''conf/rtlstyle.css''   | 右から左に書くインターフェース言語が用いられるときに適用 |+| ''conf/rtlstyle.css''   | 右から左に書くインターフェース言語が用いられるときに適用\\ :!: **[[deprecated]], see [[#RTL Styles]]** | 
 +| ''conf/userfeed.css''   | フィードの表示時に適用 | 
 +| ''conf/userall.css''    | すべての表示モードで適用 | 
  
 これは、テンプレートやプラグインが後日更新された場合にも問題を起こすことなく、それらのスタイルの小さな部分を上書きするのに便利です。 これは、テンプレートやプラグインが後日更新された場合にも問題を起こすことなく、それらのスタイルの小さな部分を上書きするのに便利です。
  
-===== スタイルシートのモード ===== 
- 
-DokuWiki はデフォルトでは 3 タイプのスタイルシートのモードを認識します: 
- 
-  - **screen** これがデフォルトのモードで、 Web ブラウザにページを表示する際に使われます 
-  - **print** ここでの定義が印刷用のページで使用されます 
-  - **rtl** 右から左に書く[[ja:localization|言語]]が使用されている際に ''rtl'' ファイル内の定義が追加ロードされます 
  
 ===== ID の使用 ===== ===== ID の使用 =====
ja/devel/css.txt · 最終更新: 2023-12-02 11:13 by 27.83.50.17

特に明示されていない限り、本Wikiの内容は次のライセンスに従います: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki