Erweiterte Stile für Mobilgeräte in Version 7.0

Zuletzt aktualisiert: 22. August 2024

Hier erfährst du mehr über die Templates der Version 7.0, die über spezielle Stil-Optionen für Mobilgeräte verfügen.

Alle Squarespace-Websites sind mit Responsive Design optimiert, sodass sich deine Website an das Format jedes Mobilgeräts oder Browsers anpassen kann.

Einige Templates in Version 7.0 verfügen unter Website-Stile über spezifische Anpassungen für Mobilgeräte, um zusätzliche Personalisierungsoptionen zu bieten. In dieser Anleitung werden diese Optionen erläutert.

So erlangst du Zugriff auf diese Funktion

Diese Anleitung gilt für Version 7.0. Version 7.1 hat keine separaten Stile für Mobilgeräte. Mehr dazu erfährst du unter Wie wird meine Website auf Mobilgeräten dargestellt?

Optionen nach Template

Um eine Vorschau deines Designs für Mobilgeräte zu erhalten, während du Änderungen vornimmst, öffne die Geräteansicht, bevor du Website-Stile öffnest.

  • Um Anpassungen für Mobilgeräte zu finden, drücke Strg + F (Command + F auf Mac) und suche nach dem Wort Mobilgerät.
  • Suche zum Skalieren von Schriftartennach dem Wort Min.

Hier sind die Optionen für Mobilgeräte in diesen Template-Gruppen:

Template-Gruppe Optionen
Avenue
  • Passe die Größe des Logos an

Aviator

  • Blende das Hintergrundbild ein oder aus. Möglicherweise musst du die Hintergrundfarben anpassen, damit das Bild angezeigt wird.
  • Passe die Größe des Logos an (außer für Info-Seiten)

Brine

  • Füge eine oder zwei Navigationsleisten für Mobilgeräte hinzu
  • Wähle aus, ob die obere Leiste fixiert ist
  • Lege separate Stile für Header-Symbole fest
  • Stelle ein, wo die Symbole erscheinen
  • Lege die Breite fest, bei der die Website zur Ansicht für Mobilgeräte wechselt (Breakpoint)
  • Gestaltungs-Optionen für Shop-Seiten

Farro

  • Füge eine oder zwei Navigationsleisten für Mobilgeräte hinzu
  • Wähle aus, ob die obere Leiste fixiert ist
  • Lege separate Stile für Header-Symbole fest
  • Stelle ein, wo die Symbole erscheinen
  • Gestaltungs-Optionen für Shop-Seiten
Flatiron
  • Blende die Titel des Vorschaubild-Rasters auf der Index-Seite aus
Galapagos
  • Lege die Farbe und Schriftart des Website-Titels fest
  • Wenn du ein Logo in der Computeransicht hast, kannst du ein separates Logo für Mobilgeräte hinzufügen und dessen Höhe festlegen, oder stattdessen einen Website-Titel anzeigen.

Skye

  • Skalierung von Schriftarten
  • Gestaltungs-Optionen für Shop-Seiten
Supply
  • Ersetze das Logo durch den Website-Titel

Tremont

  • Skalierung von Schriftarten
  • Unterschiedliche Größeneinstellungen für verschiedene Browser-Breiten. Lege beispielsweise die Höhe deines Logos für Computer, Tablet und Smartphone fest.
  • Gestaltungs-Optionen für Shop-Seiten
Wells
  • Lege Schriftart und Schriftgröße des Website-Titels fest
Wexley
  • Passe die Hintergrundfarbe für die Navigation auf Mobilgeräten an

York

  • Skalierung von Schriftarten
  • Obere Navigationsleiste für Mobilgeräte
  • Lege separate Stile für Header-Symbole fest
  • Gestaltungs-Optionen für Shop-Seiten

Arten von Stilen für Mobilgeräte

Skalierung von Schriftarten

Durch Skalieren von Schriftarten kannst du die maximalen und minimalen Größen für Titel, Überschriften und anderen wichtigen Text manuell festlegen. Um mehr zu erfahren, besuche Skalierung von Schriftarten.

Logo Size
(Logo-Größe)

In Templates, in denen du die Größe des Logos für Mobilgeräte anpassen kannst, empfehlen wir, dein Website-Logo so einzustellen, dass es auf Mobilgeräten kleiner angezeigt wird, um Engstände zu verringern.

Hinweis

Nur Galapagos unterstützt das Hochladen eines separaten Logos für Mobilgeräte.

Navigationsleisten für Mobilgeräte

Navigationsleisten für Mobilgeräte werden oben oder unten auf der Website für Mobilgeräte angezeigt. Sie enthalten Header-Elemente wie den Titel oder das Logo der Website, den Warenkorb und das Suchsymbol. Du kannst die Leistenfarben anpassen, auswählen, wo die Elemente angezeigt werden, und ihnen einzigartige Stile für Mobilgeräte geben.

Das Brine-Template unterstützt beispielsweise bis zu zwei Leisten für Mobilgeräte:

KB Guide Image

Shop-Seite

Bei Templates, die die „Erweiterte Shop-Seite“ unterstützen, kannst du Produkttiteln, Preisen und Verkaufspreisen einen einzigartigen Stil für das Anzeigen auf Mobilgeräten verleihen. Mehr dazu erfährst du unter Shop-Seiten gestalten.

Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.

Erweiterte Stile für Mobilgeräte in Version 7.0