3.4 Seitenbereiche mit dem Editor anlegen

[unmarkierte Version]

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 10. Februar 2016, 11:51 Uhr

Mit LOOP können Sie besondere Bereiche einer Seite mit Hilfe von verschiedenen Kennzeichnungen ausweisen. Über das Untermenü LOOP des Seiteneditors können Sie aus vorgegebenen Bereichen auswählen und per Klick zum LOOP-Code hinzufügen. In der unteren Abbildung sehen Sie eine vollständige Auswahl der möglichen Bereiche.

Abb. : Seitenbereiche im LOOP-Seiteneditor

Eine detaillierte Erläuterung der verschiedenen Seitenbereiche und deren Anpassung finden Sie im folgenden Abschnitt. Hier wird ebenfalls erläutert wie Sie individuelle Bereiche anlegen können.

Seitenbereiche[]

Der Tag <loop_area> </loop_area> generiert einen ausgezeichneten Bereich der anhand von Parametern angepasst werden kann.

Code: <loop_area type="example"> Beispiel </loop_area>

Ergebnis:

Beispiel

Parameter[]

Über Parameter haben Sie die Möglichkeit das Verhalten des Tags loop_area zu beinflussen.

Parameter	gültige Werte	Standard
type	`annotation, arrangement, citation, definition, example, formula, indentation, important, learningobjectives, markedsentence, norm, notice, reflection, sourcecode, summary, task, timerequirement`	`area`
render	`none, icon, marked`	`marked` bzw. Wert der Konfigurationsvariable `$wgLoopAreaDefaultRenderOption`
icon	Dateiname	nicht gesetzt
icontext	Text	nicht gesetzt

Im folgenden werden die einzelnen Parameter detailierter erklärt.

type[]

Mit dem Parameter type geben Sie an welches Icon neben dem Bereich angezeigt wird.

Bereich	Wert für type	Quellcode
Anmerkung	`annotation`	`<loop_area type="annotation">` `</loop_area>`
Gliederung	`arrangement`	`<loop_area type="arrangement">` `</loop_area>`
Definition	`definition`	`<loop_area type="definition">` `</loop_area>`
Beispiel	`example`	`<loop_area type="example">` `</loop_area>`
Formel	`formula`	`<loop_area type="formula">` `</loop_area>`
Vertiefung	`indentation`	`<loop_area type="indentation">` `</loop_area>`
Wichtig	`important`	`<loop_area type="important">` `</loop_area>`
Lernziele	`learningobjectives`	`<loop_area type="learningobjectives">` `</loop_area>`
Merksatz	`markedsentence`	`<loop_area type="markedsentence">` `</loop_area>`
Norm	`norm`	`<loop_area type="norm">` `</loop_area>`
Hinweis	`notice`	`<loop_area type="notice">` `</loop_area>`
Reflexion	`reflection`	`<loop_area type="reflection">` `</loop_area>`
Sourcecode	`sourcecode`	`<loop_area type="sourcecode">` `</loop_area>`
Zusammenfassung	`summary`	`<loop_area type="summary">` `</loop_area>`
Aufgabe	`task`	`<loop_area type="task">` `</loop_area>`
Zeitumfang	`timerequirement`	`<loop_area type="timerequirement">` `</loop_area>`
Frage	`question`	`<loop_area type="question">` `</loop_area>`
Aus der Praxis	`practice`	`<loop_area type="practice">` `</loop_area>`
Übung	`exercise`	`<loop_area type="exercise">` `</loop_area>`
Quelle im Web	`websource`	`<loop_area type="websource">` `</loop_area>`
Versuch	`experiment`	`<loop_area type="experiment">` `</loop_area>`
Zitat	`citation`	`<loop_area type="citation">` `</loop_area>`

render[]

Parameter	render
gültige Werte	`none, icon, marked, default`
Standard	`marked` bzw. Wert der Konfigurationsvariable `$wgLoopAreaDefaultRenderOption`

Mit dem Parameter render können Sie beinflussen, ob Seitenbereiche auf der Seite besonders ausgezeichnet dargestellt werden oder nicht. Wenn Sie den Wert default verwenden oder den Parameter render nicht angeben wird der Standardwert marked verwendet. Dieser Standard kann in der Konfigurationsdatei LocalSettings.php über die Variable $wgLoopAreaDefaultRenderOption auf einen der Werte none, icon oder marked gesetzt werden.

Beispiel mit der Einstellung render="none"

Beispiel

Beispiel mit der Einstellung render="icon"

Beispiel

Beispiel mit der Einstellung render="marked"

Seitenbereiche individuell gestalten[]

icon[]

Parameter	icon
gültige Werte	Dateinamen
Standard	nicht gesetzt

Mit dem Parameter icon können Sie ein Bild, das Sie vorher in Loop hochgeladen haben als Bereichsicon verwenden.

Beispiel: siehe Paremeter icontext

icontext[]

Parameter	icontext
gültige Werte	Text
Standard	nicht gesetzt

Mit dem Parameter icontext können Sie bei der verwendung eines eigenes Icons einen individuellen Icontext angeben.

Code: <loop_area icon="audio.png" icontext="Audio"> Individueller Bereich </loop_area>

Ergebnis:

audio

Individueller Bereich

Icon-Vorlagen[]

Mit diesen Photoshop-Vorlagen

können Sie sich ganz einfach Ihr eigenes Icon erstellen:

@@ Zeile 259: / Zeile 259: @@
 Mit dem Parameter <tt>icontext</tt> können Sie bei der verwendung eines eigenes Icons einen individuellen Icontext angeben.
+'''Code:'''
 <code>
 <loop_area icon="audio.png" icontext="Audio">
@@ Zeile 266: / Zeile 266: @@
 </code>
-Das Ergebnis sieht dann wie folgt aus:
+'''Ergebnis:'''
 <loop_area icon="audio.png" icontext="Audio">