Everbrand

Assembly Guide

CMS

Im WordPress sind sämtliche Seiten der Website hinterlegt. Für eine einfach zu pflegende Mehrsprachigkeit existieren jeweils eigenständige deutsche und englische Seitenstrukturen mit individuellen Unterseiten. Über die Seitenleiste lassen sich diese Inhalte bequem filtern und schneller finden. Eine Website lebt vor allem von ihren vielfältigen Beiträgen. Auch die unterschiedlichen Beitragsarten können gezielt über die Seitenleiste gefiltert werden, um Inhalte schneller zu verwalten. Weitere Einstellungen befinden sich im unteren Bereich des Adminbereichs. Dort können wiederkehrende Elemente wie beispielsweise der Footer, der Newsletter-Bereich oder der Kontaktbereich zentral gepflegt und angepasst werden.

Erstellen von Posts

Erstellen Sie einen neuen Beitrag. Der Beitrag enthält bereits eine vordefinierte Struktur, die Sie jederzeit individuell anpassen können. Legen Sie zunächst fest, welcher Kategorie der Beitrag zugeordnet werden soll. Wählen Sie dafür die passende Sprache sowie die entsprechende Kategorie aus. Vergeben Sie anschließend einen Titel für den Beitrag. Definieren Sie danach den Teasertext. Dieser wird später in Übersichtsseiten und Listenansichten angezeigt. Ergänzen Sie zusätzlich ein Teaserbild. Dieses erscheint ebenfalls in den Übersichten. Das erste Element der Seite ist der Header. Hinterlegen Sie hier die gewünschten Überschriften. Im nächsten Abschnitt folgt ein Bildmodul. Wählen Sie ein passendes Bild aus und achten Sie darauf, einen Alternativtext zu vergeben, sofern noch keiner vorhanden ist. Scrollen Sie weiter zu den Inhaltscontainern. Inhalte werden mithilfe sogenannter Wrapper strukturiert, um Texte und Elemente sauber auszurichten. Im Template ist bereits ein Wrapper für Überschriften sowie einer für Fließtexte angelegt. Im Anschluss folgt das Highlight-Modul. Hinterlegen Sie hier einen Text und wählen Sie optional ein zusätzliches Bild aus. Passen Sie anschließend die Hintergrundfarbe nach Ihren Wünschen an. Auch die Anordnung der Inhalte kann flexibel angepasst werden. Scrollen Sie weiter zum nächsten Inhaltsbereich. Vergeben Sie im linken Bereich eine Überschrift. Im rechten Bereich fügen Sie Ihren Text ein. Zusätzlich können hier weitere Elemente ergänzt werden – zum Beispiel Bilder oder andere Inhaltsmodule. Sie können Inhalte jederzeit frei verschieben, ergänzen oder neu strukturieren. Fügen Sie beispielsweise einen Button hinzu, vergeben Sie eine Beschriftung, passen Sie das Erscheinungsbild an und definieren Sie das gewünschte Ziel. Ergänzen Sie die Seite abschließend um weitere Module, beispielsweise ein Bild-Text-Element.

Editor

Der Editor unterstützt Sie dabei, Seiten individuell anzupassen und flexibel zu gestalten. In der rechten Seitenleiste finden Sie für jeden Block verschiedene Einstellungen, mit denen sich das visuelle Erscheinungsbild anpassen lässt. So können beispielsweise Farben, Abstände oder weitere Darstellungsoptionen verändert werden. Auf der linken Seite befindet sich die Strukturansicht der Seite. Hier können Sie Inhalte beliebig verschieben, duplizieren, anpassen oder löschen. Zusätzlich lassen sich über die linke Seite weitere Module und Elemente zur Seite hinzufügen.

Headlines

