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
Keine Bearbeitungszusammenfassung
 
(12 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Themes}}
{{Designs}}
{{Zum Übersetzen}}  
Siehe [[:en:Themes FAQ]] - '''Änderungen in Moodle 2.0 müssen noch eingearbeitet werden!'''


==Wie installiere ich ein neues Design?==
==Wie installiere ich ein neues Design?==
 
[[Bild:Designsadmin.png|thumb|right|]]
# Entpacken Sie die ZIP-Datei in ein leeres lokales Verzeichnis.
# Entpacken Sie die ZIP-Datei in ein leeres lokales Verzeichnis.
# 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.
# 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.
# Wählen Sie das Design zur endgültigen Aktivierung im Administrationsmenü aus.
# Wählen Sie das Design zur endgültigen Aktivierung im Administrationsmenü (Darstellung - Designs - Designauswahl] aus.


==How do I create a custom theme?==
==Wie erstelle ich ein eigenes Design?==


See [[Creating a custom theme]] and/or [[Make your own theme]].
Siehe hierzu [[:en:Creating a custom theme]] und [[:en:Make your own theme]]. Diese Seiten sind derzeit noch nicht ins Deutsche übersetzt.


==How can I get the New Moodle2 theme for my site?==
==Kann ich den Look von Moodle2 für mein Moodle bekommen?==
Not til Moodle 2.x comes out and it will be a "sort of". The new look (refered to as "Moodle2") for Moodle.org was made public just before the close of 2008. The Moodle2 look has various things hard coded into its fabric.  The good news is that many pieces of the look are available.
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?==
==Verliere ich meine Kurse, Sprachdateien, Logos etc., wenn ich das Desing ändere?==
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.
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 [[:en:Creating_a_custom_theme#Adding_a_Logo|diesen englischsprachigen Artikel]].


Follow these instructions to [[Creating_a_custom_theme#Adding_a_Logo|add a logo]] to a theme.
== Gibt es Tools, die mir beim Erstellen und Verändern von Designs nützlich sind? ==
 
== Are there tools which help me creating and editing themes? ==


=== 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? ==
== Wie überprüfe ich die Kompatibilität meiner Änderungen hinsichtlich der verschiedenen Browser? ==
There are some tools (standalone and online) which can show you how your site looks in different browsers. See this [http://moodle.org/mod/forum/discuss.php?d=127746 forum discussion] for details.
Es gibt einige Tools (lokale Programme und online), die zeigen, wie Ihre Seite in verschiedenen Browsern aussieht. [http://moodle.org/mod/forum/discuss.php?d=127746 Diese Diskussion] im englischsprachigen Forum zeigt Ihnen einige Möglichkeiten.


== Where do I find concrete examples for modifying Moodle themes? ==
== Wo finde ich konkrete Beispiele, wie man das Design manipuliert? ==
See [[Theme scrapbook]] (soon to be incorporated in this page).
Es gibt eine Sammlung von [[:en:Theme scrapbook|Anleitungen]], die derzeit noch nicht übersetzt sind.  


== See also ==
''Anmerkung: Aktuell wird diskutiert, ob diese Anleitungen in diesen Artikel integriert werden.
''


* Using Moodle [http://moodle.org/mod/forum/view.php?f=29 Themes forum]
== Siehe auch ==
* [[CSS FAQ]]
 
* Im englischsprachigen Kurs "Using Moodle" das [http://moodle.org/mod/forum/view.php?f=29 Designforum].
* [[:en:CSS FAQ|CSS FAQ - englisch]]


[[Category:FAQ]]
[[Category:FAQ]]
[[Category:Designs]]
[[Category:Administrator]]
[[en:Themes_FAQ]]

Aktuelle Version vom 24. Juni 2010, 09:35 Uhr


Baustelle.png Diese Seite ist noch nicht vollständig übersetzt.

Siehe en:Themes FAQ - Änderungen in Moodle 2.0 müssen noch eingearbeitet werden!

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.

Wie überprüfe ich die Kompatibilität meiner Änderungen hinsichtlich der verschiedenen Browser?

Es gibt einige Tools (lokale Programme und online), die zeigen, wie Ihre Seite in verschiedenen Browsern aussieht. Diese Diskussion im englischsprachigen Forum zeigt Ihnen einige Möglichkeiten.

Wo finde ich konkrete Beispiele, wie man das Design manipuliert?

Es gibt eine Sammlung von Anleitungen, die derzeit noch nicht übersetzt sind.

Anmerkung: Aktuell wird diskutiert, ob diese Anleitungen in diesen Artikel integriert werden.

Siehe auch