テーマ/カスタム

カスタムテーマ設定ページでは、 custom_themeテーマを使用しているときのサイトの外観を設定できます。このページで行った変更は、[サイトの管理]> [外観]> [テーマ]> [テーマセレクタ]からcustom_themeを選択した場合にのみ表示されます。

カスタムテーマの設定

設定ページには、サイトをカスタマイズするための以下のオプションがあります。

親テーマを使う
下記のメモを参照
標準Moodleテーマの上に親テーマを使用することを許可します。
自分のCSSをアップロードする
これはあなたがあなた自身の選択のCSSをアップロードして使用することを可能にするでしょう。このアップロードされたスタイルシートは、標準Moodleテーマと親テーマ(もしあれば)の後に適用されます。
以前にCSSをアップロードしたことがあり、そのCSSを再度アップロードせずに他の変更を加えたい場合は、[自分のCSSを使用する]チェックボックスオフにします。
以前にCSSをアップロードしたことがあり、それを使用したくない場合は、[自分のCSS使用する]チェックボックス オンにして[CSSアップロード]フィールドを空白のままにします。これにより、CSSファイルがサーバーから削除されます。
自分のFaviconをアップロードする
これはあなたがあなた自身の好みのFaviconをアップロードして使用することを可能にします。 Faviconは、ブラウザのURLの前に表示される小さなアイコンです。 faviconとしてアップロードできるのは、.icoファイルのみです。
Faviconを以前にアップロードしたことがあり、Faviconを再度アップロードせずに他の変更を加えたい場合は、[自分のfaviconを使用する]チェックボックスオフにします。
以前にFaviconをアップロードしたことがあり、使用したくない場合は、[自分のFavicon使用する]チェックボックスをオンにして、[ Upload Favicon]フィールドを空白のままにします。これにより、サーバーからfaviconファイルが削除されます。
あなた自身のMoodleロゴをアップロードする
これにより、あなたはあなたが選択したMoodleロゴをアップロードして使用することができます。ロゴとしてアップロードできるのは.jpgファイルのみです。
以前にMoodleロゴをアップロードした後で、再度Moodleロゴをアップロードせずに他の変更を加えたい場合は、[自分のMoodleロゴを使用する]チェックボックスオフにします。
あなたが以前にMoodleロゴをアップロードしたことがあり、それをもう使用したくない場合は、[自分のMoodleロゴ使用する]チェックボックスをオンにし、[ロゴアップロード]欄を空白のままにします。これであなたのMoodleロゴファイルがサーバーから削除されます。
その他のCSS要素
サイトに使用させたいさまざまなページ要素の値も指定できます。これらの値は、16進数で追加することも、各要素の横にあるパレットから選択することもできます。サイトでこれらの値をページ要素に使用したくない場合は、単に[ 次の値も使用]チェックボックスをオフにします。


- 親テーマ機能は含まれています。それはデータベースから彼/彼女によって指定された親テーマを抽出するために現在ログインしているユーザーについての情報を必要とするので、それは働くためにMoodleクッキーに依存します。しかし、現在すべてのMoodleテーマは$ nomoodlecookieをtrueに設定することでクッキーをブロックしています。したがって、親テーマ機能を動作させるには、親として選択したテーマのstyles.php内の次の行をコメントアウトする必要があります。

 $ nomoodlecookie = true ; 

この行が親テーマのstyle.phpでコメントアウトされていると、この機能は動作します。これは1回限りの作業であり、custom_themeの親テーマ機能の使いやすさを考慮して、今後のテーマリリースではこの行を省くことをお勧めします。

これらのページ要素は何ですか

カスタマイズできるさまざまなページ要素が横の画像に表示されています。

さまざまなカスタマイズ可能な要素

ページの最終的な外観

custom_themeを適用した後の最終ページの外観は、次の階層によって決まります。

1)標準テーマ
2)ユーザによって選択された親テーマ(もしあれば)。
3)ユーザーがアップロードしたCSSファイル(ある場合)。
4)Faviconのアップロードは、親テーマのアップロードよりも優先されます(存在する場合)。
5)アップロードされたMoodleロゴは、親テーマのものよりも優先されます(もしあれば)。
6)ユーザーが入力したCSS要素の値(ユーザーがそれらを使用することを選択した場合)。

関連情報