「テーマ」の版間の差分

提供:MoodleDocs
移動先:案内検索
(スペイン語への link)
 
(2人の利用者による、間の33版が非表示)
1行目: 1行目:
翻訳中です。
{{テーマ}}
 
Moodle には、XHTML および CSS を使用して多様な効果を出すことのできるパワフルな「テーマ」システムがあります。
 
* テーマは、サイトレベル、コースレベルおよびユーザレベルで[[テーマ設定|設定]]することができます。
* 各ページは、CSS を使用して個々にアドレス可能で、アイテムをピンポイントで修飾することができます。
* CSS クラスのネーミング方式は、簡単な英語を使用し、一貫性があり簡単に理解することができます。
* 新しいモジュールを作成する場合、スタイルシートの中でどのスタイルを使用するのか、Moodle に伝えることができます。
* テーマは、シンプルで機能的な「スタンダード」テーマをベースとすることができます。変更したいスタイルをオーバーライドして、あなたのテーマのスタイルシートに新しいスタイルを追加してください。これは、後にあなたが Moodle をアップグレードして新しいスタイルが必要な場合、あなたの独自のテーマを変更なしに Moodle が動作することを意味します。なぜなら、新しいクラスは「スタンダード」テーマに定義されるからです。
* テーマは、他のテーマをベースにすることもできます。このことにより、あなたはテーマのファミリーまたはバリエーションを容易に作成することができます。例えば、それぞれのコースで使用するため、基本的なレイアウトおよびロゴはそのままで、パステル調のテーマのバリエーションを作成することができます。アクセシビリティの目的で、異なる色を使用したテーマのファミリーを作成することもできます。


{{テーマ}}
==テーマセレクタ==


Moodle has a powerful '''themes''' system that allows for a variety of effects through the use of XHTML and CSS.
Moodle には、 [[Chameleon]] と呼ばれるインタラクティブなテーマを含む、テーマセレクタを使用して選択できる数多くのテーマがあります。あなた独自のテーマをデザインするため、また既存のテーマをさらに良くするため、Chameleon では Ajax を使用しています。Chameleon の Ajax 編集インターフェースは、管理者にのみ提供されます。


* Themes may be [[Theme config|configured]] at site level, course level and/or user level.
代わりに、Moodle.org からテーマをダウンロードすることもできます。
* Each page is individually-addressable via CSS, allowing you to pinpoint exact items.
* Our CSS class naming system uses simple English, is consistent and easily understood.
* New modules can tell Moodle what styles they need and automatically include these in the stylesheet.
* Themes can be based on the ''standard'' theme, which is very plain but functional.  You simply override styles you want to change by adding to the stylesheet in your own theme.  This means that if you upgrade Moodle later and new styles are needed, your custom theme will still work without any changes, because the new classes will be defined in the ''standard'' theme.
* Themes can also be based on any other theme.  This allows you to easily create families of themes, or variations on a theme.  For example you might create a spectrum of pastel shades for use in different courses, but with the same basic layout and logos.  You may also want to create a family of differently-coloured themes for accessibility purposes.


== 独自のテーマを作成する ==
== 独自のテーマを作成する ==


If you plan to work on your own theme please create a new one (with its own named subfolder) and use Moodle's feature to base your theme on an existing theme such as ''standard''. If you just modify one of the delivered themes it will be overwritten by the next Moodle update.
あなたがオリジナルのテーマに取り組みたい場合、(テーマの名称をつけたサブフォルダに) 新しいテーマを作成してください。「standard」テーマのような既存のテーマをベースとして、新たなテーマを作成することをお勧めします。同梱されているテーマを修正するだけでしたら、次の Moodle アップグレードで、上書きされてしまう可能性があります。
 
== テーマのインストール ==
 
テーマをインストールするには:
# 空のローカルディレクトリにテーマの ZIP ファイルを解凍してください。
# あなたのウェブサーバの /moodle/theme/[テーマ名] (あなたがダウンロードしたテーマと[テーマ名]を入れ替えてください) にフォルダをアップロードしてください。ウェウサーバが新しいテーマフォルダおよびコンテンツを読めることを確認してください。ファイルおよびフォルダの読み書き権を「755」に変更 (CHMOD) してください - オーナー (読み込み/書き込み/実行)、グループ (読み込み/書き込み/実行)、すべてのユーザ (読み込み/実行)。正しくないパーミッションの設定は、新しくインストールしたテーマを表示されなくします。
# 「サイト管理 > アピアランス > テーマ > テーマセレクタ (Moodle 1.7 以降) または「管理 > 設定 > テーマ] (古いバージョン)」により、あなたの新しいテーマを選択してください。
 
== テーマシステムの変更 ==


