So ändern Sie die CSS-Textgröße in Shopify

Was ist die CSS-Textgröße in Shopify?

In CSS ist die Eigenschaft, die die Textgröße steuert, Schriftgröße.

Sie können es anwenden Sitewide (alle Überschriften oder Fließtext) über den Theme-Editor von Shopify. Alternativ können Sie es einfach auf spezifische Elemente (wie Produkttitel oder Menüelemente) mit benutzerdefiniertem CSS.

Wenn Sie einen Seitenersteller eines Drittanbieters verwenden, wie GemPageskönnen Sie die Textgröße visuell steuern, ohne im Editor der App zu codieren.

Wie ändere ich die Textgröße für meine Shopify-Seiten?

Methode 1: Verwenden des Shopify-Theme-Editors (kein Code)

Die einfachste Möglichkeit, die Schriftgrößen in Ihrem Shop anzupassen, ist der Theme-Editor.

Folge diesen Schritten:

• Gehen Sie in Ihrem Shopify-Adminbereich zu Online-Shop > Themen.
• Suchen Sie Ihr aktives Design und klicken Sie auf Anpassen.

• Wählen Sie in der linken Seitenleiste aus Designeinstellungen > Typografie.
• Verstelle die Schriftgrößenskala für Überschriften und Fließtext.

Diese Änderung gilt für die gesamte Site und wird normalerweise als Prozentsatz dargestellt (100 % = Standard).

Methode 2: Verwenden von CSS (benutzerdefinierter Code)

Um eine genauere Kontrolle über bestimmte Elemente zu erhalten, können Sie das CSS Ihres Designs bearbeiten.

Folge diesen Schritten:

• Gehen Sie im Shopify-Adminbereich zu Online-Shop > Themen.
• Suchen Sie Ihr aktives Design und klicken Sie auf das drei Punkte icon > Code bearbeiten.

• Im Details Ordner, suchen Sie Ihre CSS-Datei (zB, theme.css, base.cssden theme.liquid). 

• Scrollen Sie nach unten und fügen Sie Ihre benutzerdefinierten CSS-Regeln hinzu.

Beispiele:

• Speichern Sie die Änderungen und leeren Sie Ihren Cache, um die Updates live anzuzeigen.

Ändern Sie Ihre Textgröße mit GemPages

Wenn Sie eine bevorzugen visuelle Lösung ohne CodeGemPages macht es einfach, die Textgröße direkt im Editor anzupassen.

Schritt 1: Navigieren Sie in Ihrem Shopify-Adminbereich zu GemPages-Ersteller app> Seiten. Klicken Sie auf die Seite, auf der Sie die Textgröße ändern möchten, um den GemPages-Editor zu öffnen.

Schritt 2: Wenn Sie den Editor gefunden haben, klicken Sie auf den Text, um das Einstellungsfeld anzuzeigen.

Schritt 3: Unter dem Einstellungen scrollen Sie nach unten zum Textstil .

Schritt 4: Suchen Sie den Größe Feld und passen Sie die Textgröße nach Ihren Wünschen an. Sie können den Text auch fett, kursiv oder unterstrichen ändern und weiter anpassen it.

Schritt 5: Speichern Sie Ihre Aktualisierungen und zeigen Sie vor der Veröffentlichung eine Vorschau der Seite an, um das Ergebnis zu überprüfen.

Best Practices zum Festlegen der CSS-Textgröße

• Verwenden Sie responsive Einheiten: Bevorzugen rem or em gegenüber px für geräteübergreifenden, skalierbaren Text.
• Hierarchie beibehalten: Stellen Sie sicher, dass die Überschriften aus Gründen der Übersichtlichkeit größer als der Fließtext sind.
• Lesbarkeit prüfen: Testen Sie Ihre Änderungen sowohl auf dem Desktop als auch auf dem Mobilgerät.

Häufig gestellte Fragen

1. Sollte ich es benutzen px, emden rem für die Textgröße?

Das em , rem Textgrößen werden für eine bessere Reaktionsfähigkeit empfohlen.

2. Wird sich die Änderung der Textgröße auf die SEO auswirken?

Nicht direkt. Aber eine bessere Lesbarkeit verbessert die Benutzererfahrung, was sich positiv auf die SEO auswirken kann.

3. Kann ich Änderungen vor der Veröffentlichung in der Vorschau anzeigen?

Ja. Sowohl der Shopify Theme Editor als auch GemPages ermöglichen eine Live-Vorschau, bevor die Änderungen in Ihrem Shop veröffentlicht werden.