テーマFAQ

メインページ ►Moodleサイトの管理 ► サイトのアピアランス ► テーマ ► テーマのFAQ
テーマ

内容

Moodleのその他のテーマはどこにありますか？

あなたのMoodleインストールで見つかる標準テーマと同様に、 Moodleプラグインディレクトリからダウンロード可能な無料のテーマがたくさんあります- カテゴリー：テーマ 。あなたが現在使用しているバージョンのMoodleに合った正しいバージョンのテーマを選択することを忘れないでください。

'More'テーマ - フロントページにコースとは異なる背景画像を表示する方法はありますか。

フォーラムの投稿を参照してください。 より多くのテーマ - コースのための異なる背景

New themeをインストールする方法

  1. 空のローカルディレクトリに.zipファイルを解凍します。
  2. Webサーバーのフォルダを/ moodle / theme / [テーマ名]にアップロードします。 （[テーマ名]をダウンロードしたテーマの名前に置き換えます。）New themeフォルダとその内容がWebサーバーで読み取り可能であることを確認します。ファイルとフォルダーの読み取りおよび書き込み権限（CHMOD）を755 - 所有者読み取り/書き込み/実行、グループ読み取り/実行、全員読み取り/実行に変更します。権限が正しくないと、新しくインストールしたテーマが表示されないことがあります。
  3. Moodle内から[管理]> [アピアランス]> [テーマ]> [テーマセレクタ]でNew themeを選択してください。

cPanelを使うとき、どうやってNew themeをインストールするのですか？

  1. New themeの.zipファイルをcPanel経由でWebサーバーにアップロードします。
  2. それからcPanelを使用してあなたのMoodleテーマのフォルダにNew themeをインストールしてください。New themeは/ moodle / theme / [mytheme]の独自のフォルダにインストールされます（[mytheme]はNew themeの名前です）。
  3. New themeフォルダとその内容がWebサーバーから読み取り可能であることを確認してください。必要に応じて、ファイルとフォルダの読み取りおよび書き込み権限（CHMOD）を755 - 所有者の読み取り/書き込み/実行、グループの読み取り/実行、全員の読み取り/実行に変更します。権限が正しくないと、新しくインストールしたテーマが表示されないことがあります。
  4. [管理]> [アピアランス]> [テーマ]> [テーマセレクタ]で、Moodle内からNew themeを選択してください。

アップロードしたNew themeがTheme Selectorに表示されないのはなぜですか。

あなたはおそらく何かを正しくするのを忘れていました。これは、 "standard"という既存のテーマから "新しい"テーマを作成する手順です。テーマを表示するには、変更する必要がある場所を太字で表示します。

  1. フォルダtheme / standardをコピーしてtheme / newと呼びます。
  2. theme / new / lang / enフォルダに、
    1. theme_standard.phpをtheme_new.phpに名前変更しました
  3. theme / new / lang / en / theme_new.phpを開き、2行を変更して次のようにすることをお勧めします。
    1. $ string ['pluginname'] = 'New theme - Martin D';
    2. '; $ string [' choosereadme '] ='New themeはStandardテーマから来たもので、2011年にMartin Dによって変更されています。
    3. ファイルを保存しました
  4. theme / new / config.phpに
    1. $ THEME-> NAME = 'new'を変更してください 。
  5. [管理]> [サイトの管理]> [アピアランス]> [テーマ設定] > [テーマデザイナーモード]に移動しました（チェックあり）
  6. 設定>サイト管理>アピアランス>テーマセレクタ
    1. テーマキャッシュをクリアする
    2. テーマを選択
ヒント：アップロードしたテーマには多くの問題がある可能性がありますが、テーマフォーラムで報告されている1つの大きな問題はすべて、テーマが特定のサーバーにアップロードされる方法を示しています。よくある質問に記載されているcPanelメソッドの使用cPanelを使用するときにNew themeをインストールする方法を教えてください。ほとんどの場合、問題は解決します。

どのテーマをどこに表示するかを制御するにはどうすればよいですか。

[管理]> [サイトの管理]> [アピアランス]> [テーマ]> [テーマ設定]で一連の設定を使用して、どのテーマをどのコンテキストに表示するかを制御できます。

利用可能なテーマをユーザーとコースに限定するにはどうすればよいですか。

「 管理」>「サイト管理」>「アピアランス」>「テーマ」>「テーマ設定 」で、テーマリストに使用したいテーマを追加します。その後、これらはあなたがそれらを許可するコンテキスト（コース、カテゴリー、ユーザー）のプルダウンメニューのテーマ選択リストを制限します。

テーマが互いにオーバーライドするコンテキストの階層は何ですか？

テーマを表示および設定できるコンテキストは5つあります。コース、カテゴリ、セッション、ユーザー、およびサイト（またはデフォルト、つまりサイト全体のデフォルトテーマ）です。それは彼らが持っているアピアランスの優先順位のレベルです。

