Was wir mit Modulen meinen
Alle Unterseiten des Webauftritts werden erstellt, in dem man die vorhandenen Module miteinander kombiniert.
So definieren wir Module
- Ein Modul ist für uns eine Sektion auf der Seite, die über die ganze Breite geht. RedakteurInnen legen keine Spalten an und füllen die mit Bildern und Texten, sondern fügen bspw. ein Text-Bild-Modul ein.
- Das Backend ist eine Eingabemaske für den Inhalt, das Styling im Frontend regelt Code pixelgenau. Soll das Bild im Text-BIld-Modul nicht links, sondern rechts stehen, wird nicht das Bild nach rechts geschoben, sondern ein Schalter “Image right” angeklickt.
- Die Einstellmöglichkeiten innerhalb jedes Moduls (Farben, Größen, Position von Elementen,…) werden individuell mit dem Kunden abgestimmt. Die Default-Werte werden so gesetzt, dass man für ein schönes Ergebnis keine Einstellungen treffen muss.
Die Vorteile dieser Vorgehensweise:
Es gibt nur Optionen, die die CI zulässt.
Sollen Headlines bspw. immer in Versalien sein, wird das im Code eingestellt. Soll Fließtext immer Anthrazit oder Weiß sein, gibt es nur diese beiden Farben zur Auswahl, keine weiteren.
Die mobile Darstellung sieht immer gut aus
Alle möglichen Kombinationen eines Modules wurden initial gründlich auf allen Screengrößen getestet und optimiert.
Die Default-Settings für jedes Modul erzeugen schöne Layouts.
Auch Nicht-Designer sind in der Lage, schnell gut aussehende Seite zusammenzuklicken, denn: Die Default-Werte sind so gesetzt, dass man ohne einen einzigen Schlater zu betätigen stimmige Ergebnisse erzielt.
Layout-Refreshes sind jederzeit problemlos möglich
Soll ein Modul bspw. künftig immer mit einer horizontalen Linie beginnen oder eine neue Form bekommen, wird das im CSS mit wenigen Zeilen Code entsprechend definiert und wirkt sich direkt auf alle Instanzen des Moduls aus.
Unser Backend im Überblick
Was uns wichtig ist: Alle Texte sind bearbeitbar
Was uns wichtig ist: Alle Texte sind bearbeitbar
Dazu gehören auch der Footer, die Headlines auf automatisch generierten Übersichtsseiten oder die Newsletter-Anmeldung. Sich wiederholende Inhalte (bspw. ein wiederkehrender Contact-CTA) oder AnsprechpartnerInnen auf Blogartikeln sind nur einmal tatsächlich vorhanden und werden dann an mehreren Orten eingebunden.
Häufig genutzte Module
-
Home-Header
-
Zitat-Modul
-
Video-Modul
-
Großes Bild
-
Bilder-Slider
-
Logo-Wall
-
Bilder-Galerie Typ 1
-
Bilder-Galerie Typ 2
-
CTA-Modul
-
Teaser S
-
Teaser M
-
Teaser L
-
Text-Modul
-
Accordion-Modul
-
Text-Bild-Modul
-
Sticky-Background-Image
Technischer Aufbau der Module
Wir realisieren die Modul-Architektur in WordPress mit Advanced Custom Fields (ACF). Ziel ist ein klares Trennen von Inhalt und Gestaltung sowie ein leicht zu bedienendes Backend ohne Pagebuilder-Ballast.
So setzen wir das um:
Standard für professionelle WordPress-Seiten
Die modulare Umsetzung mit Advanced Custom Fields gilt in der WordPress-Welt als gängige Best Practice für professionelle, wartbare Projekte. Sie trennt Inhalt und Präsentation sauber, ermöglicht versionskontrollierte Konfigurationen und passt gut zu etablierten Workflows (Git, Staging, Code Reviews). Agenturen und Inhouse-Teams setzen ACF deshalb häufig ein, wenn sie skalierbare Komponenten, konsistentes Markup und userfreundliche Eingabemasken brauchen.
Lea Lauxen
Projektmanagerin / Websites
Aktuelle Insights
WordPress – Lesezeit Min.
User-Rollen-Konzepte
Ziel eines Rollenmodells ist klare Zuständigkeit und minimale Rechte pro Person. Ausgangspunkt sind die Standardrollen von WordPress: Abonnent (lesen), Mitarbeiter (schreiben, nicht veröffentlichen), Autor (eigene Beiträge veröffentlichen), Redakteur (alle Inhalte verwalten), Administrator (volle Kontrolle). In der Praxis werden daraus oft projektspezifische Rollen abgeleitet, die exakt zu Seitentypen, Modulen und Prozessen passen.
Relaunch – Lesezeit Min.
Was ist ein technischer Relaunch?
Viele Websites sehen gut aus, sind aber im Betrieb mühsam: schwer zu bedienen, sicherheitstechnisch angreifbar oder technologisch am Ende des Lebenszyklus. Unser Ansatz: Wir erneuern das Backend auf WordPress, erhalten das bestehende Look-and-feel und modernisieren Technik, Sicherheit und Redaktions-Workflow. Je nach Zielbild arbeiten wir entweder pixelgenau oder pragmatisch nahe am Vorbild.
Relaunch – Lesezeit Min.
Relaunch: Brauche ich ein Archiv für die alte Website?
Ein Website-Relaunch ist ein spannender Meilenstein: neues Design, verbesserte Struktur, moderne Technik. Doch eine Frage taucht in fast jedem Projekt auf – Was passiert eigentlich mit der alten Website? In diesem Artikel erklären wir, welche Möglichkeiten es gibt, warum sogenannte Archivseiten oft mehr Aufwand als Nutzen bedeuten und weshalb ein einfacher Download der alten Inhalte in vielen Fällen nicht funktioniert.
