Inselportal für Sylt Fräulein

Ausgangslage

Sylt Fräulein ist eine Marke rund um die Insel Sylt, mit Magazinen, Newsletter, Social-Media-Kanälen und einer Website. Herausgeber ist falkemedia. Auf syltfraeulein.de stellt die Redaktion Hotels, Ferienwohnungen, Restaurants, Cafés, Geschäfte und Ausflugsziele vor, persönlich erzählt und mit vielen Fotos. Bisher lief die Website auf WordPress.

Aufgabe

Die Website sollte auf Drupal 11 umziehen. Beiträge, Kategorien, Bilder, Kommentare und die bisherigen Adressen sollten dabei erhalten bleiben. Leser sollen Empfehlungen nach Thema und nach Inselort finden, mit allen Angaben zum Betrieb und einer Karte. Die Redaktion braucht Bausteine, mit denen sie Beiträge selbst gestaltet, und eine Mediathek für Kurzvideos. Vorlage für die Gestaltung war ein Design in Figma.

Lösung

Migration über die WordPress-Schnittstelle. Ein eigenes Modul holt Beiträge, Kategorien, Schlagworte, Autoren, Kommentare und Bilder über die REST-Schnittstelle von WordPress und legt sie per Drush-Befehl in Drupal an. Jeder Beitrag merkt sich seine WordPress-ID. So lässt sich der Import wiederholen, ohne Dubletten zu erzeugen. Die bisherigen Adressen werden als Pfad-Aliase übernommen, SEO-Titel und Beschreibungen aus Yoast landen in Metatag. Beim Import bereinigt das Modul das HTML. Inline-Bilder werden zu Medien, WordPress-Galerien, Instagram-Einbettungen und Inhaltsverzeichnisse werden zu Drupal-Bausteinen. WordPress-Klassen und Inline-Styles fallen weg.

Orte als eigene Entität. Restaurants, Unterkünfte und Ausflugsziele sind kein Fließtext, sondern Datensätze eines eigenen Entitätstyps. Er hält Adresse, Kontaktdaten und Social-Media-Profile und lässt sich mehreren Kategorien zuordnen. Beim Speichern ermittelt das Modul die Koordinaten aus der Adresse. Ändert sich die Adresse nicht, bleibt die Abfrage aus. Der Geocoding-Dienst ist als Plugin austauschbar, bestehende Orte lassen sich im Stapel nachbearbeiten. Redakteure pflegen Orte direkt im Beitrag. Die Ausgabe enthält strukturierte Daten nach schema.org. Automatisierte Tests sichern das Modul ab.

Karten und Infobox. Im Beitrag fasst eine Infobox Adresse, Kontakt und Social-Media-Links zusammen und zeigt die Lage auf einer Karte (Google Maps). Kategorieseiten bündeln die Orte ihres Themas auf einer gemeinsamen Karte mit eigenen Markern und Overlay.

Inhalte nach Thema und Inselort. Eine hierarchische Taxonomie ordnet die Beiträge, Themencluster fassen Reihen für Startseite und Kategorieseiten zusammen. Eigene Block-Plugins spielen diese Cluster, verwandte Beiträge und Top-Listen aus, zum Beispiel Ferienhäuser oder hundefreundliche Unterkünfte.

Bausteine für die Redaktion. Im Editor CKEditor 5 fügt die Redaktion Bausteine direkt in den Text ein:

• Galerien, Zitate, Tipps, Linktipps und Inhaltsverzeichnis
• Video-Reels und ganzseitige Bilder
• Hinweise auf Newsletter, Instagram, Onlineshop und Kooperationen
• gekennzeichnete Affiliate-Anzeigen

Dieselben Bausteine stehen auch als Blöcke für Seiten bereit. Beiträge lassen sich mit Scheduler zeitgesteuert veröffentlichen, die Lesezeit berechnet Drupal selbst.

Mediathek für Kurzvideos. Kurzvideos liegen als Medien in Drupal. Sie erscheinen in einer Mediathek mit Filter nach Kategorie, auf Kategorieseiten und auf der Startseite. Die Videos laden erst bei Bedarf und laufen in Schleife.

Theme und Ladezeit. Das Theme ist ein Subtheme von Bootstrap Barrio auf Bootstrap 5, geschrieben in SCSS und gebaut mit Gulp. Die Schriften liegen lokal. Bilder kommen über responsive Bildstile mit Retina-Varianten und werden als WebP erzeugt. Der Webserver liefert WebP aus, wenn der Browser es unterstützt, und setzt lange Cache-Zeiten.

Entwicklung und Deployment. Entwickelt wird lokal mit DDEV, in Feature-Branches mit Merge Requests. Die Konfiguration ist versioniert. GitLab CI bringt Änderungen auf die Stage-Umgebung. Ein Deploy-Skript übernimmt Composer-Installation, Wartungsmodus, Datenbank-Updates, Konfigurationsimport und Cache-Neuaufbau.

Die Rolle von RedOrbit

RedOrbit hat die Website auf Drupal 11 umgesetzt, von der Migration aus WordPress bis zum Deployment. Grundlage ist eine vorhandene Bibliothek von Drupal-Modulen des Verlags, die Artikel, Bilder, Videos und Kommentare kapselt. Darauf haben wir vier projektspezifische Module gebaut: den WordPress-Import, die Orts-Entität mit Geocoding und Karten, die Redaktionsbausteine und kleinere Anpassungen. Die Bibliothek haben wir um Blöcke für Themencluster und Reels erweitert. Das Theme haben wir nach den Figma-Entwürfen neu entwickelt, dazu die Skripte für Build und Deployment.

Ergebnis

Sylt Fräulein läuft auf Drupal 11. Beiträge, Kategorien, Kommentare und Bilder sind aus WordPress übernommen, die Adressen der Beiträge ebenso. Orte sind strukturierte Daten statt Fließtext. Einmal gepflegt, erscheinen sie im Beitrag, auf Karten und in Listen. Die Redaktion gestaltet Beiträge mit fertigen Bausteinen, ohne HTML zu schreiben.