Hinweis: Während unsere beliebtesten Anleitungen ins Deutsche übersetzt wurden, sind einige Anleitungen nur auf Englisch verfügbar.

Anpassungen in Website-Stil für Avenue

Dies ist eine Liste aller Anpassungen unter Website-Stile für das Avenue-Template.

Wir entwickeln die Squarespace-Plattform ständig weiter, um Ihnen die bestmöglichen Werkzeuge für die Erstellung Ihrer Website an die Hand zu geben. Sollte die Plattform vor Kurzem geändert worden sein, sehen Sie möglicherweise andere Optionen als die unten aufgeführten. Die Funktion der jeweiligen Anpassungen werden am besten durch Experimentieren erlernt, wobei Sie die Änderungen auf Ihrer Website sehen können.

Tipp: Allgemeine Unterstützung findest du in der Anleitung für Avenue-Templates.

Farben

Weitere Hilfe dazu findest du unter Farben ändern.

  • Website-Hintergrund
  • Website-Hintergrundbild – Weitere Hilfe findest du unter Ein Hintergrundbild hinzufügen.
  • Leinwand-Hintergrund
  • Website-Titel: Farbe
  • Website-Titel: Farbe (Mouseover)
  • Website: Untertitel-Farbe
  • Navigation: Farbe
  • Navigation: Farbe (Mouseover)
  • Navigation: Farbe (Aktiv)
  • Überschrift 1: Farbe
  • Überschrift 2: Farbe
  • Überschrift 3: Farbe
  • Textfarbe
  • Textkörper: Link-Farbe
  • Textkörper: Link-Farbe (Mouseover)
  • Seitenrand: Farbe
  • Social Icon Color (Farbe des Social-Media-Symbols)

Typografie

Weitere Hilfe dazu finden Sie unter Schriftarten ändern.

  • Website-Titel
  • Website: Untertitel
  • Navigation
  • Heading 1
  • Heading 2
  • Heading 3
  • Textkörper

Größen & Werte

Ändern Sie den Freiraum und die Abstände auf Ihrer Website.

  • Website-Breite
  • Leinwand: Padding
  • Freiraum oben
  • Navigationslink: Abstände
  • Header-Padding – Diese Anpassung wirkt sich nicht auf die Anzeige auf Mobilgeräten aus.
  • Seiten-Padding
  • Footer: Padding
  • Logo Size (Max)
    (Max. Logo-Größe)
  • Mobile Logo-Größe
  • Größe der Symbole sozialer Netzwerke

Optionen

Ändern Sie das Layout und die Ausrichtung der wichtigsten Elemente auf Ihrer Website.

  • Layout-Stil: Rechts, Mitte, Links – Legen Sie das Layout Ihres Seitentitels und Ihrer Navigation fest. Wenn Sie Mitte wählen, wird die Navigation unter dem Seitentitel angezeigt. Diese Anpassung betrifft den Footer für die gesamte Website.
  • Page Borders: Dotted, Thin, Thick, None
  • Unterstreichungen des Textkörpers
  • Social Icon Style: Normal, Round, Square
  • Social-Media-Symbole verbergen – Blende die integrierten Social-Media-Symbole im Footer aus oder ein.

Blog-Stile

Ändere die Einstellungen für Avenue-Blog-Seiten.

  • Blog: Meta-Farbe
  • Blog Sidebar Display: Auto, Right, Left, Hidden
  • Blog-Seitenleiste: Breite
  • Blogeintrag: Abstände

Index-Stile

Die Anpassungen Vorschau und Vorschaubild wirken sich auf die Vorschaubilder auf Avenue-Index-Seiten und die Navigationstitel aus, die unter ihnen angezeigt werden.

Layout-Seiten und Galerie-Seiten verfügen über eine besondere Formatierung, wenn sie über einen Index geöffnet werden. Diese Anpassungen werden angezeigt, wenn du eine Galerie-Seite über den Index öffnest:

  • Index: Element-Detailbreite – Ändere die Breite der Bilder, die auf Galerie-Seiten angezeigt werden, wenn diese über den Index geöffnet werden.
  • Index: Element-Layout: Auto, Links, Rechts, Zentriert – Lege fest, ob Seitentitel und -beschreibung rechts, links oder zentriert über den Bildern angezeigt werden. Wähle Auto aus, um dem Website-Layout zu folgen (eingestellt mit der Anpassung Layout-Stil im Abschnitt Optionen).

