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

Erweiterte Stile für Mobilgeräte

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.

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

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
  • Alle Stil-Anpassungen ansehen

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
  • Alle Stil-Anpassungen ansehen
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
  • Alle Stil-Anpassungen ansehen

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:

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.

War dieser Beitrag hilfreich?
17 von 149 fanden dies hilfreich
Erweiterte Stile für Mobilgeräte