Achten Sie beim Erstellen von Texten darauf, die korrekte Headline-Hierarchie einzuhalten. Für Überschriften sind feste Größen von H1 bis H6 definiert. Dabei nimmt die Schriftgröße von H1 bis H6 schrittweise ab. Zur visuellen Strukturierung kann es sinnvoll sein, beispielsweise eine kleinere Oberüberschrift mit einer größeren Hauptüberschrift zu kombinieren. Beachten Sie dabei jedoch die Hinweise im oberen Bereich. Screenreader und Suchmaschinen interpretieren Überschriften nicht anhand ihrer optischen Größe, sondern anhand ihrer semantischen Auszeichnung. Auch wenn eine Oberüberschrift kleiner dargestellt wird, muss sie daher gegebenenfalls trotzdem als H1 ausgezeichnet werden. Nutzen Sie die S-, M-, L- und XL-Einstellungen, um die Darstellung der Schriftgröße unabhängig von der semantischen Hierarchie optisch anzupassen.

Seiteneinstellungen

Beachten Sie beim Erstellen von Inhaltsseiten die jeweiligen Zusatzinformationen und Seiteneinstellungen. So ist es beispielsweise bei Beiträgen der Kategorie „Solution“ notwendig, neben Titel, Teasertext und Teaserbild zusätzlich eine Subline sowie gegebenenfalls einen Call-to-Action zu hinterlegen. Darüber hinaus verfügt jede Seite über individuelle Optionen. So kann beispielsweise ein Preloader aktiviert oder bestimmte Funktionen gezielt ein- oder ausgeschaltet werden. Zusätzlich besteht die Möglichkeit, einen individuellen Seitentitel zu vergeben. Dieser überschreibt den automatisch generierten Titel. Im unteren Bereich der Seite finden Sie außerdem weitere Einstellungen zur Suchmaschinenoptimierung, kurz SEO.

Everbrand Blocks


Eine Webseite besteht aus vielen einzelnen Komponenten, die gemeinsam Struktur, Inhalt und Gestaltung definieren. Die Everbrand-Blöcke bieten dafür ein flexibles Baukastensystem – von Layout- und Container-Elementen bis hin zu dynamischen Modulen für Beiträge, Slider und Medien. Hier eine Übersicht der verfügbaren Komponenten im Detail.

Everbrand Toggle Box

Aufklappbarer Container mit Summary und Detailbereich zur übersichtlichen Darstellung längerer Inhalte. Ideal für FAQs oder strukturierte Zusatzinformationen, die bei Bedarf ein- und ausgeblendet werden können.

Everbrand FAQ

Das FAQ-Modul ist ein kompakter Inhaltsbereich, der eine einleitende Headline, Copytext sowie beliebig erweiterbare Everbrand Toggle Boxen kombiniert, um häufige Fragen strukturiert und übersichtlich darzustellen.

Everbrand Glyphlink

Vordefinierte Link-Buttons mit Icon und festgelegtem Text für konsistente, wiederkehrende Aktionen. Glyphlinks-Vorlagen werden unter Admin > Glyphlinks verwaltet.

Everbrand Startpage Header

Header-Modul für Startseiten mit Logo und Headline (frei wählbar als H1–H6 oder Paragraph). Ergänzt durch eine individuell befüllbare Content-Box für zusätzliche Inhalte sowie einen charakteristischen Everbrand-Form-Hintergrund für einen starken visuellen Einstieg.

Everbrand Picture Text Container

Modularer Block zur Kombination von Bild, Headline und Text in vordefinierten Layouts wie z. B. Team Card oder Split Text. Der Modultyp ist frei wählbar, ebenso die Auszeichnung der Headline (H1–H6 oder Paragraph) für maximale Flexibilität und saubere Struktur.

Everbrand Highlight

Stilvoller Block zur Hervorhebung von Zitaten, optional mit Foto. Headline frei wählbar (H1–H6 oder Paragraph), Bild oben oder unten positionierbar. Hintergrund- und Textfarben lassen sich individuell anpassen, um Inhalte gezielt in Szene zu setzen.

Everbrand Selected Post Overview

Modul zur gezielten Auswahl und Anzeige von Beiträgen aus einer bestimmten Kategorie in frei definierbarer Reihenfolge. Ideal für kuratierte Inhalte mit individueller Sortierung. Die Inhalte werden zur Laufzeit generiert – im Editor wird lediglich eine Platzhalterbox angezeigt.

Everbrand Grid Box

