ロケットのテーマ

これはJulian(Moodleman)が書いたMoodleの寄稿(サードパーティー)テーマです。MiddenとMoodle.orgで共有されています。

RocketはMoodle 2.1+用の3列固定幅テーマで、もともとはMoodleテーマをよりウェブサイトに焦点を絞ったルックアンドフィールにするように設計されています。デザインはオリジナルですが、CSSとアイコンの多くはSaun Daubneyの素晴らしいAardvarkテーマから来ていて、Mary Evansのフォーラムでもサポートされています。

テーマはMoodleのテーマ設定を通して高度にカスタマイズ可能です。コードを変更せずに、画像、テキスト、および色をすべて調整できます。テーマには、ユーザーがログインしたときに、登録しているコースが画面上部のドロップダウン「カスタムメニュー」に表示されることを意味する機能もあります。このテーマはいくつかの拡張機能を持っているので、このページはその使用法に関する基本的な指示を提供するために存在します。テーマに関するmoodle.org のフォーラムおよびMoodle Trackerへのバグ中で、このテーマに関する質問を必ずターゲットにしてください。

テーマの目的

このテーマの目的は、テーマデザインでできることに挑戦するテンプレートを提供することでした。プロのスタンドアロンWebサイトに似ているがMoodleインスタンスには似ていないMoodleインスタンスを作成する。

このため、このテーマはすべてのユーザーに適しているわけではありません。あなたのニーズを満たすものを見つけるためのRocketを含む貢献されたテーマの完全なリストについてはMoodle Pluginsデータベースをチェックしてください。

設定可能なオプション

重要な注意:テーマを変更するときは、 テーマデザイナーモードが有効になっていることを確認してください。

テーマは、本質的には視覚的な媒体であるため、これらの手順では以下のスクリーンショットを参照します。このテーマはMoodleテーマ設定カスタムテーマ設定 、そして[ カスタムブロック ]位置を強力に利用します

Rocket.jpg

テーマ設定

ここで注意すべき唯一の設定はカスタムメニューです。これは上のスクリーンショットのゾーン3にドロップダウンメニューを生成するものです。

ただし、アクティブにすることを選択した場合、1つの項目が自動的にメニューに追加されます。この追加項目は、 "私のコース"追加です。これにより、ユーザーがログインしたときにユーザーが登録しているコースのドロップダウンが自動的に表示されます。

カスタムメニューで少なくとも1つのアイテムを有効にしていない場合、[マイコース]ドロップダウンも表示されません。

カスタムテーマ設定

このテーマは、Moodle 2の新しいカスタムテーマ設定を非常に強力に使用して、管理者がコードに触れることなくテーマのルックアンドフィールをカスタマイズできるようにします。

このテーマのカスタム設定にアクセスするには、[ 管理]> [サイト管理]> [外観]> [テーマ]> [ロケット]の順に選択します。

利用可能な設定は次のとおりです。

  • 教育機関名 - あなたの教育機関の名前は上のスクリーンショットの ' ゾーン8'に見られるようにフロントページに表示されます。これはあなたのサイトの名前ではありません
  • ロゴ - 新しいゾーンのURLを入力して、「 ゾーン2」にあるこのテーマのロゴを変更します(例:http://www.somesite/logo.png )。参考として、デフォルトのロゴは272ピクセルx 72ピクセルです。透明な.pngが最もうまくいくでしょう。
  • バナー - 新しいゾーンのURLを入力して、「 ゾーン5」のフロントページのバナーを変更します(例:http://www.somesite/banner.png )。参考として、デフォルトのバナーは750×350ピクセルです。
  • テーマの色 - テーマの色は何色ですか。これにより、複数のコンポーネントが変更され、Moodleサイト全体に希望の色が表示されます。例としては、「 ゾーン1、7、8」 、およびサイト全体の見出しテキストがあります。
  • テーマトリムカラー - テーマトリムカラーは、サイト全体の要素を強調するために使用されます。簡単な例は、ページ上部の線です。特定のテーブルヘッダでも使用されます。ダークが一番効果的
  • メニューの色 - メニューの色を変更します
  • メニューホバーの色 - マウスがメニュー項目の上にあるときのメニュー項目の色を変更します。
  • Menu Trim Color - メニューの端をトリミングするのに使う色を変更します
  • 脚注 - このテキスト領域の内容は、「 ゾーン10」の各ページのフッターに表示されます。このようなプライバシーポリシーやAUPのとメインのWebサイトへのリンクなどのリンクのための絶好の場所。
  • 著作権表示 - ' Zone 11'に見られるように、この場所には著作権表示がある場合はそこに表示できます。

カスタムブロックの場所

このテーマは、私の知る限りでは、標準の左右のカラム方法論の外側でブロックを使用する最初のものです。 「検索/プロファイル」と「トップリンク」という2つの場所があります。

  • トップリンクの場所はスクリーンショットのゾーン4です。これは、ホームページのみに表示される新しいブロックの場所です。好きなブロックをここに配置することができます。
  • スクリーンショットのSearch / Prolfileの場所はZone 6です。この場所は、 Global SearchブロックまたはLogged in Userブロックを使用するように特に設計されています。どちらも場所に最も合うようにテーマによって再フォーマットされています。この場所は小さいので、 HTMLブロックを除いて他の多くのブロックはここには収まりません。

デモホームページレイアウトの再作成

このドキュメントに添付されている画像のデザインはどのようにして作成されたのか、多くの人が尋ねます。ここでは、上記のレイアウトを作成するプロセスについて説明します。

ブロック

  • ホームページの左側の欄に表示されているログインブロック。スクリーンショットに表示されるように、テーマは自動的にブロックに色を付けます。
  • 「Global Search」ブロックは、 ゾーン6としてここに示されている検索/プロファイルの場所に配置されました。
  • HTMLブロックがゾーン4に配置され、リンクを含む単純な構築点リストがありました。テーマはこれを横のルールで区切られた項目に変えました

ホームページの内容

  • ホームページZone 9の真ん中は、カスタムテキストが入力されたラベルです。

ヘッダ

  • ゾーン2のロゴは、テーマに付属しているデフォルトのロゴです。これは「 Rocket Theme Settings」ページで変更できます。
  • ゾーン5のバナー画像は、テーマに付属しているデフォルトのバナーです。これは「 Rocket Theme Settings」ページで変更できます。
  • ページ上部のメニューは、自分のリンクでMoodle 2に組み込まれている標準カスタムメニューです。

フッター

  • Rocket Theme Settings」ページのFootnote」領域に、 ゾーン10として示されている一連のリンクが入力されました。
  • ゾーン11として示されている「 Rocketテーマ設定ページ」の「 著作権情報」領域に著作権情報テキストが入力されました

ダウンロードリンク

このテーマはMoodle 2.1以降でのみ利用可能です。テーマはhttps://moodle.org/plugins/view.php?plugin=theme_rocketからダウンロードできます

関連情報