ブーストキャンパステーマ
| ブーストキャンパステーマ | |
|---|---|
| タイプ | テーマ |
| セット | 該当なし |
| ダウンロード | https://moodle.org/plugins/theme_boost_campus |
| 問題点 | https://github.com/moodleuulm/moodle-theme_boost_campus/issues |
| 討論 | https://github.com/moodleuulm/moodle-theme_boost_campus |
| メンテナ | ウルム大学 |
| 注：このプラグインの最新の英語資料は、Ulm大学のGithubアドレス（ https://github.com/moodleuulm/moodle-theme_boost_campus/）にあります 。 |
内容
説明
大学キャンパスのニーズを満たすことを目的とし、いくつかの機能と改善を追加するMoodle Boostの子テーマ
画像
必要条件
このプラグインはMoodle 3.2以降を必要とします
このテーマの動機
大学キャンパスへのMoodleのインストールには、MoodleコアのBoostテーマで完全にはカバーされていない特定の制約があります。 Boostからの機能性を可能な限り多く保ちながら、可能な限りこれらのニーズに対応するためにこのBoostの子テーマを実装しました。
インストール
他のテーマと同じようにプラグインをfolder / theme / boost_campusにインストールします。
Moodleプラグインのインストールに関する詳細はプラグインのインストールをご覧ください。
使い方と設定
テーマをインストールした後、それはまだMoodleには何もしません。
テーマとその動作を設定するには、にアクセスしてください。サイト管理►アピアランス►テーマ►ブーストキャンパス。
そこには、複数の設定タブがあります。
1.タブ "一般設定"
このタブには以下の設定があります。
テーマプリセット
テーマプリセット
この設定はMoodleコアテーマBoostで既に利用可能です。使い方の詳細については、Moodleの公式ドキュメント： Boostテーマをご覧ください。
追加のテーマプリセットファイル
この設定はMoodleコアテーマBoostで既に利用可能です。使い方の詳細については、Moodleの公式ドキュメント： Boostテーマをご覧ください。
ブランドカラー
ブランドカラー
この設定はMoodleコアテーマBoostで既に利用可能です。使い方の詳細については、Moodleの公式ドキュメント： Boostテーマをご覧ください。
ブランド成功色
この色は、たとえば形状評価に関して使用されます。
ブランド情報の色
この色は、例えばコース活動やリソースの利用情報に使用されます。ブランド警告色
この色は、警告テキストなどに使用されます。
ブランド危険色
この色は、たとえば形状評価に関して使用されます。
ファビコン
この設定により、ブラウザにファビコンとして表示される画像（.icoまたは.png形式）をアップロードできます。
2. [詳細設定]タブ
このタブには以下の設定があります。
生の初期SCSS
この設定はMoodleコアテーマBoostで既に利用可能です。使い方の詳細については、Moodleの公式ドキュメント： Boostテーマをご覧ください。
生SCSS
この設定はMoodleコアテーマBoostで既に利用可能です。使い方の詳細については、Moodleの公式ドキュメント： Boostテーマをご覧ください。
キーボードコマンドをキャッチする
以下の設定は、特にあなたのMoodleインスタンスに大きなフッターがある場合、上級ユーザーのニーズに応えることを目的としています。上級ユーザーは、サイト間を移動するためにキーボードショートカットを使用する可能性があります。コースの最新のトピックにすばやくアクセスするために（コンテンツの追加や最新の活動の採点に）、ページの最後に到達するためにこれを使用することがあります。フッターがそれほど小さくない場合は、再び上にスクロールする必要があります。これらの設定により、次のショートカットがキャッチされてメインコースのコンテンツの一番下までしかスクロールされないようにすることができます。
終了キー
この設定は "End"キーをキャッチし（すべてのメインブラウザとオペレーティングシステムで動作するはずです）、デフォルトではWebページの一番下までスクロールしないようにし、メインコースコンテンツの一番下までしかスクロールしないようにします。
Cmd +下矢印ショートカット
この設定は「Cmd +↓」ショートカット（MAC）をキャッチし、デフォルトのWebページの下部へのスクロールを防ぎ、メインコースのコンテンツの下部のみにスクロールするように動作を変更します。
Ctrl +↓ショートカット
この設定は「Ctrl +↓」ショートカット（Windows）をキャッチし、デフォルトのWebページの下部へのスクロールを防ぎ、メインコースのコンテンツの下部のみにスクロールするように動作を変更します。
3. [コースレイアウト設定]タブ
セクション0：タイトル
この設定は、Moodleが最初のコースセクションのタイトルを表示する動作を変更することができます。このセクションのデフォルトのタイトルが設定されている限り、Moodleはそれを表示しません。ユーザーがタイトルを変更するとすぐに表示されます。この設定（オプションがチェックされている）では、常にセクション0のタイトルを表示することで一貫した動作を実現できます。
コース編集ボタン
この設定では、アクセシビリティを高めるためにコースヘッダーにコース編集オン/オフボタンを追加できます。これはtheme_boostの前に表示されていたのと同じ方法です。
スイッチロール情報の位置
この設定では、ユーザーがどのロールに切り替えたのかを表示する場所を選択できます。チェックされていない場合（デフォルト値）、ロール情報はユーザーメニューのユーザー名のすぐ下に表示されます（テーマBoostの場合のように）。チェックすると、この情報は - 戻るためのリンクと共に - コースの下に表示されます。これは、この機能がコースに関連しているためです。
コース設定
コース設定メニュー
この設定では、コースのコンテキストメニューの表示を変更できます。 Boostでは、歯車アイコンのすぐ隣にポップアップコンテキストメニューがあり、[More ...]メニュー項目をクリックすると、すべてのコース設定を含む別のページに移動します。この設定を有効にすると、設定はコースヘッダーのすぐ下に表示されます。この変更は、ブラウザでJavaScriptを無効にしているユーザには影響しません - ポップアップコースのコンテキストメニューを使用してMoodleコアから動作を取得することができます。
「ロールを...に切り替える」をコース設定に移動します
この設定を使用すると、[ロールの切り替え]リンクを新しいタブとしてユーザーメニューからコース内コースメニューに移動できます。ロールの切り替えはコースのコンテキストで使用される機能なので、ユーザーメニューよりコース設定メニューに配置する方が適切です。上記の「コース内設定メニュー」を有効にしないと、この設定は効果がありません。
フッターにブロックを配置する可能性を有効にしたい場合は選択できます。有効にすると、1、2、または3ブロック列から選択できます。これらの列は大画面にのみ表示されます。小さな画面では、読みやすさとレイアウトを向上させるために、列は自動的に1列に縮小されます。
Moodleはフッターにいくつかのデフォルトリンクを提供します：Moodleドキュメントへのリンク、ログイン情報、そしてウェブページ開始へのリンク。これら3つの設定を使用すると、特定のリンクを非表示にするかどうかを決定できます。これは、ユーザーがインスタンスにそれらを必要としないと考えるためです。チェックすると、リンクはフッターに表示されません。チェックしない場合（デフォルト）、表示されます。
5. [追加レイアウト設定]タブ
Badgearea
バッジエリア項目
このウィジェットを使用すると、追加のバッジ領域に表示される画像をアップロードできます。画像はソートされ、ファイル名のアルファベット順に表示されます。この地域を削除するには、単にアップロードされたすべての画像を削除します。
バッジエリアのアイテムリンク
このオプション設定で、アップロードした画像にリンクを追加することができます。各行は、パイプ文字で区切られたファイル識別子（ファイル名）とリンクURLで構成されています。各リンク宣言は新しい行に書く必要があります。例えば以下のようになります。 https://moodle.orgあなたはアップロードされた画像の任意の量へのリンクを宣言することができます。リンクは、ファイル名とこの設定で宣言されている識別子が一致するバッジにのみ追加されます。
バッジエリアアイテムの最大の高さ
この設定で、アップロードしたバッジの高さをピクセル単位で変更できます。すべての画像は同じ最大高さを持ち、それらの幅はそれに比例してサイズ変更されます。デフォルト値は100ピクセルに設定されています。
脚注
このテキストエリアに追加したものはすべて、テーマの標準フッターを表示するすべてのページのフッターの下に表示されます（レイアウト「columns2」、「login」および「maintenance」の場合）。この分野のコンテンツには、例えば著作権、利用規約、組織の名前などがあります。
上のデフォルトホームページ
この設定をチェックすると、デフォルトのホームページリンク（ダッシュボードまたはサイトホーム）が常にナビゲーションパネルの一番上に表示されます。デフォルトでは、コースページを除くすべてのMoodleページですでにこれが当てはまります。そこで、現在のコースとその内容が一番上に配置されます。これにより、デフォルトのホームページリンクの配置に対するユーザーの期待が損なわれる可能性があります。
6. [デザイン設定]タブ
ログインページ
ログインページの背景画像
この設定では、ログインページの背景画像として最大10個のファイルを追加できます。ユーザーがログインページにアクセスすると、これらの画像の1つがランダムに選択されて配信されます。
ログインフォーム
この設定を使用すると、より多様な背景画像に合わせてログインフォームを最適化できます（オンになっている場合）。これは、ログインフォームがログインページの左側に移動され、幅が狭くなり、背景画像が透けて見えるような背景になることを意味します。ログインフォームは左側に配置されます。これは、多くの画像のメインコンテンツが中央に配置されているためです。このコンテンツは表示されたままになります。注意：背景画像がアップロードされていない場合は、もちろんこの設定を有効にすることもできます。
フォント
フォントファイル
このダイアログであなた自身のフォントファイルをアップロードすることができます。アップロードは、.eot、.woff、.woff2、.ttf、および.svgタイプのフォントファイルに制限されます。
重要：このテーマ内でアップロードされたフォントを使用できるようにするには、[詳細設定]タブの[未加工SCSS]領域に関連コードを追加する必要があります。最初にすべてのフォントフェースを正しく追加する必要があります。その後、フォントをフォントファミリーとして任意のタグに設定できます。インスタンス全体で使用するには、bodyタグに設定します。次の例では、SCSSコードがどのように見えるべきかを見ることができます。もちろん、あなたはあなたの個々のフォントとアップロードされたファイルの数と種類のためにそれを適応させなければなりません。
/ * your-font-regular - ラテン語* / @ font-face { font-family ： "あなたのフォント" ; フォントスタイル ： 普通 。 フォントウェイト ： 400 。 / * IE9互換モード* / src ： url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-regular.eot" ） ; src ：ローカル（ "あなたのフォント" ） 、ローカル（ "YourFont-Regular" ） 、 / * IE6-IE8 * / url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-regular.eot?#iefix" ）フォーマット（ "embedded-opentype" ） 、 / *スーパーモダンブラウザ* / url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-regular.woff2" ）フォーマット（ "woff2" ） 、 / *最近のブラウザ* / url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-regular.woff" ）フォーマット（ "woff" ） 、 / * Safari、Android、iOS * / URL（ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-regular.ttf"）フォーマット（ "TrueTypeの"）、 / *レガシiOS * / url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-regular.svg#YourFont" ）フォーマット（ "svg" ） ; \ } / * your-font-italic - ラテン語* / @ font-face { font-family ： "あなたのフォント" ; フォントスタイル ： 斜体 。 フォントウェイト ： 400 。 src ： url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-italic.eot" ） ; src ： local （ "Your Font Italic" ） 、 local （ "YourFont-Italic" ） 、 url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-italic.eot?#iefix" ）フォーマット（ "embedded-opentype" ） 、 url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-italic.woff2" ）フォーマット（ "woff2" ） 、 url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-italic.woff" ）フォーマット（ "woff" ） 、 URL（ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-italic.ttf"）フォーマット（ "TrueTypeの"）、 url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-italic.svg#YourFont" ）フォーマット（ "svg" ） ; } / * your-font-700 - ラテン語* / @ font-face { font-family ： "あなたのフォント" ; フォントスタイル ： 普通 。 フォントウェイト ： 700 。 src ： url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-700.eot" ） ; SRC：ローカルローカル（ "あなたのフォントの太字"）、（ "YourFont-太字"）、 url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-700.eot?#iefix" ）フォーマット（ "embedded-opentype" ） 、 url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-700.woff2" ）フォーマット（ "woff2" ） 、 url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-700.woff" ）フォーマット（ "woff" ） 、 URL（ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-700.ttf"）フォーマット（ "TrueTypeの"）、 url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-700.svg#YourFont" ）フォーマット（ "svg" ） ; } / * your-font-700italic - ラテン語* / @ font-face { font-family ： "あなたのフォント" ; フォントスタイル ： 斜体 。 フォントウェイト ： 700 。 src ： url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-700italic.eot" ） ; SRC：ローカル（ "あなたのフォントの太字斜体"）、（ "YourFont-bolditalicです"） は 、ローカル、 url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-700-italic.eot?#iefix" ）フォーマット（ "embedded-opentype" ） 、 url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-700-italic.woff2" ）フォーマット（ "woff2" ） 、 url （ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-700-italic.woff" ）フォーマット（ "woff" ） 、 URL（ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-700-italic.ttf"）フォーマット（ "TrueTypeの"）、 URL（ "/pluginfile.php/1/theme_boost_campus/fontfiles/0/your-font-latin-700-italic.svg#YourFont"）フォーマット（ "SVG"）。 } ボディー{ font-family ： "あなたのフォント" ; }
注意してください：フォントをロードできない場合を除き、コード自体とURLはアップロードしたファイルに正確に適合する必要があります。フォントファイルは期限切れのヘッダとともにクライアントに配信されますが、現在URLにタイムスタンプは含まれていないため、Moodleキャッシュを空にしてもクライアント側でフォントファイルが強制的にリロードされることはありません。
ブロック
ブロックアイコン
この設定では、ブロックタイトルの前にデフォルトのFont Awesomeアイコンを追加できます。チェックした場合、多くのMoodleコアブロックといくつかの広く使用されているブロックに対して個別のアイコン置換を提供します。 Font Awesomeの内容を変更することで、生のSCSSで個々のブロックのアイコンを個別に簡単に変更することもできます。利用可能なすべてのアイコンについては、 http：//fontawesome.io/icons/にアクセスし、アイコンのUnicode値を使用してデフォルトのアイコンを置き換えてください。アイコンを変更するためのコードは、ブロック "People"に対する次の例の変更のようになります。.block_people .card-block .card-title :: before {content： '\ f0c0'; }。
ダークナバー
この設定を有効にすると、デフォルトのライトナビゲーションバーを白いリンク付きの暗いナビゲーションバーに反転できます。
Boostコアテーマのさらなる改善
テーマの設定で設定できる機能とは別に、設定なしでも簡単にできるいくつかの改善点を追加しました。Font Awesome
Font Awesomeが提供するアイコンを使用できるようにするために、theme_boost_campusに追加されています。
新しいflatnavigation nay-drawerメニュー項目のコードが一様になるように改良しました。さらに、境界線、アイコン、および余白のスタイルを設定することによって、メニューのレイアウトを改善しました。これで、ユーザーはどのアイテムが親ノードに属しているのかをすばやく認識できます。
コース設定アイコン
コース設定アイコンは、コースヘッダーを表示するすべてのサイトに表示されます。これにより、onmipresentブロックがなくなるため、これらの設定へのアクセス性が向上します。
トップに戻るボタン
ユーザーがページを下にスクロールしたときに右下に表示される[戻る]ボタンを追加しました。それをクリックするとページはスムーズに上にスクロールバックし、ボタンは再び消えます。
設計
- mailtoと壊れたリンクにFont Awesomeアイコンを追加しました。さらに、すばやく認識できるように、壊れたリンクを赤く着色しました。
コースデザイン：
- ブランドカラーをボーダーカラーとして使用しました。
- 強調表示されたセクションの強調表示が改善されました。
- アイコンをグレー評価尺度にすることで隠れた活動の認識率が向上しました。
- より良い配置とセクションのより良い描写のための改善されたパディングとマージン。
- 設計説明とイントロボックス。
- 設計されたブロッククォート
- より見やすくなるようにメンテナンス警告のデザインを改善しました。
カテゴリー概要ページ
読みやすくするために、カテゴリ概要ページのフォントサイズと太さを改善しました。
このテーマのしくみ
このBoostの子テーマは、最小限のコードの重複を念頭に置いて実装されています。これは、theme_boostからできるだけ多くのコードを継承または必要とし、拡張または変更された機能を実装するだけです。
プラグインリポジトリ
このプラグインはMoodleプラグインリポジトリで公開されており、定期的に更新されています： http : //moodle.org/plugins/view/theme_boost_campus
最新の開発版はGithubにあります。https : //github.com/moodleuulm/moodle-theme_boost_campus
バグと問題の報告/サポート依頼
このプラグインは注意深く開発され徹底的にテストされていますが、バグや問題が常に発生する可能性があります。
Githubのバグや問題を報告してください。https : //github.com/moodleuulm/moodle-theme_boost_campus/issues
私たちはあなたの問題を解決するために最善を尽くしますが、限られたリソースのために私たちはいつもケースごとのサポートを提供することができないことに注意してください。
機能提案
リソースに限りがあるため、このプラグインの機能は主に私たち自身の地域のニーズに合わせて実装され、そのままコミュニティに公開されます。コミュニティのメンバーには他にもニーズがあり、このプラグインによって解決されることを望んでいます。
Githubで機能提案を発行してください。https : //github.com/moodleuulm/moodle-theme_boost_campus/issues
Githubでプルリクエストを作成してください。https : //github.com/moodleuulm/moodle-theme_boost_campus/pulls
私たちは常にあなたの機能提案について読むことや興味を引くことさえあなたから得ることに興味を持っていますが、我々は機能要求としてではなく機能提案としてのみあなたの問題を扱うことができることを受け入れなさい。
Moodleリリースサポート
リソースが限られているため、このプラグインはMoodleの最新のメジャーリリースに対してのみメンテナンスされています。しかし、Moodleのレガシーメジャーリリースで動作するこのプラグインの以前のバージョンは、Moodleプラグインリポジトリでそれ以上の更新がなくても現状のまま利用できます。
Moodleの新しいメジャーリリースが公開されてから互換性の確認をして必要に応じて問題を解決することができるようになるまで数週間かかる場合があります。 Moodleの新しいメジャーリリースで問題が発生した場合 - またはこのプラグインがまだ新しいメジャーリリースで機能することを確認できる場合 - Githubでお知らせください。
あなたがMoodleのレガシーバージョンを実行しているが、このプラグインの最新バージョンを実行したい、または実行する必要がある場合は、最新バージョンのプラグインを入手し、$ plugin-> requireで始まる行をversion.phpから削除して使用できます。その後、あなたのレガシーMoodleに最新のプラグインバージョンを追加してください。ただし、このセットアップは完全にあなた自身の責任で行ってください。私たちはこの方法をいかなる方法でも支持することができず、不規則な行動のための紛れもないリスクがあります。
このプラグインを翻訳する
このMoodleプラグインは英語の言語パックのみで出荷されます。他の言語へのすべての翻訳は、それらがMoodleの公式言語パックの一部になるものによってAMOSを通して管理されなければなりません。
プラグインの作成者として、私たちはAMOSに関する私たち自身の地域のニーズに合わせてドイツ語への翻訳を管理します。 AMOSの他のすべての言語への翻訳を投稿してください。Moodleの公式言語パックメンテナによってレビューされます。
右から左へのサポート
このプラグインはMoodleの右から左への変換（RTL）でテストされていません。このプラグインをRTL言語で使用したいが、それが現状のままでは機能しない場合は、変更を加えてGithubにpull requestを送信してください。
PHP7のサポート
Moodle 3.0以降、Moodleコアは基本的にPHP7をサポートしています。このプラグインのロードマップにはPHP 7のサポートが含まれていますが、PHP 7のサポートについてはまだ完全にテストされていないため、PHP 5で運用中です。このプラグインとPHP7で成功または失敗した場合は、ぜひお知らせください。
著作権
Ulm University kiz - メディア部チームのWebおよび教育サポートKathrin Osswald
