Slider
Wenn man eine Webseite des neuen Redaktionssystems öffnet, fällt sofort das Bild auf, das die gesamte Bildschirmbreite ausfüllt. Dieser Bereich nennt sich "Slider".
Hier können Sie - im Gegensatz zum "alten" Hintergrundbild - auch mehr als ein Bild anzeigen lassen. Da dieser Bereich sozusagen der Eingangsbereich Ihrer Seite ist, ist es besonders wichtig, dass hier die Qualität der Bilder stimmt.
Um den Slider zu gestalten, öffnen Sie über das "Burger-Menü" die ADMIN NAVIGATION und dort den Punkt "Slider". Der Speicherort für Ihre Slider öffnet sich und Sie finden die Schaltfläche "+ neuer Slidereintrag" ganz oben auf der Seite.
Es öffnet sich das Bearbeitungsfenster des neuen Slidereintrags. Geben Sie zuerst einen "Titel" ein, unter dem Sie später Ihren Slider wieder finden möchten (dieser Titel ist für die Besucher:innen nicht sichtbar – in unserem Beispiel: Panoramaweg).
Speichern Sie jetzt Ihren Slider, damit Sie alle Bearbeitungsmöglichkeiten zur Verfügung haben.
Das Bearbeitungsfenster
Titel
Nur für die Bearbeiter:innen sichtbar (nicht für die Besucher:innen)
Slider-Titel
Der Slider-Titel ist für Ihre Besucher:innen sichtbar. Er wird sehr groß und in weißer Schriftfarbe über das Bild gelegt. Verwenden Sie ihn deshalb nur wenn unbedingt nötig. Achten Sie bei hellen Stellen im Bild, dass der Kontrast zwischen Bild und Schrift noch ausreichend groß ist.
Unser Beispiel: Pilgern im Sommer
Slider-Untertitel
Muss nicht ausgefüllt werden. Sie sollten es davon abhängig machen, ob eine weitere Information nötig ist, und ob das Bild für einen zusätzlichen Text geeignet ist (Kontrast!). Der Untertitel wird in einer kleineren Schrift unterhalb des Titels angezeigt.
Unser Beispiel: Entspannung für Körper und Geist
Bild
Das Slider-Bild wird vom System immer auf eine Größe von 2000 x 635px gebracht.
Zuerst werden zu geringe Abmessungen vom System automatisch größer skaliert. Dabei besteht die Gefahr, dass kleine Originalbilder sehr stark an Qualität verlieren. Wenn dadurch dann die Breite oder die Höhe zu groß skaliert wurde oder das Originalbild grundsätzlich zu groß ist, wird/werden diese Seite/n zentriert zugeschnitten (also gleich viel von oben und unten bzw. gleich viel von links und rechts weggeschnitten).
Tipps:
Am besten ist es natürlich gleich ein Bild hochzuladen, das schon in etwa die benötigten Abmessungen besitzt.
Das Hauptmotiv sollte sich immer leicht links der Mitte des Bildes befinden.
Verwenden Sie keine "Textbilder". Die Schrift könnte beim Anzeigen auf kleineren Bildschirmen abgeschnitten und damit unleserlich werden.
Beispiele: |
Dieses Wasserglas für die Fastenwoche ist nicht gut geeignet, weil das Motiv oben und unten zu weit an den Rand reicht, und deshalb beim automatischen Skalieren abgeschnitten wird. Screenshot Slider:
Dagegen funktioniert das Gänseblümchen-Herz für den Valentinstag, obwohl auch dieses zugeschnitten wird. Screenshot Slider:
Im Idealfall haben Sie bereits in einem Bildbearbeitungsprogramm ein Foto mit annähernd richtigen Abmessungen, wie hier das Foto mit dem Weg für die Pilgern-Informationen. Screenshot Slider: |
Verlinkung
Wenn Ihre Besucher:innen per Mausklick auf das Bild direkt zu einem bestimmten Artikel, einer bestimmten Section oder selbst zu einer anderen Webseite weitergeleitet werden sollen, müssen Sie hier die Verlinkung definieren. Wie das genau gemacht wird, erklären wir hier in einem eigenen Artikel