Was sind globale Stile?
Globale Stile ist eine wichtige Funktion in GemPages, die Ihnen hilft, ein einheitliches Erscheinungsbild über alle Bereiche und Elemente Ihrer Website hinweg zu gewährleisten. Mit zunehmender Anzahl an Seiten kann die Aufrechterhaltung eines einheitlichen Designs zur Herausforderung werden. Mit globalen Stilen sparen Sie Zeit und sorgen dafür, dass Ihre Website elegant und professionell aussieht.
In Version 7Diese Funktion wurde vereinfacht. Während Version 6 mehrere Voreinstellungen enthielt, bietet Version 7 nur noch eine. Sie können jedoch weiterhin bestimmte Stile – wie Standardschriftart, Farben und Abstände – definieren und auf Ihre Seiten anwenden. Alle vorgenommenen Änderungen werden nach Bestätigung automatisch auf allen verknüpften Seiten aktualisiert.
So greifen Sie auf die globalen Stile zu
Schritt 1:: Von der GemPages Dashboard, wählen Sie Ihre bevorzugte Vorlage aus, um auf die Herausgeber.
Schritt 2:: Klicken Sie in der linken Seitenleiste des Editors auf das zweite Symbol, um auf die globalen Stile zuzugreifen.
Wie passe ich globale Stile an?
Farbe
Global Styles unterstützt 15 globale Farben unterteilt in 5 Kategorien:
- Knopffarbe
- Textfarbe
- Hintergrundfarbe
- Farblinie
- Akzentfarbe
Diese Farben werden aus Ihrem veröffentlichten Design generiert. Um die vorhandene Farbe zu ersetzen, klicken Sie darauf und wählen Sie eine andere aus der Palette.
Was jede Farboption beeinflusst:
- Knopffarbe: Gilt für alle Schaltflächen, die mit dem Schaltflächenelement erstellt wurden (z. B. „In den Warenkorb“, „CTA“-Schaltflächen). Es steuert die Hauptfüllfarbe und den Hover-Status, falls definiert.
- Textfarbe: Legt die Standardschriftfarbe für Überschriften, Absätze und andere textbasierte Elemente fest.
- Hintergrundfarbe: Legen Sie eine voreingestellte Hintergrundfarbe für unterstützte Elemente fest, darunter Karussell, Benutzerdefinierter Code, Popup, Symbol, Produktliste (Punktfarbe), Countdown-Timer, Hero-Banner, Symbolliste, Erweiterte Liste, Laufschrift, Bundle-Rabatt und Produkt-Benutzerfeld.
- Linienfarbe: Beeinflusst die Farbe der Trennlinien, Rahmen und Trennzeichen in Ihrem Layout.
- Akzentfarbe: Wird für Hervorhebungen oder interaktive Elemente wie Links, Symbole und Hover-Effekte verwendet.
Um eine Farbe zu ändern, klicken Sie auf das Farbfeld und wählen Sie einen neuen Farbton aus der Palette. Alle Änderungen werden automatisch auf alle Elemente angewendet, die mit diesen globalen Farbvariablen verknüpft sind.
Font Manager
Global Styles bietet zwei Arten von Textstilen, nämlich Überschrift , Absatz. Sie können Ihre bevorzugte Option aus dem Dropdown-Menü auswählen. Die verwendete Schriftart stammt aus Google Fonts.
Typografie
GemPages unterstützt 6 Arten von Rubriken und 3 Arten von Die Absätze. In den Elementeinstellungen werden alle Einstellungen, die sich auf Textstile beziehen, aus diesen globalen Typografieeinstellungen ausgewählt.
Wenn Sie GemPages installieren, wird die globale Typografie mit den Textstilen Ihrer Designs synchronisiert. Die von Ihrem Shopify-Design synchronisierten Typografieinformationen umfassen Schriftfamilie, Schriftgröße, Zeilenhöhe, Schriftstärke, Schriftstil und Buchstaben-Abstand.
Abstand
GemPages ermöglicht Ihnen die Synchronisierung von Abständen auf Ihrer Website durch die Konfiguration globaler Abstandswerte. Es gibt 10 Typen des verfügbaren globalen Abstands, der jeweils mit Werten für drei Geräte angepasst werden kann: Desktop, Tablette und Mobil.
Die Standardeinheit für den globalen Abstand ist Pixel (px). Der globale Abstand kann zum Konfigurieren von Rändern, Auffüllungen, Elementabständen oder Spaltenabständen verwendet werden.
Standardzeilenbreite
Informationen zur standardmäßigen Zeilenbreite
Eine Seite besteht normalerweise aus mehreren Abschnitten, von denen jeder einen eigenen Stil erfordert. Abschnitte wie Hero Banner haben beispielsweise normalerweise Hintergründe, und Sie möchten sie vielleicht auf die volle Breite einstellen. Andere Abschnitte haben jedoch eine feste Breite, um das Layout beizubehalten und den Inhalt auf dem Bildschirm zu zentrieren. Daher ist ein universeller Wert erforderlich, um die Breite solcher Abschnitte automatisch anzupassen.
Anwendung
- Zeilenbreite
GemPages setzt den Standardbreitenwert auf 1200px für Desktop und 100% für Tablet und Mobile, der für alle aktuellen Vorlagen geeignet ist. Sie müssen keine Anpassungen vornehmen, da GemPages diesen Wert automatisch anwendet.
Wenn Sie jedoch einen anderen Breitenwert bevorzugen, können Sie eine Zahl in das Feld eingeben. Wenn Sie beispielsweise 1000px eingeben, beträgt die Standardbreite für Abschnitte/Zeilen, die nicht die volle Breite haben, 1000px.
- Seitenabstand
Geben Sie eine Zahl für den gewünschten Abstand für Abschnitte/Zeilen ein. Bitte beachten Sie, dass dieser Abstand nicht für Abschnitte/Zeilen in voller Breite gilt.
Corners
GemPages ermöglicht Ihnen, die auf Ihrer Website verwendeten Ecken zu synchronisieren, indem Sie einen globalen Eckenwert konfigurieren. Sie können drei Eckenstile definieren: Small, Medium und Large. Klicken Sie einfach auf die Bleistift Symbol, um den Wert in Pixeln einzugeben.
Häufig gestellte Fragen
Kann ich globale Stile in GemPages deaktivieren?
- Wählen Sie das Element im Editor aus.
- Die Werte für Farbe, Schriftart, Abstand und Rahmen können Sie manuell im Einstellungs-Tab des Elements festlegen.
Vielen Dank für Ihre Kommentare