Tag 2 · Praxis-Mission 2

Das gemeinsame Shop-Template importieren

Dein Auftrag: Du installierst genau das gemeinsame Grundgerüst aus dem Video: Blocksy mit der Starter-Site Modern Shop und Elementor.

🤖 AIRI erklärt: In diesem Kurs benutzen alle exakt dasselbe Grundgerüst: Blocksy ist das Theme, Modern Shop ist die fertige Starter-Vorlage, Elementor ist der Seiteneditor und WooCommerce macht aus WordPress einen Online-Shop.
🎨

Blocksy
Theme = Grunddesign

🏪

Modern Shop
Template = fertiger Muster-Shop

🧱

Elementor
Editor = Seiten bearbeiten

🛒

WooCommerce
Shop-Funktionen

🖱️ Klick für Klick

  1. Schritt 1: Gehe im WordPress-Dashboard zu Design → Themes und klicke auf Neues Theme hinzufügen.
    💡 Warum? Themes bestimmen das Grundaussehen einer WordPress-Seite – ähnlich wie Kleidung das Aussehen einer Person verändert.
    👀 Das solltest du sehen: Die Theme-Übersicht mit der Schaltfläche zum Hinzufügen öffnet sich.
  2. Schritt 2: Suche nach Blocksy. Prüfe den Namen genau, klicke auf Installieren und danach auf Aktivieren.
    💡 Warum? Wir verwenden alle Blocksy, damit deine Bildschirmansicht zur Erklärung des Anleiters passt.
    👀 Das solltest du sehen: Auf der Blocksy-Karte steht nach dem Vorgang Aktiv.
  3. Schritt 3: Installiere auf Aufforderung das Plugin Blocksy Companion. Falls keine Meldung erscheint: Plugins → Installieren, nach Blocksy Companion suchen, installieren und aktivieren.
    💡 Warum? Blocksy Companion ergänzt die Starter-Sites. Ohne dieses Plugin fehlt der einfache Template-Import.
    👀 Das solltest du sehen: In der Plugin-Liste steht bei Blocksy Companion Aktiv.
  4. Schritt 4: Öffne links Blocksy → Starter Sites.
    💡 Warum? Hier befindet sich die Sammlung fertiger Blocksy-Webseiten.
    👀 Das solltest du sehen: Du siehst mehrere Vorschaubilder von Starter-Sites.
  5. Schritt 5: Suche die Vorlage Modern Shop und klicke auf Import.
    💡 Warum? Modern Shop ist unser gemeinsames Musterhaus für den Online-Shop.
    👀 Das solltest du sehen: Eine Vorschau des modernen Shops und die Import-Schaltfläche erscheinen.
  6. Schritt 6: Wähle als Page Builder für alle Gruppen Elementor. Nicht Gutenberg und nicht Brizy auswählen.
    💡 Warum? Elementor ist der Editor aus dem Video. Wenn alle denselben Editor wählen, heißen die Schaltflächen überall gleich.
    👀 Das solltest du sehen: Elementor ist sichtbar ausgewählt oder markiert.
  7. Schritt 7: Lasse die benötigten Plugins Blocksy Companion, Elementor und WooCommerce aktiviert.
    💡 Warum? Diese Programme werden benötigt, damit Design, Seitenbearbeitung und Shop zusammenarbeiten.
    👀 Das solltest du sehen: Alle erforderlichen Plugins haben ein Häkchen.
  8. Schritt 8: Wähle den vollständigen Import mit Inhalten, Widgets und Einstellungen. Clean Install nur verwenden, weil dies eine frische Übungsinstallation ist.
    💡 Warum? Der vollständige Import baut Seiten, Menü und Beispielinhalte automatisch auf. Clean Install räumt vorherige Demoinhalte weg.
    👀 Das solltest du sehen: Vor dem Start siehst du die ausgewählten Bereiche Inhalte, Widgets und Einstellungen.
  9. Schritt 9: Klicke auf Install und warte, ohne das Fenster zu schließen oder neu zu laden.
    💡 Warum? WordPress kopiert jetzt viele Dateien und Einstellungen. Ein Abbruch könnte eine unvollständige Seite hinterlassen.
    👀 Das solltest du sehen: Ein Fortschrittsbalken läuft und am Ende erscheint eine Erfolgsmeldung.
  10. Schritt 10: Öffne nach der Erfolgsmeldung die Website. Prüfe Startseite, Shop, Warenkorb und Mein Konto.
    💡 Warum? Damit kontrollieren wir, ob der Import wirklich alle wichtigen Shopseiten gebaut hat.
    👀 Das solltest du sehen: Die Modern-Shop-Startseite öffnet sich; Shop, Warenkorb und Konto sind erreichbar.
  11. Schritt 11: Gehe zu WooCommerce → Einstellungen → Allgemein. Trage als Verkaufsland Deutschland ein und stelle die Währung auf Euro (€).
    💡 Warum? Verkaufsland und Währung bestimmen, wie Preise und Grundeinstellungen angezeigt werden.
    👀 Das solltest du sehen: Deutschland und Euro (€) stehen in den passenden Feldern.
  12. Schritt 12: Speichere die Änderungen. Zahlungsarten werden im Kurs nur zum Testen eingerichtet; es werden keine echten Bezahldaten verwendet.
    💡 Warum? Speichern überträgt die Auswahl in die Datenbank. Echte Bezahldaten brauchen wir in einer Schulübung nicht.
    👀 Das solltest du sehen: WordPress bestätigt, dass die Einstellungen gespeichert wurden.
🧠 Theme oder Template? Das Theme Blocksy ist wie der Rohbau eines Hauses. Modern Shop ist wie ein bereits eingerichtetes Musterhaus. Wir nutzen beides, damit alle denselben Ausgangspunkt haben.
⚠️ Wichtig: Ein Starter-Site-Import kann vorhandene Inhalte ersetzen. Deshalb importieren wir Modern Shop nur in die frische lokale Übungsseite.

🔎 Selbstkontrolle

  • ☐ Blocksy ist aktiv.
  • ☐ Blocksy Companion ist aktiv.
  • ☐ Modern Shop wurde mit Elementor importiert.
  • ☐ WooCommerce ist aktiv.
  • ☐ Währung ist Euro.
✅ Fertig, wenn: Du jeden Prüfschritt dieser Lektion erfüllt hast und dein Ergebnis mit dem Muster des Anleiters übereinstimmt.
🛑 Stopp-Regel: Nicht auf eigene Faust ein anderes Theme, Template oder einen anderen Seiteneditor installieren. Melde dich, bevor du vom gemeinsamen Kursweg abweichst.