How to read this page
Every section below is a live module. The small label names its group, the heading names the module and the line under it says when to use it. Field labels in the editor are German, the names in brackets are what editors see.
Interactive modules
Cards, numbers, timelines, tabs and the modules for people, quotes and prices.
Interactive
Cards (Karten)
Features or services with icon, title, text and link, in two to four columns.
Columns
Two, three or four cards per row on desktop.
Card style
Different card styles in the Style tab.
Interactive
Stats (Zahlen)
Key figures that count up when they scroll into view. Screen readers get the final number right away.
38
Modules
136
Icons
6
Background colors
100 %
Classic Editor
Interactive
Timeline (Zeitstrahl)
A history or a process: label, title, text and an optional image per step.
-
First step
The label can be a year, a date or a step number.
-
Second step
Steps can carry an image.
-
Today
Third step
Any number of steps.
Interactive
Tabs (Reiter)
Several panels in one place. Each tab can hold other modules, as the second and third tab show.
The first tab holds a plain text module. Tabs keep related content together without making the page long.
Interactive
Team
People with photo, role, short bio and contact links. Entries can be typed in or pulled from the Team post type.
Example Person
Role
One or two sentences about the person.
Example Person
Role
Photos are cropped to a 4:5 portrait.
Example Person
Role
Email and LinkedIn are optional.
Interactive
Testimonials (Kundenstimmen)
Quotes from clients with name, role and photo, typed in or pulled from the Testimonials post type.
„Example quote. Shown here only to demonstrate the layout.“
Example Name
Role, Example Company
„A second example quote in the same layout.“
Example Name
Role, Example Company
Interactive
Pricing table (Preistabelle)
Plans side by side with price, period, features and a button. One plan can be highlighted.
Interactive
Events (Veranstaltungen)
Upcoming entries of the Events post type: the next one large, the following ones as a list, each with date, format (on site, online, hybrid) and a map link for the address. Past events drop off by themselves.
Nächster Termin
Example: Theme walkthrough
18:00 · Online
A live tour through the modules and the editor, with time for questions.
Weitere Termine
-
Example: WordPress meetup talk
-
Example: Accessibility workshop
10:00 · Nuremberg (öffnet in neuem Tab) · auch online
-
Example: Release day
Online