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
- 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. - 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. - 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. - 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. - 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. - 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. - 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. - 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. - 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. - 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. - 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. - 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.
🛑 Stopp-Regel: Nicht auf eigene Faust ein anderes Theme, Template oder einen anderen Seiteneditor installieren. Melde dich, bevor du vom gemeinsamen Kursweg abweichst.