Wrapper zur Darstellung von Inhalten in einem flexiblen Raster, z. B. für Team-Profile. Spalten und Layout lassen sich individuell für Mobile, Tablet und Desktop definieren – für eine konsistente, responsive Darstellung.

Everbrand Post Overview

Dynamisches Modul zur Anzeige von Beiträgen nach frei definierbaren Kriterien wie Sprache, Kategorie, Sortierung und Anzahl. Individuelle Texte für CTA und die Funktion zum Nachladen weiterer Inhalte können ergänzt werden. Die Inhalte werden zur Laufzeit generiert – im Editor wird lediglich eine Platzhalterbox angezeigt.

Everbrand Slide

Standard-Slide-Container zur Verwendung innerhalb des Everbrand Sliders. Dient als inhaltliche Einheit für einzelne Slides und wird in Kombination mit dem Slider-Block eingesetzt.

Everbrand Slide Testimonial

Slide-Container für Testimonials zur Verwendung mit dem Everbrand Slider. Stellt Zitate mit optionalem Foto und Personenbeschreibung dar. Das Zitat kann flexibel als H1–H6 oder Paragraph ausgezeichnet werden.

Everbrand Slider

Flexible Slider-Komponente zur Darstellung mehrerer Inhalte in einer interaktiven Slideshow. Unterstützt verschiedene Slide-Typen und wird in Kombination mit passenden Slide-Containern wie Everbrand Slide oder Testimonial verwendet.

Everbrand Default Header

Standard-Header mit Kicker und Headline für klare Einstiege. Beide Textfelder lassen sich individuell als H1–H6 oder Paragraph auszeichnen, um Struktur, Barrierefreiheit und SEO gezielt zu optimieren.

Everbrand Video Player

Video-Player für Medien aus der Mediathek mit optionalem Startbild sowie separaten Videoquellen für Desktop und Mobile. Umfangreiche Playback-Optionen wie Autoplay, Loop, Muted, Controls und Playsinline sowie Einstellungen für Seitenverhältnis, Play-Button, Lazy Load und ARIA-Label bieten maximale Flexibilität und Barrierefreiheit.

Everbrand Container

Strukturierender Layout-Block zur sauberen Anordnung von Inhalten mit kontrollierten Abständen. Unterstützt das gezielte Ein- und Ausblenden sowie die Anpassung von Hintergrund- und Textfarben, um Inhalte visuell hervorzuheben und klar zu gliedern.

Everbrand Button

Flexibler Standard-Button zur Verlinkung von Inhalten. Farbe und Stil (gefüllt oder Outline) sind frei wählbar. Erweiterte Linkoptionen wie Öffnen in neuem Tab, nofollow oder sponsored sowie ein individuelles ARIA-Label sorgen für optimale Zugänglichkeit und SEO.

Everbrand Content Wrapper

Layout-Block zur präzisen Positionierung von Inhalten. Elemente lassen sich je nach Bedarf links, rechts, zentriert oder frei (none/intended) ausrichten. Ideal in Kombination mehrerer Wrapper, um z. B. Überschriften links, Fließtexte rechts und grafische Inhalte zentriert darzustellen.

Typografie

Typografie sorgt für klare Struktur und Lesbarkeit innerhalb der Inhalte. Überschriften (H1–H6) und Fließtext (Paragraph) bilden dabei die semantische Grundlage und sollten entsprechend ihrer inhaltlichen Bedeutung gewählt werden. Die visuelle Darstellung lässt sich davon unabhängig über die Größenvarianten S, M, L und XL steuern. So bleibt die inhaltliche Hierarchie erhalten, während das Erscheinungsbild flexibel angepasst werden kann. Die folgende Matrix zeigt alle verfügbaren Kombinationen im Überblick.

H6H5H4H3H2
H2

H2 S

H2 M

H2 L

H2 XL

H2

H3

H3 S

H3 M

H3 L

H3

H3 XL

H4

H4 S

H4 M

H4

H4 L

H4 XL

H5
H5 S
H5
H5 M
H5 L
H5 XL
H6
H6
H6 S
H6 M
H6 L
H6 XL
H6

P

P S

P M

P L

P XL