Asphyx: Die Seite wurde neu angelegt: „''Mit Sektionsfarben können einzelne Inhaltsbereiche farblich vom globalen Erscheinungsbild der Website abweichen.'' Zur Übersicht: AAM Editor Hosting == Eigene Farben für eine Sektion == Normalerweise übernimmt jede Sektion die Farben aus dem Farben-Tab oder dem gewählten Theme. Für einzelne Sektionen können diese Vorgaben überschrieben…“

2026-07-13T11:55:53Z

Die Seite wurde neu angelegt: „''Mit Sektionsfarben können einzelne Inhaltsbereiche farblich vom globalen Erscheinungsbild der Website abweichen.'' Zur Übersicht: AAM Editor Hosting == Eigene Farben für eine Sektion == Normalerweise übernimmt jede Sektion die Farben aus dem Farben-Tab oder dem gewählten Theme. Für einzelne Sektionen können diese Vorgaben überschrieben…“

Neue Seite

''Mit Sektionsfarben können einzelne Inhaltsbereiche farblich vom globalen Erscheinungsbild der Website abweichen.''

Zur Übersicht: [[:Kategorie:AAM Editor Hosting|AAM Editor Hosting]]

== Eigene Farben für eine Sektion ==

Normalerweise übernimmt jede Sektion die Farben aus dem [[AAM Editor – Farben einstellen|Farben-Tab]] oder dem gewählten [[AAM Editor – Themes verwenden|Theme]].

Für einzelne Sektionen können diese Vorgaben überschrieben werden, beispielsweise für:

<ul>
<li>einen dunklen Produktbereich auf einer hellen Seite</li>
<li>einen hervorgehobenen Hinweis</li>
<li>einen abgesetzten Kontaktbereich</li>
<li>eine besondere Aktions- oder Angebotssektion</li>
</ul>

== Sektionsfarben einstellen ==

<ol>
<li>Die gewünschte Sektion in der Vorschau oder Sektionenliste auswählen.</li>
<li>Im Bearbeitungspanel den Bereich '''🎨 Sektions-Farben''' aufklappen.</li>
<li>Die gewünschten Farbwerte anklicken und einstellen.</li>
<li>Das Ergebnis unmittelbar in der Vorschau kontrollieren.</li>
</ol>

Je nach Sektion stehen bis zu sechs Farbwerte zur Verfügung, darunter:

<ul>
<li>Hintergrundfarbe</li>
<li>Textfarbe</li>
<li>gedimmte Textfarbe</li>
<li>Akzentfarbe</li>
</ul>

Es müssen nicht alle Werte ausgefüllt werden.

== Vererbung vom Theme ==

Nicht gesetzte Sektionsfarben werden automatisch aus dem globalen Theme übernommen.

Beispiel:

<ul>
<li>Eigener dunkler Hintergrund wird eingestellt.</li>
<li>Eigene helle Textfarbe wird eingestellt.</li>
<li>Akzent- und Rahmenfarben bleiben leer.</li>
<li>Die leeren Werte werden weiterhin vom Theme übernommen.</li>
</ul>

Dadurch kann eine Sektion gezielt angepasst werden, ohne ihr gesamtes Farbsystem neu festzulegen.

== Sektionsfarben zurücksetzen ==

<ol>
<li>Die betreffende Sektion auswählen.</li>
<li>Den Bereich '''🎨 Sektions-Farben''' öffnen.</li>
<li>Auf '''Zurücksetzen''' klicken.</li>
<li>Die Darstellung in der Vorschau prüfen.</li>
</ol>

Nach dem Zurücksetzen folgt die Sektion wieder vollständig den globalen Farben.

== Kontrast prüfen ==

Bei abweichenden Sektionsfarben müssen insbesondere folgende Elemente lesbar bleiben:

<ul>
<li>Überschriften und Fließtext</li>
<li>gedimmte Beschreibungen</li>
<li>Links und Schaltflächen</li>
<li>Formularfelder</li>
<li>Rahmen und Trennlinien</li>
</ul>

Wird nur der Hintergrund geändert, kann die bisherige Textfarbe einen zu geringen Kontrast besitzen. Hintergrund- und Textfarbe sollten deshalb gemeinsam geprüft werden.

== Empfohlene Verwendung ==

<ul>
<li>Sektionsfarben nur für bewusst abgesetzte Bereiche einsetzen.</li>
<li>Nicht jede Sektion mit einer eigenen Farbpalette versehen.</li>
<li>Farben aus dem bestehenden Theme als Ausgangspunkt verwenden.</li>
<li>Darstellung auf Desktop- und Mobilansicht kontrollieren.</li>
<li>Bei unübersichtlichen Ergebnissen einzelne Werte zurücksetzen.</li>
</ul>

== Weiterführende Seiten ==

<ul>
<li>[[AAM Editor – Farben einstellen|Farben einstellen]]</li>
<li>[[AAM Editor – Themes verwenden|Themes verwenden]]</li>
<li>[[AAM Editor – Sektionen bearbeiten|Sektionen bearbeiten]]</li>
<li>[[AAM Editor – Kartenhintergründe gestalten|Kartenhintergründe gestalten]]</li>
</ul>

[[Kategorie:AAM Editor – Gestaltung und Medien|Sektionsfarben verwenden]]

AAM Editor – Sektionsfarben verwenden - Versionsgeschichte