ZEITLICHE ZUSAMMENHÄNGE SICHTBAR MACHEN

Eine Geschichte.
Schritt für Schritt.

Unternehmensgeschichte, Projektphasen oder historische Ereignisse: Ein Zeitstrahl verbindet einzelne Einträge zu einer nachvollziehbaren Abfolge.

1998

Flash‑basierte Webseiten

Gründung der 360°‑Digitalagentur Sodah Webdesign durch Jörg Krüger; Fokus auf visuell beeindruckende, animierte Flash‑Sites.

1999

Interaktive Multimedia‑Site

Erstellung der ersten voll animierten Firmenpräsentation für einen Messeauftritt mit eingebetteten Audio‑ und Video‑Elementen.

2000

Start professioneller SEO‑Services

Ein internes Keyword‑Research‑Tool ermöglicht frühzeitig Suchmaschinen­optimierung als festen Bestandteil jedes Projekts.

2001

E‑Commerce‑Premiere

Entwicklung der ersten Online‑Shop‑Frontends mit dynamischem Warenkorb und Anbindung an Warenwirtschaftssysteme.

2002

Erweiterte ActionScript‑Bibliotheken

Selbst geschriebene Code‑Snippets bringen Spiele‑ und Quiz‑Features auf Event‑Microsites – ein Vorläufer moderner Gamification.

2003

Datengetriebene CMS‑Sites

Umstieg auf dynamische, daten­basierte Webprojekte mit frühen Content‑Management‑Systemen; erste MySQL‑Backends.

2004

CMS‑Integration mit Flash

Ein eigenes PHP‑Backend erlaubt Redaktionsteams, Flash‑Seiten­inhalte ohne Entwicklerhilfe zu pflegen.

2005

Einführung agiler Methoden

Scrum‑Sprints und tägliche Stand‑ups verkürzen Projektzyklen und verbessern die Transparenz für Kund:innen.

2007

Kundenportal geht live

Selbstbedienungs‑Dashboard für Hosting, Support‑Tickets und Web‑Analytics sorgt für schnellere Reaktionszeiten.

2008

WordPress wird Standard

WordPress löst proprietäre Systeme ab und wird zur Hauptplattform für Projekte dank einfacher Pflege und Erweiterbarkeit.

2009

WordPress‑Multisite im Unternehmenseinsatz

Rollout mehrerer Franchise‑Webauftritte über eine zentrale Instanz inklusive zentralisierter Rechte‑ und Update‑Verwaltung.

2010

Social‑Media‑Integration

Automatisierte Open‑Graph‑ und Twitter‑Card‑Tags erhöhen den Social‑Traffic deutlich.

2011

Durchbruch für Responsive Design

Alle neuen Projekte werden konsequent „mobile first“ umgesetzt; ein internes Grid‑Framework beschleunigt Layout‑Workflows.

2012

Fokusierung WordPress‑Theme

Seit bestehen des leistungsstarken WordPress Theme AVADA, arbeiten wir eng mit den Entwicklern zusammen und nutzen ausschliesslich dieses Theme, um effizient an Webseiten zu arbeiten.

2012

Umstieg auf HTML5 & CSS3

Flash wird vollständig abgelöst; Animationen entstehen nun mit Canvas und SVG, was die Ladezeiten signifikant verringert.

2013

Lead‑Generierung im Fokus

Einbindung von Formular‑Tracking, Landing‑Pages und CRM‑Hooks; Beginn individueller WP‑Erweiterungen für Kunden­bedürfnisse.

2014

Marketing‑Automation Anbindungen

Standardisierte Schnittstellen verbinden WordPress mit HubSpot, Salesforce und Mailchimp für Lead‑Scoring und Drip‑Kampagnen.

2015

REST‑API & Single‑Page‑Apps

Erste React‑ und Angular‑Frontends beziehen ihre Inhalte ausschließlich über die WordPress‑REST‑API.

2016

Mobile‑First‑SEO & AMP‑Audits

Ein internes Prüftool stellt die Einhaltung von AMP‑Richtlinien sicher und steigert die mobile Sichtbarkeit vieler Kundenseiten.

2017

Headless‑Architektur

Trennung von Backend und Frontend ermöglicht die Ausspielung von Inhalten an PWAs, Digital‑Signage‑Displays und Voice‑Assistenten.

2017

Beginn der internen Plugin-Entwicklung

Die Programmierung eigener WordPress-Erweiterungen startet. Standard-Erweiterungen von Drittanbietern werden durch eigenen Code ersetzt, um Sicherheitsrisiken zu minimieren.

2018

Maßgeschneiderte Lösungen

Entwicklung kundenspezifischer Themes, Integrationen und Conversion‑Optimierungen; hoher Automatisierungsgrad.

2019

Voice‑Search & Chatbots

Strukturierte Daten und Dialogflows werden direkt aus WordPress gepflegt und an Google Assistant sowie Alexa ausgeliefert.