テーマの階層

  • コースがカテゴリ（およびそれ以下）を上書きする
  • カテゴリーがセッション（およびそれ以下）をオーバーライドする
  • セッションがユーザー（およびそれ以下）をオーバーライドする
  • ユーザーがデフォルトをオーバーライドする
  • デフォルト（サイト）

セッションテーマについて

  • セッションレベルのテーマ（URLパラメータtheme = theme_nameで設定されたテーマ）は、ユーザーの現在ログインしているセッションに対してのみサイトレベルのテーマを上書きすることに注意することが重要です。ユーザーがログアウトすると、セッションテーマではなくデフォルトサイトテーマが表示されます。
  • URLパラメータでテーマを1回設定するだけで、ユーザーがログアウトするまでテーマは保持されます。

カスタムテーマを作成する方法

あなたがCSSとテーマに慣れていないのなら、まずMoodleの中で 'More'テーマをカスタマイズしてみてください。 標準テーマを見る

あるいは、開発者向けドキュメントのテーマ開発を参照してください。

特定のテーマをコースに割り当てることはできますか？

はい。コース設定で、 "Force theme"ドロップダウンボックスを使用してください。


テーマごとに言語文字列をカスタマイズすることは可能ですか？

デフォルトではありません。文字列がカスタマイズされている場合は、サイト全体に合わせてカスタマイズされています。しかし、あなたの主な言語に基づいて新しい言語パックを作り、そのテーマを持っているコースにそのパックを適用することは可能です。詳細については、このフォーラムの投稿を参照してください。https : //moodle.org/mod/forum/discuss.php?d=220671

カスタムメニューのリンクを新しいウィンドウで開くにはどうすればよいですか。

[管理]> [サイト管理]> [アピアランス]> [テーマ]> [テーマ設定]のカスタムメニューブロックを使用して、独自のフライアウトメニューを作成することができます。ボックスの下にある例をコピーしてください。リンクを新しいウィンドウで開くには、次のコードを使用します。 

ムードルhttps://www.moodle.org "target =" _空白

https://tracker.moodle.org/browse/MDL-35420も参照してください。

カスタムCSSコードはどこに配置すればいいですか。

投稿されたテーマのAfterburner、Arialist、Formal White、Fusion、Nonzero、Overlay、Sky High、SplashはすべてSettings> Appearance> Themes>で自分のページ設定にカスタムCSSを追加する可能性を提供することに注意してください。

これに失敗した場合は、テーマのCSSファイルを変更する代わりに、独自のコードを別のCSSファイルに入れて、config.phpファイルを変更してそのファイルをテーマに認識させることをお勧めします。以前の設定をすべて上書きするようにリストします。 詳しい説明についてはこの投稿を参照してください。

上記の独自のテーマを作成する手順も参照してください。

テーマを変更した場合、コース、言語ファイル、ロゴなどが失われますか？

テーマを切り替えても、サイトのアピアランスは変わるだけで、コンテンツは変わりません。ロゴはテーマの一部であり、切り替えると失われます。

テーマにロゴを追加するには、以下の手順に従ってください。

あなたのMoodleサイトをアップグレードして既存の標準テーマを微調整した場合、あなたはあなたの変更を失うでしょう。そのため、アップグレードしても変更されないカスタムテーマを作成することをお勧めします。

サーバー上のテーマファイルにアクセスできません。それでもテーマにロゴを追加できますか？

はい。 3つの選択肢があります。

    • [Clean]テーマ（2.5の新機能）または[Afterburner]テーマを使用します。どちらもファイルピッカーを使用してロゴをアップロードできます。
    • オンラインで一般公開されている別の場所にロゴをアップロードしてから、画像のURLをコピーして、編集中のテーマページのロゴフィールドに貼り付けます（Afterburnerなど）。
    • あるいはメインメニューブロックをあなたのフロントページに追加してください。メインメニュー>リソースの追加でロゴをアップロードします。そのURLを取得して、編集中のテーマページのロゴフィールドに貼り付けます。安全にメインメニューブロックを隠したり削除したりできます。ロゴはまだそこにあります。 注 - あなたのロゴはナビゲーション>サイトページにも表示されます。これを防ぐには、 [管理]> [サイトの管理]> [表示] > [ナビゲーション]の順に選択し、 [ナビゲーションにフロントページの活動を表示する]チェックボックスをオフにします。

カスタムフォントをテーマに追加する方法

テーマにカスタムフォントを追加する方法を参照してください。

テーマの作成や編集に役立つツールはありますか？

キャッシュをクリアボタン

この便利なFirefoxアドオンはあなたのテーマに取り組んでいる間あなたのキャッシュを簡単にクリアするためにあなたのツールバーにボタンを追加しましょう： https : //addons.mozilla.org/de/firefox/addon/1801