== Theme system changes across Moodle versions ==
Moodle 1.5 テーマは、以前のバージョンと大きく異なるため、[[テーマのアップグレード]]が必要です。[[アクセシビリティ]]改善のためXHTML構造が再作成されたことにより、[[1.6テーマのアップグレード|1.5から1.6への移行]]においても、テーマのアップグレードが必要です。


Moodle 1.5 themes are quite different from previous versions and so a [[Theme upgrade|theme upgrade]] is required. A theme upgrade is also required for the [[1.6 theme upgrade|transition from 1.5 to 1.6]], since the XHTML structure has been reworked for improved [[Accessibility|accessibility]].
==コアテーマ==


Moodle 1.9 に同梱されているテーマは、[[Chameleon theme|chameleon]]、cornflower、[[Custom corners theme|custom corners]]、formal white、metal、oceanblue、orangewhite、orangewhitepda、standard (デフォルト)、standardblue、standardgreen、standardlogo、standardred、standardwhite、wood です。


[[Category:管理者]]
[[Category:管理者]]
[[Category:開発者]]
[[Category:開発者]]
[[Category:テーマ]]
[[Category:テーマ]]
[[en:Themes]]
[[es:Temas]]

2010年9月9日 (木) 02:50時点における最新版

Moodle には、XHTML および CSS を使用して多様な効果を出すことのできるパワフルな「テーマ」システムがあります。

  • テーマは、サイトレベル、コースレベルおよびユーザレベルで設定することができます。
  • 各ページは、CSS を使用して個々にアドレス可能で、アイテムをピンポイントで修飾することができます。
  • CSS クラスのネーミング方式は、簡単な英語を使用し、一貫性があり簡単に理解することができます。
  • 新しいモジュールを作成する場合、スタイルシートの中でどのスタイルを使用するのか、Moodle に伝えることができます。
  • テーマは、シンプルで機能的な「スタンダード」テーマをベースとすることができます。変更したいスタイルをオーバーライドして、あなたのテーマのスタイルシートに新しいスタイルを追加してください。これは、後にあなたが Moodle をアップグレードして新しいスタイルが必要な場合、あなたの独自のテーマを変更なしに Moodle が動作することを意味します。なぜなら、新しいクラスは「スタンダード」テーマに定義されるからです。
  • テーマは、他のテーマをベースにすることもできます。このことにより、あなたはテーマのファミリーまたはバリエーションを容易に作成することができます。例えば、それぞれのコースで使用するため、基本的なレイアウトおよびロゴはそのままで、パステル調のテーマのバリエーションを作成することができます。アクセシビリティの目的で、異なる色を使用したテーマのファミリーを作成することもできます。

テーマセレクタ

Moodle には、 Chameleon と呼ばれるインタラクティブなテーマを含む、テーマセレクタを使用して選択できる数多くのテーマがあります。あなた独自のテーマをデザインするため、また既存のテーマをさらに良くするため、Chameleon では Ajax を使用しています。Chameleon の Ajax 編集インターフェースは、管理者にのみ提供されます。

代わりに、Moodle.org からテーマをダウンロードすることもできます。

独自のテーマを作成する

あなたがオリジナルのテーマに取り組みたい場合、(テーマの名称をつけたサブフォルダに) 新しいテーマを作成してください。「standard」テーマのような既存のテーマをベースとして、新たなテーマを作成することをお勧めします。同梱されているテーマを修正するだけでしたら、次の Moodle アップグレードで、上書きされてしまう可能性があります。

テーマのインストール

テーマをインストールするには:

  1. 空のローカルディレクトリにテーマの ZIP ファイルを解凍してください。
  2. あなたのウェブサーバの /moodle/theme/[テーマ名] (あなたがダウンロードしたテーマと[テーマ名]を入れ替えてください) にフォルダをアップロードしてください。ウェウサーバが新しいテーマフォルダおよびコンテンツを読めることを確認してください。ファイルおよびフォルダの読み書き権を「755」に変更 (CHMOD) してください - オーナー (読み込み/書き込み/実行)、グループ (読み込み/書き込み/実行)、すべてのユーザ (読み込み/実行)。正しくないパーミッションの設定は、新しくインストールしたテーマを表示されなくします。
  3. 「サイト管理 > アピアランス > テーマ > テーマセレクタ (Moodle 1.7 以降) または「管理 > 設定 > テーマ] (古いバージョン)」により、あなたの新しいテーマを選択してください。

テーマシステムの変更

Moodle 1.5 テーマは、以前のバージョンと大きく異なるため、テーマのアップグレードが必要です。アクセシビリティ改善のためXHTML構造が再作成されたことにより、1.5から1.6への移行においても、テーマのアップグレードが必要です。

コアテーマ

Moodle 1.9 に同梱されているテーマは、chameleon、cornflower、custom corners、formal white、metal、oceanblue、orangewhite、orangewhitepda、standard (デフォルト)、standardblue、standardgreen、standardlogo、standardred、standardwhite、wood です。