Standard-Header

Das Feld für Headerbilder lässt sich an zwei Stellen finden. Einmal im Inhalt "Standard-Header" und in jedem Formular für einfache Seiten.

Durch den Link in der Toolbar kommen Sie zum Formular des Standard-Headers.

Der Standard-Header definiert die Bilder, die durch den Kopfbereich laufen / animiert werden. Diese werden geladen, wenn auf dem Formular der aktuell angezeigten Seite keine anderen Bilder für den Kopfbereich definiert wurden.

Bedeutet: Zunächst wird immer der Standard-Header geladen. Nur wenn auf der aktuellen Seite Bilder abweichend zum Standard definiert wurden, wird er überschrieben und ersetzt.

Header / Kopfbilder pro Seite

Das Feld für die Headerbilder erscheint auch in einem aufklappbaren Bereich namens "Kopfbereich" auf den Formularen für einfache Seiten.

Sobald hier ein Bild definiert ist, tritt oben genannter Effekt in Kraft, sodass der Standard-Header ersetzt wird mit den neu definierten Bildern, immer wenn diese Seite aufgerufen wird.

Formular-Erklärung

In folgendem Abschnitt wird das Formular im einzelnen erklärt, anhand des Kopfbereich-Abschnitts des "Einfache Seite"-Formulars. Die Funktionsweise ist beim Formular für den Standard-Header allerdings exakt gleich. Also müssen die Formulare nicht einzeln behandelt werden.

Wie Sie sehen können, wurde auch direkt im Formular eine kleine Erklärung als gelbe Box eingefügt, damit es bei der Pflege nach langer Abwesenheit nicht zu Verwirrungen kommt.

1. Bild auswählen und zuschneiden

Darunter, in der Box "Headerbilder" finden Sie das eigentliche Formular für die Bilder. Als erstes müssen Sie ein Bild aus dem Dateimanager auswählen.

Falls das Bild noch nicht auf dem Server liegt, muss es durch den Dateimanager erst hochgeladen werden. Wie dieser im Detail funktioniert wird in Kapitel 5.6 "Inhaltsformulare" > "Dateimanager" näher erläutert.

Sobald Sie ein Bild ausgewählt haben, sollte eine Vorschau des Bildes erscheinen. Dieses können Sie nun bei Bedarf neu zuschneiden oder einen anderen Ausschnitt wählen, indem Sie auf den Button Zuschneiden klicken.

Bitte beachten: Ein Bild lässt sich nur beschneiden, wenn die Auflösung auch ausreichend ist. Je höher die Auflösung des Bildes, desto kleinteiliger können Sie einen Ausschnitt wählen. Die Funktion achtet nämlich darauf, dass der gewählte Ausschnitt immer der Mindestauflösung der Headerbilder (1000x300 Pixel) entspricht. So wird verhindert, dass Bilder ungewollt gezoomt werden und unscharf oder "matschig" werden.

2. Texteinblendungen definieren (optional)

Wenn Sie einen Textblock mit blauer und schwarzer Schrift über dem aktuellen Bild wünschen, müssen Sie nur den Bereich Texteinblendung über dem Headerbild anklicken:

In dieser nun aufgeklappten Bereich können Sie verschiedene Parameter für Ihre Textüberlagerung festlegen.

Texte besser lesbar machen?

Diese Checkbox bestimmt, ob um den dargestellten Text auf der Website eine weiche, weiße Kontur erscheint. Diese ist sinnvoll, wenn das gewünschte Bild z.B. sehr dunkel oder blau ist und der Text darauf schwer lesbar wird.

Der Effekt sieht zum Vergleich etwa so aus:

Position der Texteinblendung

Dieses Feld definiert, an welcher Ecke des Bildes der Text ausgerichtet werden soll. So kann man verhindern, dass der Text z.B. den Kopf einer Person überdeckt.

Achtung: Wenn "-Keine-" ausgewählt ist, erschein gar kein Text.

Die Textfelder

Diese sollten selbsterklärend sein. Für jede Farbe gibt es ein Feld, genau so für Fließtext, mit dem man ein bis zwei Sätze über das Bild legen kann. Hier sollte man aber äußerst sparsam mit Text umgehen, da es sonst sein kann, dass dieser vom Layout abgeschnitten wird. Außerdem gibt es noch ein Feld für eventuelle Copyright-Hinweise zum ausgewählten Foto (werden sehr klein dargestellt) und ein Feld mit dem man einen Link zu entweder einer Unterseite (Inhalt suchen-Button) oder auch einer externen Seite oder Datei anlegen kann. Für letzteren Fall kopieren Sie einfach die URL des Ziels mit "http://" in das Feld.

3. Entfernen / Hinzufügen weiterer Elemente

Der Formularbereich für die Headerbilder ist prinzipiell eine unbegrenzt erweiterbare Liste. Bedeutet: Sie können beliebig viele Bilder mit Text hinterlegen und entfernen, indem Sie die jeweiligen Buttons anklicken und diese auch mit den Greifern ( ) jedes Elements in die gewünschte Reihenfolge verschieben.

Hinzufügen

Unter der Box "Headerbilder" Finden Sie einen Button mit der Aufschrift Weiteres Element hinzufügen.

Beim Klick auf diesen Button wird ein neues, leeres Formularelement nachgeladen, mit dem Sie ein weiteres Headerbild hinzufügen können. So können Sie das Formular jederzeit um weitere benötigte Eingabefelder erweitern.

Entfernen

Über den Button Entfernen am Ende eines jeden Headerbild-Eintrags können Sie den Inhalt, der darüber definiert wurde löschen.

Wenn Sie einmal aus Versehen ein Element löschen, müssen Sie keine Sorge haben, da diese Änderungen erst mit dem Speichern am Ende des aktuellen Formulars übernommen werden. Laden Sie einfach die Seite neu, dann wird das gelöschte Element wieder erscheinen.

Hinweis zum Speichern

Die Änderungen an den Headerbildern werden, wie alle anderen Felder auf der Formularseite nicht gespeichert, bevor Sie am Ende des ganzen Formulars auf Speichern geklickt haben. Wenn Sie also Headerbilder einrichten und vergessen zu speichern, werden diese Inhalte nicht vorgehalten und müssen neu angelegt werden. Das gilt wie alle Infos dieses Kapitels sowohl für die Editierung des Standard-Headers, als auch für die Änderung einer einfachen Seite.