Grundlegende CSS-Änderungen ermöglichen es Ihnen, das Aussehen und die Haptik Ihres Shopify-Shops über die Standardeinstellungen des Themas hinaus anzupassen. In diesem Kapitel lernen Sie, wie Sie **eine neue CSS-Datei erstellen und in Ihr Thema importieren**, um Stiländerungen vorzunehmen.

## Schritte
1. **Erstellen einer neuen CSS-Datei**: Gehen Sie zu Online-Shop > Themes > Code bearbeiten und öffnen Sie den Ordner Assets. Klicken Sie auf Neues Asset hinzufügen, wählen Sie Leere Datei erstellen und benennen Sie sie custom.css;
2. **Hinzufügen von CSS-Code**: Öffnen Sie Ihre `custom.css`-Datei und fügen Sie diesen Code hinzu, um Schriftarten zu ändern und die Überschriftenstile anzupassen:
   ```css
   @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
   h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 42px;
    font-weight: 600;
    color: #000;
   }
   ```
3. **Verknüpfen Ihrer CSS-Datei mit Ihrem Thema**: Gehen Sie zur Datei `layout/theme.liquid` und fügen Sie die folgende Zeile vor dem schließenden `</head>`-Tag hinzu, um Ihre neue CSS-Datei zu verknüpfen: 
   ```html
   {{ 'custom.css' | asset_url | stylesheet_tag }}
   ```
4. **Vorschau Ihrer Änderungen**: Speichern Sie Ihre Änderungen und sehen Sie sich eine Vorschau Ihres Shops an, um zu sehen, wie die Schriftarten und Überschriftenstile aktualisiert wurden.

Wo erstellen Sie eine neue CSS-Datei in Shopify?

Was ändert der bereitgestellte CSS-Code?

Wie importieren Sie eine benutzerdefinierte CSS-Datei in Ihr Shopify-Theme?

Warum ist es nützlich, benutzerdefinierte CSS-Änderungen vorzunehmen?

Was ist der Zweck des Imports der `Poppins`-Schriftart im Beispiel?

Dieser Kurs lehrt Sie, wie Sie das "Taste"-Theme von Shopify von Grund auf neu erstellen, es an Ihre Marke anpassen und erfolgreich bereitstellen. Am Ende werden Sie ein voll funktionsfähiges, angepasstes Shopify-Theme und ein tiefes Verständnis der Shopify-Theme-Struktur haben.

Lernen Sie die Grundlagen der Shopify-Einrichtung und der Theme-Anpassung. Vom Erstellen eines Kontos bis zur Navigation im Admin-Dashboard und der Theme-Struktur werden Sie eine Grundlage schaffen, um Ihren Shop anzupassen und das "Taste"-Theme nachzubilden.

Bauen Sie das Fundament Ihres Shops mit wichtigen Seiten, Medien und grundlegenden Stilelementen auf. Lernen Sie, wie Sie wesentliche Seiten wie Startseite, Über uns und Kontakt erstellen und bearbeiten, Ihre Medienressourcen verwalten und einfache CSS-Änderungen vornehmen, um das Erscheinungsbild Ihres Shops zu personalisieren. Erwerben Sie praktische Fähigkeiten im Umgang mit Theme-Assets, um sowohl das Aussehen als auch die Funktionalität Ihres Shopify-Shops zu verbessern.

Beherrschen Sie die Kunst der Store-Anpassung mit dem Shopify-Theme-Editor. Erforschen Sie, wie Sie Layouts anpassen, Theme-Abschnitte personalisieren und einzigartige Designs erstellen. Lernen Sie, Produktkollektionen einzurichten und anzuzeigen sowie Produktfilter und Sortieroptionen zu konfigurieren, um das Einkaufserlebnis Ihrer Kunden zu verbessern.

Bringen Sie Ihre Anpassungsfähigkeiten mit themenspezifischen Werkzeugen und wesentlichen Testtechniken auf die nächste Stufe. Lernen Sie, Animationen zu erstellen, Reaktionsfähigkeit sicherzustellen und Probleme zu beheben, um ein reibungsloses Benutzererlebnis zu gewährleisten. Schließen Sie Ihre Reise mit einer abschließenden Überprüfung und Bereitstellung ab, um Ihren angepassten Shopify-Shop mit Zuversicht zu starten.

Shopify Store Meisterschaft

Grundlegende CSS-Anpassung

Schritte

1. Wo erstellen Sie eine neue CSS-Datei in Shopify?

2. Was ändert der bereitgestellte CSS-Code?

3. Wie importieren Sie eine benutzerdefinierte CSS-Datei in Ihr Shopify-Theme?

4. Warum ist es nützlich, benutzerdefinierte CSS-Änderungen vorzunehmen?

5. Was ist der Zweck des Imports der `Poppins`-Schriftart im Beispiel?