テーマ

提供:MoodleDocs
移動先:案内検索

再作成中です - Mitsuhiro Yoshida 2008年5月25日 (日) 10:44 (CDT)

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

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

テーマセレクタ

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

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

独自のテーマを作成する

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

テーマのインストール

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

  1. 空のローカルディレクトリにテーマのZIPファイルを解凍してください。
  2. あなたのウェブサーバの /moodle/theme/[テーマ名] (あなたがダウンロードしたテーマと[テーマ名]を入れ替えてください.) にフォルダをアップロードしてください。Ensure the new theme folder and its contents are readable by the webserver. Change Read and Write permissions (CHMOD) for the files and folder to 755 - Owner read/write/execute, Group read/execute, Everyone read/execute. Incorrect permissions may prevent display of the newly installed theme.
  3. Choose your new theme from within Moodle via Administration > Appearance > Themes > Theme selector (version 1.7+) or Administration > Configuration > Themes (older versions).

テーマシステムの変更

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

コアテーマ

Themes included in Moodle 1.9 are chameleon, cornflower, custom corners, formal white, metal, oceanblue, orangewhite, orangewhitepda, standard (default), standardblue, standardgreen, standardlogo, standardred, standardwhite, wood