Hinweis: Sie sind auf den Seiten der Moodle 1.9 Dokumentation. Die Dokumentation der aktuellsten Moodle-Version finden Sie hier: Designs FAQ.

Vorlage:Themes

Wie installiere ich ein neues Design?

Designsadmin.png
  1. Entpacken Sie die ZIP-Datei in ein leeres lokales Verzeichnis.
  2. Laden Sie dieses Verzeichnis auf dem Server nach /moodle/theme/[Name des Designs]. Ersetzen Sie [Name des Designs] durch den Namen des heruntergeladenen Designs. Stellen Sie sicher, dass das Verzeichnis durch den Webserver gelesen werden kann. Setzen Sie dazu die Lese-/Schreibrechte des Verzeichnisses auf 755 - Eigentümer read/write/execute, Gruppe read/execute, Jeder read/execute. Hierbei kann ein Fehler dazu führen, dass das Design nicht angezeigt werden kann.
  3. Wählen Sie das Design zur endgültigen Aktivierung im Administrationsmenü (Darstellung - Designs - Designauswahl] aus.

Wie erstelle ich ein eigenes Design?

Siehe hierzu en:Creating a custom theme und en:Make your own theme. Diese Seiten sind derzeit noch nicht ins Deutsche übersetzt.

Kann ich den Look von Moodle2 für mein Moodle bekommen?

Nein, derzeit nicht. Vielleicht wird dieses oder ein ähnliches Design ab Version 2.x integriert sein. Dieser Look wurde speziell für die offizielle Moodle-Seite erstellt und enthält viele, speziell für die offizielle Seite einprogrammierten Besonderheiten, die nicht ohne weiteres auf andere Gegebenheiten übertragen werden können. Erfreulicherweise sind aber viele der liebevollen Details per se erhältlich bzw. in das eigene Moodle integrierbar.

Will I lose my courses, language files, logo, etc. if I switch my theme?

Switching themes only changes the appearance of your site, not the content within it. The logo is a part of the theme and will be lost when you switch.

Follow these instructions to add a logo to a theme.

Are there tools which help me creating and editing themes?

Clear Cache Button

This useful Firefox add-on let's you add a button to your tool bar for easily clearing your cache while working on your theme: https://addons.mozilla.org/de/firefox/addon/1801

Please note that the following tools are only for development. They only change the way you see your Moodle site, not the Moodle site itself. Any changes you make using these tools will not be visible to anyone else who uses your site. For this you will have to make those changes permanent by changing your theme's CSS files for example.

Firebug

The single most useful tool is the Firebug add-on for the Firefox web browser. Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page... And there are additional add-ons for making Firebug an even more powerful tool.

Web Developer Toolbar

Another great tool for any web developer is the Web developer extension, another Firefox add-on. One very useful feature is the option to disable your browser's cache while working on your theme. That way you are sure you're always presented with your latest modifications and not with an older, cached version.

Stylish

Modifications made with Firebug are lost when refreshing your page. If you want your CSS changes to be a bit more permanent, for example to try them with different pages of your Moodle installation, you can use another Firefox plugin: Stylish. That way you can change your site's CSS with a simple mouse click without having to change Moodle code.

See Stylish for detailed instructions and examples.

How do I check for cross-browser compatibility?

There are some tools (standalone and online) which can show you how your site looks in different browsers. See this forum discussion for details.

Where do I find concrete examples for modifying Moodle themes?

See Theme scrapbook (soon to be incorporated in this page).

See also