🖱️ Klick für Klick

1. Schritt 1: Gehe zurück ins WordPress-Dashboard.
   💡 Warum? Im Dashboard bearbeiten wir die Struktur der Website, nicht nur das Aussehen einer einzelnen Seite.
   👀 Das solltest du sehen: Die linke WordPress-Verwaltung ist sichtbar.
2. Schritt 2: Öffne Design → Menüs. Falls WordPress fragt, wähle das vorhandene Hauptmenü von Modern Shop.
   💡 Warum? Ein Menü sammelt Links wie ein Wegweiser. Modern Shop hat bereits ein vorbereitetes Menü.
   👀 Das solltest du sehen: Du siehst eine Liste vorhandener Menüpunkte.
3. Schritt 3: Prüfe, ob die Seiten Startseite, Shop, Warenkorb, Kasse und Mein Konto vorhanden sind.
   💡 Warum? Diese Seiten bilden den technischen Kaufweg von der Produktauswahl bis zum Kundenkonto.
   👀 Das solltest du sehen: Die genannten Seiten sind in WordPress vorhanden.
4. Schritt 4: Entferne nur offensichtlich nicht benötigte Demo-Menüpunkte. Seiten selbst werden dabei nicht gelöscht.
   💡 Warum? Demo-Links können Besucher verwirren. Wir entfernen nur Links, nicht versehentlich die zugehörigen Seiten.
   👀 Das solltest du sehen: Der unnötige Menüpunkt verschwindet aus der Menüliste.
5. Schritt 5: Ziehe die Menüpunkte in diese Reihenfolge: Startseite → Shop → Über uns → Kontakt. Warenkorb und Konto bleiben als Symbole im Header.
   💡 Warum? Eine logische Reihenfolge hilft Besuchern, ohne Nachdenken ans Ziel zu kommen.
   👀 Das solltest du sehen: Die Menüpunkte stehen untereinander in der vorgegebenen Reihenfolge.
6. Schritt 6: Wähle als Position Hauptmenü/Primary Menu und klicke auf Menü speichern.
   💡 Warum? Die Menüposition sagt Blocksy, an welcher Stelle dieses Menü angezeigt werden soll.
   👀 Das solltest du sehen: Nach dem Speichern bestätigt WordPress die Änderung.
7. Schritt 7: Öffne Design → Customizer und anschließend Header.
   💡 Warum? Im Customizer bearbeiten wir Bereiche, die auf vielen Seiten gleich sind, zum Beispiel den Kopfbereich.
   👀 Das solltest du sehen: Eine Live-Vorschau mit Header-Einstellungen öffnet sich.
8. Schritt 8: Prüfe Logo, Hauptmenü, Suchsymbol, Konto und Warenkorb. Verschiebe keine Elemente, wenn das Muster bereits stimmt.
   💡 Warum? Diese Elemente geben Orientierung und ermöglichen Suche, Anmeldung und Warenkorbzugriff.
   👀 Das solltest du sehen: Im Header sind Logo, Menü, Suche, Konto und Warenkorb sichtbar.
9. Schritt 9: Öffne die Desktop- und Mobilvorschau. Auf dem Smartphone muss das Menü als Menüsymbol erreichbar sein.
   💡 Warum? Auf kleinen Bildschirmen wird ein langes Menü platzsparend zusammengeklappt.
   👀 Das solltest du sehen: In der Smartphone-Vorschau siehst du ein anklickbares Menüsymbol.
10. Schritt 10: Klicke auf Veröffentlichen und teste anschließend jeden Menüpunkt.
    💡 Warum? Erst Veröffentlichen macht Customizer-Änderungen außerhalb der Vorschau sichtbar.
    👀 Das solltest du sehen: Die öffentliche Seite zeigt das neue Menü und alle Links öffnen die richtige Seite.

🔎 Selbstkontrolle

• ☐ Hauptmenü gespeichert.
• ☐ Reihenfolge stimmt.
• ☐ Shop ist erreichbar.
• ☐ Warenkorb und Konto sind sichtbar.
• ☐ Mobilmenü funktioniert.