2020

Progressive Web Apps (PWA)

Ein skalierbares Starter‑Kit bringt Offline‑Caching, Background‑Sync und Push‑Notifications in bestehende Projekte.

2021

KI‑gestützte Personalisierung

Browser‑seitige Machine‑Learning‑Modelle analysieren Nutzersignale in Echtzeit und passen Content‑Teaser dynamisch an.

2021

Einführung der Luna Universe Plugins

Die eigenentwickelten Plugins werden unter dem Namen Luna Universe zusammengefasst. Module wie LU Reviews, LU Cache und LU Timeline kommen in Kundenprojekten zum Einsatz.

2022

Visueller Low‑Code‑Seitenbau

Ein Drag‑and‑Drop‑Editor ermöglicht Redakteur:innen, komplexe Landing‑Pages zu erstellen – inklusive Schnittstellen zu ERP‑ und CRM‑Systemen.

2022

Barrierefreies Webdesign

Die Design- und Programmierprozesse orientieren sich an den Vorgaben zur digitalen Barrierefreiheit. Die Seiten werden nach WCAG-Standards auf ausreichende Farbkontraste und Tastaturbedienbarkeit geprüft.

2023

Heute & Ausblick

Standort Mainz; kontinuierliche Forschung zu Web‑Performance, Accessibility und KI‑gestütztem Marketing.

2023

Generative Engine Optimization (GEO)

Die SEO-Prozesse werden für KI-Suchmaschinen angepasst. Inhalte werden semantisch strukturiert, damit Large Language Models (LLMs) wie ChatGPT sie auslesen und als Quelle zitieren können.

2024

Ausrichtung auf den Cyber Resilience Act

Interne Prozesse werden nach den Vorgaben des europäischen Cyber Resilience Act (CRA) umstrukturiert. Für selbstentwickelte Plugins generiert die Agentur standardisierte Software Bills of Materials (SBOMs) und richtet Content Security Policies (CSP) ein.

WAS LU TIMELINE LEISTET

Timeline Plugin für WordPress: die Funktionen.

Das Timeline Plugin für WordPress trennt die Pflege Ihrer Ereignisse von der Gestaltung der Ausgabe. So nutzen Sie dieselbe Datenbasis für gezielt ausgewählte Zeitstrahlen.

Durch Ereignisse navigieren.

Besucher bewegen die horizontale Zeitleiste mit der Maus. Das Drag-Scrolling läuft mit einem Trägheitseffekt aus; Pfeile blättern um jeweils einen Eintrag weiter.

  • Pfeile nur bei überbreiter Zeitleiste
  • Deaktivierte Pfeile am Anfang und Ende

Einträge zentral verwalten.

Im WordPress-Menü „Luna Universe → Timeline“ legen Sie Ereignisse an, bearbeiten oder löschen sie. Jeder Eintrag enthält Datum, Titel, Beschreibung und eine optionale Kategorie.

  • Jahreszahl oder Datum im Format TT.MM.JJJJ
  • Vorhandene Kategorien als Eingabevorschläge

Passende Ereignisse auswählen.

Der Shortcode filtert nach einer Kategorie und sortiert die Ereignisse chronologisch auf- oder absteigend. So lassen sich unterschiedliche Themen getrennt präsentieren.

  • Kategorie direkt im Shortcode festlegen
  • Älteste oder neueste Ereignisse zuerst

Das Erscheinungsbild anpassen.

Administratoren bearbeiten die globale HTML-Vorlage und die CSS-Regeln im integrierten Code-Editor. Farben, Abstände und die Anordnung der Inhalte lassen sich damit gestalten.

  • Platzhalter für Datum, Titel und Beschreibung
  • HTML- und CSS-Kenntnisse für eigene Designs

SO FUNKTIONIERT ES

Von Ihrem Eintrag
auf Ihre Website.

Die Inhalte werden in WordPress gespeichert und beim Aufruf der Seite ausgegeben. Eine externe Timeline-Plattform ist dafür nicht erforderlich.

01

Ereignisse erfassen

Nach der Aktivierung Einträge im Timeline-Menü anlegen und bei Bedarf einer Kategorie zuordnen.

02

Darstellung abstimmen

Die hinterlegte Vorlage verwenden oder HTML und CSS durch einen Administrator anpassen lassen.

03

Shortcode einsetzen

Den Zeitstrahl in einen Bereich Ihrer Website einfügen, der WordPress-Shortcodes ausführt.

TECHNIK & RAHMENBEDINGUNGEN

In WordPress
zu Hause.

LU Timeline arbeitet mit einer eigenen Datenbanktabelle und den Einstellungen Ihrer WordPress-Installation.

Voraussetzungen

WordPress mit PHP und einer WordPress-Datenbank; JavaScript für Drag-Scrolling und Pfeilnavigation. Konkrete Mindestversionen sind im lokalen Plugin-Header nicht angegeben.