Diese Anpassungen betreffen die Index-Landingpage:

  • Index: Vorschau-Titel – Lege Schriftart und Größe der Navigationstitel fest.
  • Index: Vorschau-Titel-Farbe – Lege die Farbe der Navigationstitel fest.
  • Index: Vorschau-Titel-Position: Unter, Overlay – Wählen Sie aus, ob die Navigationstitel unter dem Vorschaubild angezeigt werden oder bei Mouseover erscheinen sollen.
  • Index: Vorschau-Layout: Autospalten, Einfaches Raster – Wählen Sie, ob die Vorschaubilder als Quadrate in einem Raster oder in ihrem ursprünglichen Seitenverhältnis angezeigt werden sollen.
  • Index Thumb Background - This color displays behind thumbnails while the Index Page loads. Combine with the Thumbnail Opacity tweaks to display on hover.
  • Vorschaubilder pro Reihe – Wähle die Anzahl der Spalten aus. Wird angezeigt, wenn Index: Vorschau-Layout: Einfaches Raster ausgewählt ist.
  • Vorschaubild: Seitenverhältnis – Lege die Höhe des Vorschaubildes fest. Wird angezeigt, wenn Index: Vorschau-Layout: Einfaches Raster ausgewählt wurde.
  • Vorschaubild: Max. Breite – Legen Sie die Größe des Vorschaubildes fest. Wird angezeigt, wenn Index: Vorschau-Layout: Autospalten ausgewählt wurde.
  • Vorschaubild: Freiraum
  • Thumbnail Opacity - Combine with the Index Thumb Background or Site Background tweaks to add a color filter effect.
  • Thumbnail Hover Opacity - Combine with the Index Thumb Background or Site Background tweaks to add a color filter effect on hover.
  • Vorschaubilder auf offener Seite: Alle anzeigen, Aktive verbergen, Alle verbergen – Wählen Sie aus, welche Index-Seiten-Vorschaubilder als Navigation am unteren Rand aktiver Seiten angezeigt werden.
  • Index-Vorschau-Titel verbergen – Entferne die Navigationstitel, die unter oder über den Bildern angezeigt werden.
  • Full Width Index - Display active pages at the width of the site, minus Canvas Padding.

Galerie-Stile

Diese Anpassungen werden auf Avenue-Galerie-Seiten angezeigt.

  • Gallery Page Controls: Tiny Thumbnails, Bullets, Numbers, Simple, Hidden
  • Galerie-Autoplay
  • Galerie: Wiedergabegeschwindigkeit

Produkte

Diese Anpassungen erscheinen auf den klassischen Shop-Seiten.

Produkte

  • Kategorie-Navigation anzeigen
  • Kategorie-Navigation: Schriftart
  • Kategorie Navigationsfarbe
  • Kategorie-Navigation: Aktiv-Farbe
  • Produkt: Hintergrundfarbe
  • Produkt: Overlay-Farbe
  • Produkte pro Zeile
  • Produktliste: Titel: Unter, Overlay
  • Produktliste: Ausrichtung: Mitte, Links
  • Produkt: Artikelgröße
  • Produktbild: Automatisch abschneiden
  • Produkt-Galerie: Größe
  • Produkt-Galerie: Automatisch abschneiden
  • Produktpreis anzeigen
  • Produktartikel-Navigation anzeigen
  • Produkt: Teilen in sozialen Netzwerken

Produkte: Ähnliche Produkte

  • Elemente pro Zeile
  • Abstand der Elemente
  • Bild: Seitenverhältnis
  • Detail-Ausrichtung
  • Titel-Abstand der Elemente

Veranstaltungen

Diese Anpassungen werden auf Veranstaltungsseiten angezeigt.

  • Artikelseiten deaktivieren
  • Vergangene Veranstaltungen anzeigen
  • Vorschaubilder anzeigen
  • Vorschaubildgröße
  • Datums-Tag anzeigen
  • Datums-Tag mit Uhrzeit anzeigen
  • Kategorien anzeigen
  • Datum anzeigen
  • Zeit anzeigen
  • Standort anzeigen
  • Export-Links anzeigen
  • Buttons für Social Media anzeigen
  • Auszug anzeigen
  • Button anzeigen
  • Link „Zurück“ anzeigen
  • 24-Stunden-Format
  • Gestapelte Ansicht

Albumoptionen

Diese Anpassungen werden auf Albumseiten angezeigt.

  • Album: Textfarbe
  • Link „Album teilen“ verbergen

Cover-Seiten

Cover-Seiten werden unabhängig vom Website-Template formatiert. Besuchen Sie die Cover-Seiten, um mehr zu erfahren.

Block tweaks

Anpassungen für bestimmte Blöcke werden ebenfalls unter „Website-Stile“ angezeigt. Um mehr über Stil-Optionen zu erfahren, gehe zu Inhalte mithilfe von Blöcken hinzufügen und klicke auf den Namen des Blocks, über den du mehr erfahren möchtest.

War dieser Beitrag hilfreich?
9 von 37 fanden dies hilfreich
Anpassungen in Website-Stil für Avenue