以下のツールは開発専用です。それらはあなたがあなたのMoodleサイトそれ自体ではなくあなたのMoodleサイトを見る方法を変えるだけです 。これらのツールを使用して行った変更は、サイトを使用している他の人には見えません。そのためには、テーマのCSSファイルを変更するなどして、これらの変更を永続的なものにする必要があります。

Firebug

最も便利なツールは、 Firefox Webブラウザ用のFirebugアドオンです。 FirebugはFirefoxと統合して、閲覧中に豊富な開発ツールをすぐに利用できます。 CSS、HTML、およびJavaScriptを任意のWebページで編集、デバッグ、およびライブ監視することができます。さらに、Firebugをさらに強力なツールにするための追加のアドオンがあります。

Firebugの機能強化

Firebugをさらに強化することができます。詳しくはFirebugを見てください。

Web開発者ツールバー

Web開発者向けのもう1つの優れたツールは、 Web開発者向け拡張機能 、もう1つのFirefoxアドオンです。非常に便利な機能の1つは、テーマの編集中にブラウザのキャッシュを無効にするオプションです。そのようにして、あなたはあなたが常にあなたの最新の修正を提示され、古い、キャッシュされたバージョンを提示されないことを確信しています。

GoogleのChromeブラウザでも利用可能になりました。 「Web開発者ツールバーがChromeに登場」

Stylish

Firebugで行った変更は、ページを更新したときに失われます。 CSSの変更をもう少し恒久的なものにしたい場合、たとえばMoodleインストールのさまざまなページでそれらを試してみる場合は、別のFirefoxプラグインを使用できます。 Stylishです。そうすることで、あなたはあなたのサイトのCSSをMoodleコードを変更することなく簡単なマウスクリックで変更することができます。

詳しい手順と例については、 Stylishを参照してください。

Stylishなカスタム

これはStylishな拡張機能へのカスタム追加で、0.5.9から機能を取り戻し、新しい機能を追加します。

ブラウザ間の互換性を確認する方法

サイトがさまざまなブラウザでどのように見えるかを示すことができるツール（スタンドアロンおよびオンライン）がいくつかあります。詳細についてはこのフォーラムの議論を見てください。これらの「特別な」ブラウザ用のテーマを作成することを可能にするテーマ設定の新しいデバイス検出設定を見てください。

Moodleではどのような種類のデバイスが使用されていますか？

[デバイス検出を有効にする]がオンになっている場合、Moodleはテーマセレクタ設定ページでデバイスに設定されているテーマを自動的に使用します。 「デバイス検出正規表現」フィールドを使用して、テーマセレクタページにタイプを追加することもできます。

サイト管理者は[サイトの管理]> [アピアランス]> [テーマ]> [ テーマ設定]でこれらのデバイス検出を有効にする設定を見つけることができます 。

Moodleテーマを変更するための具体例

以下の例は、以前のテーマスクラップブックから抜粋したものです。
"Moodle テーマスクラップブックは小さなハウツー説明の集まりです。テーマデザイナーとテーマを扱うMoodleユーザはここにあなたの知識を追加して、新しいMoodleユーザがテーマを働かせるためのヒントやコツを手助けします。
このリストに追加してください。知りませんか？ 貢献者のためのガイドラインを読んでください。」

物事を変える

色

ロゴとアイコン

レイアウト

物事を追加する

物を隠す

物を動かす

その他

Windows Complete Installerパッケージを使用しているときにテーマの変更を確認する方法

Windows Complete Installerパッケージでは、XAMPPインストールのeAcceleratorによって、テーマのCSSファイルおよびHTMLファイルが表示されなくなることがあります。

メモ帳であなたのインストールからserver \ phpフォルダ内のphp.iniファイルを開き、 "eAccelerator"を検索してください。 

 extension = eaccelerator.dll

この行の先頭にセミコロン（行をコメントにする）を挿入して、次のようになるようにします。 

 ;拡張子= eaccelerator.dll

あなたのサーバフォルダにある "stop moodle"そしてそれから "start moodle"プログラムを使用してMoodleサーバを再起動してください。ファイルを保存してブラウザのキャッシュを更新するとすぐに、CSSに対するすべての変更が反映されます（通常はF5キーを押すとキャッシュを更新できます）。 XAMPPインストールでキャッシュを無効にするでの議論からのこのFAQ

学生や教師など、さまざまなロールに合わせてカスタムメニューを作成する方法を教えてください。

異なるロールに異なるメニューを表示することはできませんが（サイト全体ではなくコース全体に割り当てられる傾向があるため）、ユーザーごとに異なるメニューを表示することは可能です。 カスタムメニューについてのこのフォーラム投稿を参照してください。

関連情報

" https://docs.moodle.org/35/en/index.php?title=Themes_FAQ&oldid=119853 "より作成