Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- themes:eigenentwicklungen:thecruisertheme:entwicklungsstand [15.08.2026 17:45] – [Sidebar] admin
+++ themes:eigenentwicklungen:thecruisertheme:entwicklungsstand [15.08.2026 18:07] (aktuell) – [Offene Entwicklungsbereiche] admin
@@ Zeile 1: / Zeile 1: @@
+<WRAP tcw-page-header>
+<WRAP tcw-page-header-main>
+<WRAP tcw-page-title>
 ====== TheCruiserTheme – Entwicklungsstand ======
+</WRAP>
+<WRAP tcw-page-icon>
+<iconify mdi:progress-wrench>
+</WRAP>
+</WRAP>
+<WRAP tcw-page-nav>
+[[themes:eigenentwicklungen:thecruisertheme:start|← TheCruiserTheme]]
+[[:start|⌂ Startseite]]
+</WRAP>
+</WRAP>
 Diese Seite dokumentiert den konkreten technischen Entwicklungsstand des eigenen WordPress-Themes **TheCruiserTheme** für TheCruiserBlog.
@@ Zeile 69: / Zeile 82: @@
 Die Sidebar ist damit technisch grundsätzlich eingebunden. Die endgültige inhaltliche und gestalterische Ausarbeitung ist noch nicht abgeschlossen.
 ===== JavaScript =====
+Für die interaktive Steuerung der Navigation verwendet TheCruiserTheme eine eigene JavaScript-Datei:
+<code>
+assets/js/navigation.js
+</code>
+Die Datei übernimmt derzeit folgende Aufgaben:
+  * Öffnen und Schließen des Navigationspanels
+  * Steuerung des Overlays
+  * Schließen der Navigation über die ''ESC''-Taste
+  * Sperren des Scrollens der Hintergrundseite bei geöffnetem Navigationspanel
+  * Öffnen und Schließen der Untermenüs
+  * Zurücksetzen geöffneter Untermenüs beim Schließen des Navigationspanels
+Damit ist die interaktive Navigation von der eigentlichen HTML-Struktur und Gestaltung des Themes getrennt organisiert.
 ===== Relevante Theme-Dateien =====
+Der aktuelle Entwicklungsstand des TheCruiserTheme verteilt sich auf folgende zentrale Theme-Dateien:
+<code>
+TheCruiserTheme/
+├── assets/
+│   └── js/
+│       └── navigation.js
+├── functions.php
+├── header.php
+├── index.php
+├── page.php
+├── sidebar.php
+├── footer.php
+└── style.css
+</code>
+Die Dateien haben im aktuellen Entwicklungsstand unterschiedliche Aufgaben:
+  * ''functions.php'' → grundlegende Theme-Funktionen, Registrierung von Theme-Funktionen, Navigation und Sidebar sowie Customizer-Erweiterungen
+  * ''header.php'' → Aufbau des Headers und Ausgabe der Navigation
+  * ''index.php'' → grundlegende Ausgabe von Inhalten
+  * ''page.php'' → Ausgabe einzelner WordPress-Seiten
+  * ''sidebar.php'' → Ausgabe der TCB Sidebar
+  * ''footer.php'' → Grundstruktur des Footers
+  * ''style.css'' → Theme-Informationen und Gestaltung
+  * ''assets/js/navigation.js'' → interaktive Steuerung der Navigation
 ===== Offene Entwicklungsbereiche =====
+Diese Bereiche bleiben als offen gekennzeichnet und werden erst dann als erreichte Meilensteine dokumentiert, wenn sie technisch oder gestalterisch ausreichend stabil sind.