Große Headerbilder

Sind individuelle Große Headerbilder im Optionsfeld Kopfbereich einer Einfachen Seite ausgewählt, werden die dem System zugewiesenen Standard-Header mit den in diesem Formular ausgewählten Bildern überschrieben.

Im folgenden werden die einzelnen Formularfelder zur Erstellung von Headerbildern erläutert.

1. Bild auswählen und zuschneiden

In der Box "Headerbilder" finden Sie das 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.