Modulares WordPress-Theme für D-64 - Zentrum für Digitalen Fortschritt
Ein anpassbares Theme basierend auf _tw mit Tailwind CSS, das Template Parts für flexible Inhaltsgestaltung nutzt.
- Diesen Ordner nach
wp-content/themesin deine lokale Entwicklungsumgebung verschieben npm install && npm run devin diesem Ordner ausführen- Theme in WordPress aktivieren
- ACF Pro und Contact Form 7 Plugins installieren
npm run watchausführen- Tailwind Utility Classes nach Belieben hinzufügen
- Template Parts in
template-parts/anpassen
npm run bundleausführen- Die resultierende ZIP-Datei über "Theme hochladen" in WordPress installieren
- WordPress 5.8+
- PHP 7.4+
- Node.js 16+ & npm (für Build-Prozess und Tailwind CSS)
- Advanced Custom Fields Pro Plugin
- The Events Calendar Plugin (für Veranstaltungen)
# 1. Theme installieren
cd wp-content/themes/
git clone [repository] d64
# 2. Dependencies installieren
cd d64
npm install
# 3. Development starten
npm run dev
# 4. Production Build
npm run buildTemplate Parts für maximale Flexibilität:
template-parts/components/- Wiederverwendbare Komponenten (Hero, Jobs, Timeline, etc.)template-parts/content/- Haupt-Content Templates (Single, Page, etc.)tribe/events/v2/- Veranstaltungstool Templates (The Events Calendar Plugin)tribe-events/modules/- Event-Module Templates (erweiterte Event-Anpassungen)- Jede Datei enthält eine Dokumentation zur Funktionsweise
Event-Templates bearbeiten:
- Haupt-Event-Templates:
theme/tribe/events/v2/ - Event-Module & Widgets:
theme/tribe-events/modules/ - Diese überschreiben die Plugin-Standard-Templates für individuelle Anpassungen
- Tailwind CSS für Utility-First Styling
- Custom D-64 Farbschema (
d64blue-900,d64gray-500, etc.) - Responsive Mobile-First Design
- Typography-Plugin für Content-Bereiche
Jede Template-Datei enthält:
- Funktionsbeschreibung - Was macht die Komponente
- ACF-Feldstruktur - Welche Custom Fields benötigt werden
- Usage Notes - Wie die Komponente konfiguriert wird
- Dependencies - Erforderliche Plugins und Template Parts
- Multi-Language Ready - i18n-Unterstützung
- Accessibility - ARIA-Labels und Screen Reader Support
- Performance - Optimierte Queries und Conditional Loading
- Security - XSS-Prevention und Input-Validation
Alle benötigten ACF-Feldgruppen sind in den Template Part Headers dokumentiert.
- Neue Datei in
template-parts/components/erstellen - Header-Dokumentation nach Vorlage hinzufügen
- In entsprechende Page-Templates einbinden
- Tailwind Classes in Templates nutzen
- Custom CSS in
style.cssfür spezielle Anforderungen - Neue Farben über Tailwind-Konfiguration# d64_custom