Inhalte & Berechtigungen

Die Tabelle speichert ID, Datum, Titel, Kategorie und Beschreibung. Der Menüzugang setzt edit_posts voraus; HTML- und CSS-Einstellungen benötigen manage_options.

Updates & externe Verbindung

Der integrierte Updater ruft Versionsinformationen von plugins.luna-universe.com ab und bindet verfügbare Updates in WordPress ein. Die Timeline-Inhalte werden lokal ausgegeben.

Bewusste Grenzen

Die implementierte Ausgabe ist horizontal. Titel und Beschreibungen erscheinen als Text, nicht als ausgeführtes HTML. Import, Export und automatische Übernahme externer Ereignisse sind nicht implementiert.

LU TIMELINE & SODAH

Ihre Meilensteine.
Teil Ihrer Website.

LU Timeline eignet sich für Unternehmen mit einer Unternehmenschronik, Teams mit Projektmeilensteinen und Organisationen mit historischen Inhalten. Die Ereignisse werden redaktionell gepflegt; das Plugin übernimmt die gefilterte, chronologische Ausgabe.

Bei einem WordPress-Projekt mit Sodah lässt sich die Zeitleiste auf Ihre Inhalte und Ihr Webdesign abstimmen. Welche Einträge relevant sind und wie der Zeitstrahl gestaltet wird, klären wir im Rahmen Ihres Projekts.

Häufige Fragen

Gut zu wissen.

Konkrete Antworten zu Funktionen,
Einrichtung und technischen Grenzen.

LU Timeline ist ein WordPress-Plugin von Sodah Webdesign für horizontale Zeitstrahlen. Es verbindet die Verwaltung von Ereignissen im Backend mit Kategorieauswahl, chronologischer Sortierung und anpassbaren HTML- und CSS-Vorlagen.
Ja. Sie können eine vierstellige Jahreszahl oder ein vollständiges Datum im Format TT.MM.JJJJ eingeben. Für die chronologische Sortierung wird eine reine Jahreszahl wie der 1. Januar des jeweiligen Jahres behandelt.
Mit category=“Historie“ im Shortcode werden Einträge der Kategorie „Historie“ ausgegeben. Eine ausdrücklich leere Kategorie, category=““, zeigt nur Einträge ohne Kategorie. Mit order=“asc“ oder order=“desc“ bestimmen Sie die Sortierrichtung.
Es gibt keinen visuellen Design-Baukasten. Administratoren können die globale HTML-Vorlage und die CSS-Regeln in einem Code-Editor bearbeiten. Für individuelle Änderungen sind HTML- und CSS-Kenntnisse sinnvoll. Die Vorlage nutzt die Platzhalter 3. Oktober 2026, und .
Die vorliegende Version erzeugt eine horizontale Timeline. Ein layout-Parameter wird zwar geprüft, verändert die Ausgabe aber nicht. Titel und Beschreibungen werden als Text ausgegeben; eingegebene HTML-Tags werden dort nicht als Gestaltung ausgeführt.
Nein. Ereignisse werden im WordPress-Backend manuell angelegt und bearbeitet. Das Plugin enthält keinen Ereignisimport, keinen Export, keine Kalender-Anbindung und keinen eigenen Zeitplan zur automatischen Inhaltspflege.
Gespeichert werden Datum, Titel, Beschreibung, Kategorie und eine interne ID in der WordPress-Datenbank. HTML-Vorlage und CSS liegen in den WordPress-Einstellungen. Der Updater stellt Anfragen an plugins.luna-universe.com. Im untersuchten Timeline-Code ist kein Besuchertracking implementiert; die übrige Website ist davon unabhängig.

Fragen Sie Ihre KI nach Sodah Webdesign

Verlassen Sie sich nicht nur auf unser Wort. Fragen Sie Ihre bevorzugte KI, was sie über Sodah Webdesign denkt.

Fragen Sie Claude …

Fragen Sie ChatGPT …

Fragen Sie Perplexity …

Fragen Sie Gemini …

Fragen Sie Grok …

Fragen Sie Copilot …

Wählen Sie den klugen Weg

Wir arbeiten direkt mit Geschäftsführern, Marketingverantwortlichen und Projektleitern zusammen. Dabei integrieren wir uns in bestehende Abläufe und übernehmen die technische sowie inhaltliche Umsetzung der anstehenden Aufgaben.

  • 06133 – 579 24 40
  • Schreiben Sie uns Ihr Anliegen
  • Starten Sie mit einem unverbindlichen Gespräch
  • Wir analysieren Ihre Ziele
  • Erhalten Sie individuelle Lösungswege
Anfrage für Ihre Webentwicklung Agentur

Sichern Sie sich jetzt Ihre kostenfreie Erstberatung

  • Wir verwenden Ihre Angaben zur Beantwortung Ihrer Anfrage. Weitere Informationen finden Sie in unseren Datenschutzhinweisen.