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

Designs FAQ: Unterschied zwischen den Versionen

Aus MoodleDocs
Wechseln zu:Navigation, Suche
Zeile 18: Zeile 18:
Das Logo kann aber wiederum in das neue Design integriert werden - siehe dazu auch [[:en:Creating_a_custom_theme#Adding_a_Logo|diesen englischsprachigen Artikel]].
Das Logo kann aber wiederum in das neue Design integriert werden - siehe dazu auch [[:en:Creating_a_custom_theme#Adding_a_Logo|diesen englischsprachigen Artikel]].


== Are there tools which help me creating and editing themes? ==
== Gibt es Tools, die mir beim Erstellen und Verändern von Designs nützlich sind? ==


=== Clear Cache Button ===
=== 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
Dieses nützliche Addon für den Firefox fügt eine Schaltfläche zur bequemen Löschung des Browsercaches in die Symbolleiste des Browsers ein.
https://addons.mozilla.org/de/firefox/addon/1801


<p class="note">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.</p>
<p class="note">Beachten Sie, dass die folgenden Tools für Entwickler sind. Sie verändern die Art und Weise, wie "SIE" Ihre Moodle-Seite "sehen", nicht wie sie tatsächlich ist. Die damit erbrachten Veränderungen werden also nur von Ihnen und sonst niemanden gesehen.  
Wollen Sie Ihre getätigten Veränderungen dauerhaft machen, müssen Sie die CSS-Dateien des Designs adaptieren.</p>


=== Firebug ===
=== Firebug ===
The single most useful tool is the [[Development:Firebug|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.
Diese äusserst nützliche Tool ist eine Erweiterung für den Firefox Borwser. Es integriert sich nahtlos in den Firefox und stellt eine Fülle an Werkzeugen bereit, die mit wenigen Klicks erreichbar sind. Sie können editieren, Fehler beseitigen und das Verhalten Ihres CSS-, HTML-, und JavaScript-Codes sozusagen "live" beobachten. Dieses Addon wiederum läßt sich durch eigene Addons weiter ausbauen.


=== Web Developer Toolbar ===
=== 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.
Ein weiteres großartiges Werkzeug für jeden Webprogrammieren, wiederum ein Firefox-Addon. Neben einer Vielzahl äusserst nützlicher Werkzeuge läßt sich der Cache des Browsers deaktivieren, womit Sie die Gefahr bannen, dass Sie Ihre Modifikationen wegen älterer Cache-Inhalte nicht zu Gesicht bekommen.
 


=== Stylish ===
=== 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: [https://addons.mozilla.org/en-US/firefox/addon/2108 Stylish]. That way you can change your site's CSS with a simple mouse click without having to change Moodle code.
Modifikationen, die Sie mit Firebug erzeugt haben, werden bei der Aktualisierung ("Neu laden") der Seite zurückgesetzt. Wollen Sie jedoch Ihre Veränderungen etwas "permanenter" haben, um Sie bspw. auf verschiedenen Moodle-Instanzen zu überprüfen, dann gibt es ein weiteres interessantes Addon (ja genau, für den Firefox ;-) ):
[https://addons.mozilla.org/en-US/firefox/addon/2108 Stylish].
Es erlaubt Ihnen, mittels weniger Klicks die Code-Veränderungen für andere Seiten zu übernehmen.


See [[Stylish]] for detailed instructions and examples.
Siehe auch [[:en:Stylish|den englischen Artikel]] für exakte Anleitung zur Verwendung.


== How do I check for cross-browser compatibility? ==
== How do I check for cross-browser compatibility? ==

Version vom 10. Oktober 2009, 00:32 Uhr

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.

Verliere ich meine Kurse, Sprachdateien, Logos etc., wenn ich das Desing ändere?

Eine Designumstellung betrifft nur das Aussehen, nicht die Inhalte an sich. Ein Logo jedoch ist ein Teil des Aussehens und geht daher verloren. Das Logo kann aber wiederum in das neue Design integriert werden - siehe dazu auch diesen englischsprachigen Artikel.

Gibt es Tools, die mir beim Erstellen und Verändern von Designs nützlich sind?

Clear Cache Button

Dieses nützliche Addon für den Firefox fügt eine Schaltfläche zur bequemen Löschung des Browsercaches in die Symbolleiste des Browsers ein. https://addons.mozilla.org/de/firefox/addon/1801

Beachten Sie, dass die folgenden Tools für Entwickler sind. Sie verändern die Art und Weise, wie "SIE" Ihre Moodle-Seite "sehen", nicht wie sie tatsächlich ist. Die damit erbrachten Veränderungen werden also nur von Ihnen und sonst niemanden gesehen. Wollen Sie Ihre getätigten Veränderungen dauerhaft machen, müssen Sie die CSS-Dateien des Designs adaptieren.

Firebug

Diese äusserst nützliche Tool ist eine Erweiterung für den Firefox Borwser. Es integriert sich nahtlos in den Firefox und stellt eine Fülle an Werkzeugen bereit, die mit wenigen Klicks erreichbar sind. Sie können editieren, Fehler beseitigen und das Verhalten Ihres CSS-, HTML-, und JavaScript-Codes sozusagen "live" beobachten. Dieses Addon wiederum läßt sich durch eigene Addons weiter ausbauen.

Web Developer Toolbar

Ein weiteres großartiges Werkzeug für jeden Webprogrammieren, wiederum ein Firefox-Addon. Neben einer Vielzahl äusserst nützlicher Werkzeuge läßt sich der Cache des Browsers deaktivieren, womit Sie die Gefahr bannen, dass Sie Ihre Modifikationen wegen älterer Cache-Inhalte nicht zu Gesicht bekommen.


Stylish

Modifikationen, die Sie mit Firebug erzeugt haben, werden bei der Aktualisierung ("Neu laden") der Seite zurückgesetzt. Wollen Sie jedoch Ihre Veränderungen etwas "permanenter" haben, um Sie bspw. auf verschiedenen Moodle-Instanzen zu überprüfen, dann gibt es ein weiteres interessantes Addon (ja genau, für den Firefox ;-) ): Stylish. Es erlaubt Ihnen, mittels weniger Klicks die Code-Veränderungen für andere Seiten zu übernehmen.

Siehe auch den englischen Artikel für exakte Anleitung zur Verwendung.

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