Hier ein Beispiel unseres WordPress Adventskalender Plugins.
Voraussetzung:
– Plugin WooCommerce
– Plugin Groups
Aufgabe: Entwicklung eines Adventskalenders mit verschiedenen Rabattcodes, die automatisiert von WooCommerce (Gutscheine) integriert werden.
Die Rabattcodes sollten je nach Kundengruppe variieren. Mit dem Plugin „Groups“ werden die Kundengruppen erstellt. Eine Zuweisung der Rabatt-Codes erfolgt im Backend nach Kundengruppe. Zuvor wurde dem Benutzer eine Kundengruppe zugewiesen.
Der Adventskalender wird per Shortcode eingefügt und ist somit sehr flexibel.
[adventskalender]
Vorgehensweise:
1. Vorbereitung:
- Installation einer lokalen WordPress-Entwicklungsumgebung mit XAMPP
- Installation WooCommerce und das Groups-Plugin.
2. Plugin-Grundgerüst: Beginn mit der Erstellung eines neuen Plugin-Ordners, hier adventskalender, in wp-content/plugins/. Erstellung der Hauptdatei des Plugins, hier adventskalender.php.
3. Custom Post Type (CPT) für Adventskalendertage: Um den Kalender zu verwalten, wird ein eigener Post-Type benötigt. Hier kann jedem Tag ein Bild und eine Kundengruppe zugeordnet werden.
4. Admin-Bereich:
- Erstellung einer Metabox für den CPT, um ein Bild hochzuladen und die Gruppe auszuwählen (in Vorbereitung).
- Verwendung der WordPress-Funktion
wp_media_upload()für das Bild-Upload-Feld (in Vorbereitung). - Hinzufügen einer Dropdown-Liste hinzu, um die Gruppen auszuwählen, die von dem Groups-Plugin bereitgestellt werden.
5. Frontend-Darstellung:
- Registrierung des Shortcodes, hier
[adventskalende r]. - In der Shortcode-Funktion: Hole alle Kalendertage aus dem CPT.
- Zeige 24 Bilder an, wobei auf jedem Bild eine große Zahl dargestellt wird.
- Überprüfung beim Klicken auf ein Bild, ob der Benutzer eingeloggt ist und zu welcher Gruppe er gehört. Anzeigen des entsprechenden Rabattcodes an oder eine Meldung, dass es keinen Rabatt gibt.
- Nutzung von JavaScript (jQuery) für die interaktiven Elemente.
6. Rabattcodes mit WooCommerce:
- Manuelle Erstellung der WooCommerce-Rabattcodes programmatisch erstellt.
- Im Backend des Adventskalenders können diese Rabattcodes dann den jeweiligen Kundengruppen zugeordnet werden.
7. Design:
- Für das Backend wird das bestehende WordPress-Design für die Übersichtlichkeit behalten.
- Für das Frontend: CSS Integration, um die Bilder und Nummern zu gestalten.
