Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- plugins:indian-timeline:start [27.09.2026 13:22] – [Technische Umsetzung] admin
+++ plugins:indian-timeline:start [27.09.2026 13:31] (aktuell) – [Technische Umsetzung] admin
@@ Zeile 214: / Zeile 214: @@
 Die historischen Ereignisdaten werden von PHP als JSON-Daten an die jeweilige Timeline-Instanz übergeben. JavaScript übernimmt anschließend die interaktive Darstellung, Filterung, Suche und Navigation im Browser.
-Für jede ausgegebene Timeline erzeugt WordPress eine eindeutige ID. Dadurch können mehrere Timeline-Instanzen unabhängig voneinander auf derselben Seite verwendet werden.
+Für jede ausgegebene Timeline erzeugt das Plugin mithilfe der WordPress-Funktion ''wp_unique_id()'' eine eindeutige ID. Dadurch können mehrere Timeline-Instanzen unabhängig voneinander auf derselben Seite verwendet werden.
 Das Frontend verwendet Vanilla JavaScript und benötigt keine externe JavaScript-Bibliothek.
@@ Zeile 243: / Zeile 243: @@
 Version 1.0.0 verwendet keine zusätzlichen PHP-Klassen- oder Include-Dateien. Die PHP-Funktionalität ist vollständig in der zentralen Plugin-Datei zusammengefasst.
+===== Darstellung =====
+Die Indian Timeline verwendet eine eigenständige Darstellung im **Modern-Heritage-Stil**.
+Kennzeichnend sind:
+  * vertikale Timeline mit zentraler Verbindungslinie
+  * abwechselnde Anordnung der Meilensteine links und rechts der Zeitachse
+  * farblich hervorgehobene Jahresmarker
+  * Karten für die einzelnen historischen Meilensteine
+  * Hervorhebung des aktuell ausgewählten Meilensteins
+  * Hover-Effekte für interaktive Elemente
+  * eigener Detailbereich für den ausgewählten Meilenstein
+  * konfigurierbare Hintergrund-, Text-, Akzent- und Hover-Farben
+  * responsive Anpassung an kleinere Bildschirmbreiten
+Bei einer Bildschirmbreite unter **700 Pixeln** wechselt die Timeline von der wechselnden Links-/Rechts-Darstellung zu einer einheitlichen Anordnung mit links positionierter Zeitachse.
+Bei einer Bildschirmbreite unter **480 Pixeln** werden zusätzlich die Bedienelemente und historischen Eckdaten einspaltig dargestellt. Die Navigationsschaltflächen werden untereinander angeordnet.
+Die Darstellung ist vollständig im Plugin-eigenen Stylesheet ''timeline.css'' definiert.
+===== Sicherheit und Validierung =====
+TheCruiserBlog – Indian Timeline verwendet die Sicherheits- und Validierungsfunktionen von WordPress.
+Der direkte Aufruf der zentralen Plugin-Datei außerhalb von WordPress wird durch die Prüfung auf ''ABSPATH'' verhindert.
+Der Zugriff auf die Einstellungsseite ist auf Benutzer mit der WordPress-Berechtigung ''manage_options'' beschränkt.
+Bei der Verarbeitung der Einstellungen werden die eingegebenen Werte serverseitig bereinigt:
+  * Titel über ''sanitize_text_field()''
+  * Einleitung über ''sanitize_textarea_field()''
+  * Farbwerte über ''sanitize_hex_color()''
+Ungültige Farbwerte werden durch die jeweiligen Standardwerte ersetzt.
+Bei der Frontend-Ausgabe werden Inhalte und Attribute mit den entsprechenden WordPress-Escaping-Funktionen abgesichert.
+Die Einstellungen werden über die WordPress Settings API verwaltet.
+===== Installation =====
+TheCruiserBlog – Indian Timeline kann als eigenständiges WordPress-Plugin installiert werden.
+Systemvoraussetzungen:
+  * WordPress ab Version 6.2
+  * PHP ab Version 7.4
+Die Installation erfolgt über:
+**WordPress → Plugins → Plugin hinzufügen → Plugin hochladen**
+Nach der Installation wird das Plugin aktiviert.
+Anschließend kann die Timeline über den Shortcode
+<code>
+[indian_timeline]
+</code>
+in eine Seite oder einen Beitrag eingebunden werden.
+Die globalen Einstellungen stehen unter
+**Einstellungen → Indian Timeline**
+zur Verfügung.
+Das aktuelle Installationspaket kann direkt heruntergeladen werden:
+  * {{:plugins:indian-timeline:thecruiserblog-indian-timeline_v1.0.0_installation.zip|TheCruiserBlog – Indian Timeline 1.0.0 – Installationspaket herunterladen}}
+===== Versionshistorie =====
+^ Version ^ Änderungen ^
+| 1.0.0 | Erste Version mit responsiver Timeline, Suche, Epochenfilter, Navigation zwischen den Meilensteinen und konfigurierbaren Modern-Heritage-Farben |
+===== Zugehörige Dateien =====
+Zum Plugin gehören folgende Dokumentations- und Installationsdateien:
+  * ''thecruiserblog-indian-timeline_v1.0.0_installation.zip'' – Installationspaket der Version 1.0.0
+  * ''readme.txt'' – Plugin-Dokumentation mit Installation, Shortcode-Verwendung und Versionsinformationen
+<WRAP tcw-to-top>
+[[#thecruiserblog_indian_timeline|↑]]
+</WRAP>