Funktionen des Templates
Navigations-Button
Sie möchten eine starke Handlungsaufforderung direkt in Ihrem Header? Aktivieren Sie die Anpassung „Navigations-Button aktivieren“, um den letzten Link in Ihrer Primärnavigation in einen Button zu verwandeln.
Banner-Bereich
Es gibt mehrere Möglichkeiten, den Banner-Bereich oben auf der Seite zu benutzen.
Seiten-Banner
In einer Seite, Blog-Liste, Event-Liste, Produktliste oder Albumseite können Sie in den Einstellungen (im Website-Manager) ein großes Banner erstellen. Laden Sie einfach ein Vorschaubild hoch und geben Sie Ihren Text in das Feld „Beschreibung“ ein.
Fett gedruckter Text wird zu einer Überschrift.
Links in der letzten Zeile werden zu Buttons.
Seiten-Banner-Diashow
Wenn Sie eine große Banner-Diashow auf Sammlungs-Seiten möchten, können Sie einen Galerie-Block ganz oben auf der Seite vor allen anderen Blöcken platzieren.
Galerie-Block muss auf Diashow-Modus gestellt sein.
Wie beim Seiten-Banner, erzeugen Sie mit dem Einfügen von fett gedrucktem Text oder Links in die Beschreibung für jedes Galerie-Bild Überschriften und Buttons.
Blog: Diashow mit hervorgehobenen Einträgen
Erstellt eine Diashow mit hervorgehobenen Einträgen in der Blog-Listenansicht, indem einzelne Einträge präsentiert werden. Ihre fünf neuesten empfohlenen Einträge werden automatisch in eine Diashow oben in der Blog-Liste übernommen.
Blog: Artikel-Banner
In der Inhaltsansicht eines Blogeintrags wird das Vorschaubild des Eintrags automatisch in einem Banner oben auf der Seite platziert, zusammen mit dem Titel des Eintrags und den von Ihnen gewählten Metainformationen.
Einfaches Bild-Banner
Sie möchten keinen ausgefallenen Header mit Wörtern und Buttons? Laden Sie einfach ein Vorschaubild in Seite, Blogliste, Events, Produktliste oder Album hoch, und es wird in einem schmalen Streifen am oberen Rand der Seite angezeigt.
Kein Banner-Bereich
Wenn Sie das Banner auf keinen Fall verwenden möchten, laden Sie einfach kein Vorschaubild hoch und es wird nicht angezeigt.
Seitenleiste
Hayden verfügt über Seitenleisten, die in verschiedenen Situationen erscheinen:
Ordner-Navigation, links von jeder Seite in einem Ordner.
Kategorie-Navigation, auf der linken Seite von Produktlisten mit Kategorien.
Blog-Seitenleiste, auf der rechten Seite von Blogseiten.
Sie können wählen, ob der Titel des Ordners oder der Produktsammlung angezeigt werden soll. Wenn Sie die Seitenleisten nicht anzeigen möchten, können Sie sie mit einer Option in „Website-Stil“ vollständig ausblenden.
Index
Mit dem Index von Hayden können Sie mehrere Seiten übereinander stapeln. Jede Indexseite enthält alle Banner-Optionen, die für andere Seiten auf der Website verfügbar sind, einschließlich des Seiten-Banners, der Seiten-Banner-Diashow und der einfachen Bild-Banner-Optionen.
Der Index verfügt außerdem über eine Feste Navigation, die erscheint, nachdem Sie über die erste Seite im Index hinausscrollen. Diese Navigation ist nur verfügbar, während Sie einen Index in Hayden durchsuchen.
Website-Stil-Optionen
Kopfzeile der Website
Hintergrundfarbe der Kopfzeile – Ändern Sie die Hintergrundfarbe der Kopfzeilen-Leiste oben auf der Seite.
Schriftart + Farbe des Website-Titels – Wenn kein Logo-Bild hochgeladen wird, legen Sie die Schriftart, die Schrifteigenschaften und die Farbe des Website-Titels fest.
Transparente Kopfzeile – Wenn ein Banner-Bild jeglicher Art auf eine bestimmte Seite hochgeladen wird, wird der Kopfzeilen-Hintergrund transparent. Seiten ohne Banner-Bilder behalten die Hintergrundfarbe der Kopfzeile bei, dasselbe gilt auch für Ordner-Dropdowns.
Logo-Container-Breite – Legen Sie die Breite des Logo-Containers fest, wodurch sich effektiv die Größe des Logos ändert. Wenn der Logo-Container kleiner als die Größe des hochgeladenen Logo-Bildes ist, wird das Logo-Bild verkleinert, aber wenn der Logo-Container größer ist, wird das Logo nicht größer als das hochgeladene Bild. Die Navigation nimmt die restliche Fläche rechts neben dem Logo-Container ein.
Container-Breite des Website-Titels – Legen Sie die Breite des Containers für den Website-Titel fest. Dies ermöglicht effektiv die Kontrolle über den Textumbruch des Website-Titels.
Website-Navigation
Schriftart + Farbe des Navigationslinks – Legen Sie die Schriftart, die Schrifteigenschaften und die Farbe des Navigationslinks fest.
Navigationslink (Aktiv) – Legen Sie die Farbe der Navigationslinks beim Mouseover fest.
Navigations-Button aktivieren – Machen Sie den letzten Link in der Navigation zu einem Button (gilt nicht für Ordner).
Stil des Navigations-Buttons – Wählen Sie zwischen ausgefüllten, konturierten und erhöhten Buttons.
Ecken-Stil für Navigations-Button – Wählen Sie zwischen quadratischen Ecken, abgerundeten Ecken oder einem Button in „Pillenform“.
Farbe des Navigations-Buttons – Legen Sie die Hintergrundfarbe des Buttons fest (Kontur und Textfarbe, wenn der Button-Stil „Kontur“ ausgewählt ist).
Schriftart + Textfarbe des Navigations-Buttons – Legen Sie die Schriftart, die Schrifteigenschaften und die Farbe des Navigations-Buttons fest.
Banner-Abschnitt
Banner-Overlay-Farbe – Legen Sie eine Farbe fest, mit der Bilder in Bannern überlagert werden sollen.
Schriftart + Farbe der Banner-Überschrift – Legen Sie die Schriftart, die Schrifteigenschaften und die Farbe der Überschriften in Bannern fest.
Schriftart + Farbe des Banner-Texts – Legen Sie die Schriftart, die Schrifteigenschaften und die Farbe des Textkörpers in Bannern fest.
Stil von Banner-Button – Wählen Sie zwischen ausgefüllten, konturierten und erhöhten Buttons.
Ecken-Stil für Banner-Button – Wählen Sie zwischen quadratischen Ecken, abgerundeten Ecken oder einem Button in „Pillenform“.
Farbe des Banner-Buttons – Legen Sie die Hintergrundfarbe des Buttons fest (Kontur und Textfarbe, wenn der Button-Stil „Kontur“ ausgewählt ist).
Schriftart + Farbe des Banner-Buttons – Legen Sie die Schriftart, die Schrifteigenschaften und die Farben des Banner-Buttons fest.
Hauptinhalt
Seitenhintergrund – Legen Sie den Hintergrund des Hauptinhaltsbereichs fest.
Schriftart + Farbe des Seitentexts – Legen Sie die Schriftart, die Schrifteigenschaften und die Farbe des Textkörpers fest.
Farbe des Seitenlinks – Legen Sie die Farbe von Links im Textkörper fest.
Farbe der Seiten-Meta – Legen Sie die Farbe des Metatextes (Blog-Autoren, Eintragsdaten usw.) fest.
Kontrollieren Sie die Schriftart, die Schrifteigenschaften und die Farben der Überschrift 1, Überschrift 2 und Überschrift 3.
Zitat-Schriftart + -Farbe – Legen Sie die Schriftart, die Schrifteigenschaften und die Farbe von Zitat-Blöcken fest.
Seitenleiste
Seitenleiste der Seite ausblenden – Die linke Ordner-Navigation bei Seiten in einem Ordner nicht anzeigen.
Produkt-Seitenleiste ausblenden – Die linke Kategorie-Navigation in der Produktlistenansicht nicht anzeigen.
Seitenleisten-Titel ausblenden – Zeigen Sie den Titel in der Seitenleiste nicht an.
Schriftart + Farbe des Subnavigationstitels – Legen Sie die Schriftart, Schrifteigenschaften und Farbe der Titel in der Ordner-Navigation der Seite und in der Produktkategorie-Navigation fest.
Schriftart + Farbe des Subnavigationslinks – Legen Sie die Schriftart, die Schrifteigenschaften und die Farbe der Links in Subnavigationen fest.
Vor-Fußzeile
Hintergrund der Vor-Fußzeile – Legen Sie die Hintergrundfarbe des Vor-Fußzeilenbereichs direkt oberhalb der Fußzeile fest.
Textfarbe der Vor-Fußzeile – Legen Sie die Farbe des Textes in der Vor-Fußzeile fest.
Fußzeile
Fußzeilen-Hintergrund – Legt die Hintergrundfarbe des Fußzeilenbereichs ganz unten auf der Seite fest.
Textfarbe der Fußzeile – Legen Sie die Farbe des Textes in der Fußzeile fest.
Schriftart + Farbe der Fußzeilen-Navigation – Legen Sie die Schriftart, die Schrifteigenschaften und die Farbe der Fußzeilen-Navigationslinks fest.
Fußzeilen-Navigationslink (Aktiv) – Legen Sie die Farbe des Navigationslinks in der Fußzeile beim Mouseover fest.
Fußzeilen-Anpassung / Info – Wählen Sie zwischen links und zentriert ausgerichteter Fußzeilen und Website-Info.
Website-Info ausblenden – Verbergen Sie die Website-Info in der Fußzeile.
Blog
Meta-Priorität – Wählen Sie aus, ob das Datum oder die Kategorie eines Eintrags in der Blog-Listenansicht über dessen Titel angezeigt wird.
Eintragsautor verbergen – Zeigen Sie die Zeile mit dem Autorennamen eines Blogeintrags nicht an. Praktisch für Blogs mit einem einzigen Autor.
Fußzeile des Listeneintrags verbergen – Zeigen Sie die Fußzeile (Kommentieren + Liken + Teilen) in der Blog-Listenansicht nicht an.
Galerie-Stil
Galerie-Navigation – Legt fest, welche Art von Galerie-Bild-Navigation auf der Seite angezeigt wird.
Galerie-Info-Overlay – Wählen Sie die Art der Anzeige, die für Bildtitel und Beschriftung verwendet wird.
Galerie-Seitenverhältnis – Kontrolliert das Seitenverhältnis (Breite:Höhe) des jeweils aktiven Bildes in der Galerie.
Galeriepfeil-Stil – Legt den Stil der Pfeile fest, mit denen durch die Bilder geblättert wird.
Galerie-Übergänge – Wählen Sie den Übergangsstil aus, der zur Animation zwischen den angezeigten Bildern verwendet wird.
Galeriepfeile anzeigen – Aktivieren Sie Pfeile, mit denen durch die Bilder geblättert werden kann.
Galerie automatisch zuschneiden – Wählen Sie aus, ob die Diashow-Bilder automatisch auf das gewählte Verhältnis zugeschnitten werden sollen.
Galerie-Autoplay – Galerie-Bilder werden ohne Benutzerinteraktion automatisch wiedergegeben.
Galerie-Schleife – Richten Sie eine Schleife ein, sodass die Galerie nach dem letzten Bild automatisch wieder zum ersten Bild übergeht.
Galerie: Autoplay-Geschwindigkeit – Geben Sie an, wie schnell die Galerie auf dem aktiven Bild pausiert.
Größe des Galerie-Vorschaubildes – Kontrollieren Sie die Höhe von Vorschaubildern, wenn diese für die Galerie-Navigation verwendet werden.
Galeriepfeil-Hintergrund – Geben Sie die Farbe an, die für die Form der Galeriepfeile verwendet werden soll.
Galeriepfeil-Farbe – Geben Sie die Farbe an, die für den Pfeil selbst verwendet wird.
Galeriekreis-Farbe – Geben Sie die Farbe an, die für die kreisförmigen Galeriepfeile verwendet wird.
Galerie-Info-Hintergrund – Legen Sie die Hintergrundfarbe für Bildtitel und Beschriftungen fest.
Event-Stil
Event-Zeit – Wechseln Sie zwischen dem 24-Stunden- oder AM/PM-Format für Event-Zeiten.
Event-Symbole – Aktivieren Sie Symbole in der Adress- und Event-Zeit-Anzeige.
Vorschaubilder für Events – Zeigen Sie ein Vorschaubild in der Listenansicht an.
Größe des Vorschaubildes des Events – Kontrollieren Sie die Größe (Verhältnis Breite:Höhe) des Vorschaubildes des Events.
Label mit Event-Datum – Aktivieren Sie ein Datumsoverlay über dem Vorschaubild des Events.
Datum des Events mit Zeit-Label – Fügen Sie die Uhrzeit des Events in das Datums-Overlay ein.
Event-Auszüge – Zeigen Sie optionalen Auszugstext zu Events in der Listenansicht an, falls vorhanden.
Datum in Event-Liste – Zeigen Sie das vollständige Event-Datum (Tag, Monat, Jahr) des Events in der Listenansicht an.
Zeit in Event-Liste – Zeigen Sie den Zeitraum (Startzeit–Endezeit) des Events in der Listenansicht an.
Adresse in Event-Liste – Zeigen Sie die Adresse des Event-Ortes an, wenn vorhanden.
iCal/gCal-Links für Events – Zeigen Sie Links an, um Events zu Apple- oder Google-Kalendern hinzuzufügen.
Like- und Sharing-Buttons für Events – Zeigen Sie einfache Like- und Sharing-Buttons für Events an.
Kompaktansicht der Event-Liste – Aktivieren Sie eine einfache gestapelte Ansicht der Events in der Listenansicht.
Kompaktansicht für Event-Kalender – Aktivieren Sie eine einfachere Kalenderansicht, die für kleinere Flächen optimiert ist.
Produkt-Stil
Produkt-Hintergrundfarbe – legt die Farbe hinter dem Produktbild fest.
Produkt-Overlay-Farbe – Legt die Farbe des Overlays fest, wenn Produktlisten-Titel auf „Overlay“ gesetzt sind.
Produkte pro Zeile – bestimmt die Anzahl der angezeigten Produkte pro Zeile in der Produktliste.
Produktlisten-Titel – kontrolliert die Position des Produkttitels auf der Produktliste.
Ausrichtung der Produktliste – Legt die Textausrichtung des Produkttitels in der Produktliste fest.
Größe des Produktartikels – Wählen Sie ein Seitenverhältnis für das Produktfoto in der Produktliste aus.
Produktbilder automatisch zuschneiden – bestimmt, ob Produktbilder den Bildbereich ausfüllen oder darin eingepasst werden.
Größe der Produkt-Galerie – Wählen Sie ein Seitenverhältnis für die Produktgalerie auf der Produktartikel-Seite aus.
Produkt-Galerie automatisch zuschneiden – bestimmt, ob Produktbilder den Galeriebereich ausfüllen oder darin eingepasst werden.
Produktpreis anzeigen – zeigt den Preis auf der Produktlisten-Seite an, wenn aktiviert.
Produktartikel-Navigation anzeigen – Zeigt den Link „Zurück zum Shop“ auf der Produktartikel-Seite an.