{"id":1173,"date":"2026-05-28T09:38:52","date_gmt":"2026-05-28T09:38:52","guid":{"rendered":"https:\/\/help.excelerate.app\/?post_type=docs&p=1173"},"modified":"2026-05-28T12:06:35","modified_gmt":"2026-05-28T12:06:35","password":"","slug":"hintergruende","status":"publish","type":"docs","link":"https:\/\/help.excelerate.app\/en\/help\/hintergruende\/","title":{"rendered":"Hintergr\u00fcnde"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Anwendung<\/h2>

F\u00fcge beliebig viele Hintergr\u00fcnde hinzu, unterteilt in helle und dunkle Varianten. Das erleichtert dir die Arbeit, Text und Box Farben perfekt auf den jeweiligen Hintergrund abzustimmen. In den folgenden 6 Schritten zeigen wir dir, wie du deine Hintergr\u00fcnde verwaltest und neue hinzuf\u00fcgst.<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Hintergr\u00fcnde \u00dcbersicht finden<\/h2>

Um deine Hintergr\u00fcnde zu verwalten, klicke auf den vierten Punkt \u201eHintergr\u00fcnde\u201c.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\n \n
\n
\n
\n 1 <\/div>\n
\n
Hintergr\u00fcnde<\/div>\n
W\u00e4hle Hintergr\u00fcnde aus, um weitere Einstellungen zu sehen.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\t\t <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Hintergr\u00fcnde \u00dcbersicht<\/h2>

In der Hintergr\u00fcnde \u00dcbersicht findest du all deine bestehenden Hintergr\u00fcnde. Klicke einfach auf einen Hintergrund, um ihn anzupassen, oder auf das Papierkorb Icon, um ihn zu l\u00f6schen. Wenn du mehr als einen Hintergrund hast, kannst du die Reihenfolge flexibel per Drag and drop verschieben das \u00e4ndert gleichzeitig die Anordnung der Hintergrund Auswahl oben rechts.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\n \n
\n
\n
\n 1 <\/div>\n
\n
Helle Hintergr\u00fcnde<\/div>\n
Die hellen Hintergr\u00fcnde findest du ganz oben im Bearbeitungsfenster. F\u00fcge dort ausschlie\u00dflich helle Hintergr\u00fcnde mit einem hellen Farbton hinzu.<\/div>\n <\/div>\n <\/div>\n
\n
\n 2 <\/div>\n
\n
Dunkle Hintergr\u00fcnde<\/div>\n
Die dunklen Hintergr\u00fcnde findest du direkt unterhalb der hellen Varianten im Bearbeitungsfenster. F\u00fcge dort ausschlie\u00dflich dunkle Hintergr\u00fcnde mit einem dunklen Farbton hinzu.<\/div>\n <\/div>\n <\/div>\n
\n
\n 3 <\/div>\n
\n
Hintergr\u00fcnde tauschen<\/div>\n
Tausche hier die bereits voreingestellten Hintergr\u00fcnde durch, um sie direkt zu testen.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\t\t <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Schritt 1 – Helle Hintergr\u00fcnde<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t
\n \n
\n
\n
\n 1 <\/div>\n
\n
Name<\/div>\n
Klicke einen Hintergrund an und benenne ihn so um, dass es f\u00fcr dich \u00fcbersichtlich bleibt.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\t\t <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Schritt 2 – Neues Hintergrund hinzuf\u00fcgen<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t
\n \n
\n
\n
\n 1 <\/div>\n
\n
Hintergrund Hinzuf\u00fcgen<\/div>\n
Klicke auf \u201eHintergrund hinzuf\u00fcgen\u201c, um eine weitere zu erstellen.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\t\t <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Schritt 3 \u2013 Fl\u00e4chenfarbe anpassen<\/h2>

Nachdem du einen neuen Hintergrund hinzugef\u00fcgt und ihn \u00fcbersichtlich benannt hast, fehlt nur noch das Wichtigste: die Farbe. Schau dir die Hotspots an, um zu sehen, welche M\u00f6glichkeiten dir hier zur Verf\u00fcgung stehen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\n \n
\n
\n
\n 1 <\/div>\n
\n
Freies Farbfeld<\/div>\n
Bestimme deine Wunschfarbe intuitiv \u00fcber das freie Farbfeld, um den passenden Farbton visuell auszuw\u00e4hlen.<\/div>\n <\/div>\n <\/div>\n
\n
\n 2 <\/div>\n
\n
Flache, Verlauf & Pipette<\/div>\n
Wechsle flexibel zwischen einer soliden Fl\u00e4che und einem Farbverlauf oder nutze die Pipette, um jede beliebige Farbe direkt von deinem Bildschirm abzugreiten.<\/div>\n <\/div>\n <\/div>\n
\n
\n 3 <\/div>\n
\n
Farbton & Deckkraft<\/div>\n
\u00dcber die Schieberegler kannst du sowohl den Farbton als auch die Deckkraft deiner Auswahl pr\u00e4zise einstellen.<\/div>\n <\/div>\n <\/div>\n
\n
\n 4 <\/div>\n
\n
Farbwerte & Favoriten<\/div>\n
Gib deine exakten HEX-oder RGB-Werte direkt ein, um Markenfarben exakt zu treffen, oder greife im unteren Bereich schnell auf die am meisten verwendeten Farben ZU.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\t\t <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Schritt 4 – Verlauf einstellen<\/h2>

Wechsle auf den Tab \u201eVerlauf<\/strong>\u201c, um stattdessen einen dynamischen Farbverlauf zu nutzen. Kombiniere eine oder mehrere Farben, um moderne, abstrakte Hintergr\u00fcnde zu gestalten.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\n \n
\n
\n
\n 1 <\/div>\n
\n
Verlaufs Winkel anpassen<\/div>\n
Bestimme \u00fcber das Grad-Feld (z. B. 45\u00b0) die Richtung, in die der Verlauf flie\u00dfen soll.<\/div>\n <\/div>\n <\/div>\n
\n
\n 2 <\/div>\n
\n
Farbpunkte<\/div>\n
Klicke auf die Punkte im Verlaufsbalken, um die einzelnen Farben des \u00dcbergangs getrennt voneinander anzupassen. F\u00fcge durch einen einfachen Klick in die Leiste so viele Punkte wie n\u00f6tig hinzu, um den Verlauf noch fl\u00fcssiger zu gestalten.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\t\t <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Schritt 5 – Dunkelle Hintergr\u00fcnde einstellen<\/h2>

F\u00fcr die dunklen Hintergr\u00fcnde gilt genau dasselbe wie f\u00fcr die hellen: Dir stehen exakt die gleichen Funktionen und Einstellm\u00f6glichkeiten zur Verf\u00fcgung. Standardm\u00e4\u00dfig ist hier ebenfalls zuerst nur eine einzelne, dunkle Farbe voreingestellt. Diese kannst du \u00fcberarbeiten und es als deine Prim\u00e4re Hintergrund festlegen.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\n \n
\n
\n
\n 1 <\/div>\n
\n
Dunkle Hintergr\u00fcnde<\/div>\n
Vergib dem Hintergrund einen eindeutigen Namen und stelle wie schon in Schritt 3 und 4 entweder eine solide Farbfl\u00e4che oder einen dynamischen Farbverlauf ein.<\/div>\n <\/div>\n <\/div>\n
\n
\n 2 <\/div>\n
\n
Hintergr\u00fcnde tauschen<\/div>\n
Wie wir hier sehen, hat sich unsere Liste mit den Hintergr\u00fcnden, die wir eingestellt haben, gef\u00fcllt. Hover mit deiner Maus \u00fcber eine Farbe, bevor du klickst, um den Namen des Hintergrunds nachzuschauen.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\t\t <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Schritt 6 – Hintergr\u00fcnde \u00dcberpr\u00fcfen<\/h2>

Schaue dir alle Hintergr\u00fcnde an und \u00fcberpr\u00fcfe, ob deine Eingaben wirklich richtig sind. Keine Sorge: Selbst nach dem Speichern kannst du die Farben dank des Theme Builders jederzeit wieder \u00e4ndern.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t

Prim\u00e4re Hintergrund<\/h1>

\u00a0<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

Sekund\u00e4re Hintergrund<\/h1>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t

Heller Verlauf<\/h1>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t

Grau Ton<\/h1>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t

Primary Dark<\/h1>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t

Secondary Dark<\/h1>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t

Verlauf Dark<\/h1>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
<\/div>\n\t\t\t<\/div>\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

Anwendung F\u00fcge beliebig viele Hintergr\u00fcnde hinzu, unterteilt in helle und dunkle Varianten. Das erleichtert dir die Arbeit, Text und Box Farben perfekt auf den jeweiligen Hintergrund abzustimmen. In den folgenden 6 Schritten zeigen wir dir, wie du deine Hintergr\u00fcnde verwaltest und neue hinzuf\u00fcgst. Hintergr\u00fcnde \u00dcbersicht finden Um deine Hintergr\u00fcnde zu verwalten, klicke auf den vierten […]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[20],"doc_tag":[],"class_list":["post-1173","docs","type-docs","status-publish","hentry","doc_category-theme-builder"],"year_month":"2026-06","word_count":628,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"excelerate","author_nicename":"excelerate","author_url":"https:\/\/help.excelerate.app\/en\/author\/excelerate\/"},"doc_category_info":[{"term_name":"Theme Builder","term_url":"https:\/\/help.excelerate.app\/en\/docs-category\/theme-builder\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/1173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/comments?post=1173"}],"version-history":[{"count":76,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/1173\/revisions"}],"predecessor-version":[{"id":1294,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/1173\/revisions\/1294"}],"wp:attachment":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/media?parent=1173"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_category?post=1173"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_tag?post=1173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}