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

Flatiron Site Styles tweaks

Dies ist eine Liste aller Website-Stil-Anpassungen für das Flatiron-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 Hilfe findest du in der Anleitung für das Flatiron-Template.

Allgemein

Lege die allgemeinen Stil-Einstellungen für deine Website fest.

  • Background Color - Affects the main content area of your site
  • Header/Footer Background Color
  • Website-Ausrichtung: Links, Mitte – Richte den Hauptinhaltsbereich deiner Website aus.
  • Border Color - Use with the Blog Border tweak in Blog Styles.

Website-Kopfzeile

Diese Anpassungen wirken sich auf den Header aus. Anpassungen von Untertiteln beeinflussen den Slogan.

  • Logo-Bildhöhe
  • Schriftart des Website-Titels
  • Website-Titel: Farbe
  • Site Subtitle Font
  • Website: Untertitel-Farbe
  • Site Title/Logo Position: Right, Left
  • Header-Position: Fest, Normal – Befestige den Header oben auf deiner Website oder lege ihn so fest, dass er mit der Seite nach oben scrollt.

Navigation

Gestalte die Links der Primärnavigation, die im Header angezeigt werden.

  • Main Nav Font
  • Navigation Text Color
  • Navigation Hover Color
  • Navigation Active Color
  • Nav Spacing

Hauptinhalt

Style your site's fonts.

  • Text - Set the body text.
  • Textfarbe
  • Headings - Style all headers on your site. The size option affects Heading 1; Heading 2 and Heading 3 text scales proportionally.
  • Headings Color
  • Zitat: Schriftart
  • Zitat: Farbe
  • Inline Quote Size
  • Linkfarbe
  • Link Hover Color
  • Hintergrundfarbe beim Teilen/„Gefällt mir“-Button – Gestalte den Teilen-Link auf Albumseiten, Galerie-Seiten, Produktartikeln und Blogeinträgen sowie den einfachen „Gefällt mir“-Button in Blogeinträgen.

Galerie-Stile

Diese Anpassungen gelten für Index-Seiten, Layout-Seiten, die über den Index aufgerufen werden, und Galerie-Seiten. Weitere Informationen findest du in der Anleitung für das Flatiron-Template.

  • Grid Headings - Change the page titles that display over Index thumbnails.
  • Raster: Überschriften-Farbe
  • Raster: Unterüberschriften – Ändere den Text „Anzeigen“ unter den Seitentiteln auf Index-Vorschaubildern.
  • Raster: Unterüberschriften-Farbe
  • Grid Background Color - Change the color that displays behind page titles on Index thumbnails.
  • Project Width - Set the width of Index Page thumbnails.
  • Projekt: Detail-Breite – Lege die Breite von Bildern auf Galerie-Seiten und die Breite des Seiteninhalts auf Layout-Seiten fest, die über den Index geöffnet werden.
  • Projekt: Mouseover-Zoom – Wenn diese Option aktiviert ist, werden Vorschaubilder beim Mouseover mittels Zoom vergrößert. Projekt: Quadrate muss ebenfalls aktiviert werden.
  • Projekt: Mouseover-Schwenk – Wenn diese Option aktiviert ist, ändern Vorschaubilder die Bildausschnitte, wenn du mit der Maus über sie fährst.
  • Projekt: Quadrate – Wenn diese Option aktiviert ist, werden Vorschaubilder auf Quadrate zugeschnitten. Wenn diese Option nicht aktiviert ist, haben Vorschaubilder ihr ursprüngliches Seitenverhältnis.
  • Project Meta Width - Change the width of the page title and description on Gallery Pages, and on Layout Pages opened from Indexes.
  • Projekt: Seitennummerierung – Ändere die Farbe der Navigationspfeile auf Layout-Seiten und Galerie-Seiten, die über einen Index geöffnet werden.
  • Project Pagination Background

Mobilgerät

  • Hide Project Title - Hide the page titles that appear over Index Page thumbnails on mobile.

Blog-Stile

Diese Anpassungen erscheinen auf Blog-Seiten mit dem Flatiron-Template.

  • Blog: Ränder – Füge Ränder zu deiner Blog-Seite und deinen Blogeinträgen hinzu. Ändere die Farbe mithilfe von Rand: Farbe unter Allgemein.
  • Show Author - Display or hide author names.
  • Blog Post Spacing - Change the padding between posts on the landing page.

Fußzeile der Website

Change the settings for your site-wide footer.

  • Footer automatisch ausblenden – Stelle den Footer so ein, dass er immer oder nur beim Mouseover angezeigt wird.
  • Social Icon Color (Farbe des Social-Media-Symbols)
  • Größe der Symbole sozialer Netzwerke
  • Social Icon Style: Normal, Round, Square

Produkte

Diese Anpassungen erscheinen auf den klassischen Shop-Seiten.

Produkte

  • Kategorie-Navigation anzeigen
  • Kategorie-Navigation: Schriftart
  • Category Nav Color
  • 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?
6 von 24 fanden dies hilfreich
Flatiron Site Styles tweaks