{"id":827,"date":"2026-05-26T11:04:26","date_gmt":"2026-05-26T11:04:26","guid":{"rendered":"https:\/\/help.excelerate.app\/?post_type=docs&#038;p=827"},"modified":"2026-05-26T15:48:55","modified_gmt":"2026-05-26T15:48:55","password":"","slug":"theme-editor","status":"publish","type":"docs","link":"https:\/\/help.excelerate.app\/en\/help\/theme-editor\/","title":{"rendered":"Theme Editor"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"827\" class=\"elementor elementor-827\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f22ee35 e-con-full e-flex e-con e-parent\" data-id=\"1f22ee35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19417ba7 elementor-widget elementor-widget-text-editor\" data-id=\"19417ba7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Anwendung<\/h2><div class=\"elementor-element elementor-element-a9dff80 elementor-widget elementor-widget-fp-text\" data-id=\"a9dff80\" data-element_type=\"widget\" data-widget_type=\"fp-text.default\"><div class=\"elementor-widget-container\"><div class=\"text\"><p><b data-path-to-node=\"6,0\" data-index-in-node=\"0\">Branding ohne Kompromisse:<\/b> Der neue Theme Builder gibt dir die volle Kontrolle \u00fcber das Frontend-Design deiner WBTs. Erstelle individuelle Themes f\u00fcr verschiedene Abteilungen, Kunden oder externe Partner, um jedem Projekt den passenden Look zu verpassen. Du kannst dein Theme direkt zum Start festlegen oder flexibel beim finalen Export anwenden.<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a65f3ef elementor-widget elementor-widget-spacer\" data-id=\"a65f3ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5635a356 elementor-widget elementor-widget-text-editor\" data-id=\"5635a356\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Video Anleitung<\/h2><div class=\"elementor-element elementor-element-a9dff80 elementor-widget elementor-widget-fp-text\" data-id=\"a9dff80\" data-element_type=\"widget\" data-widget_type=\"fp-text.default\"><div class=\"elementor-widget-container\"><div class=\"text\"><p>Erfahre in dem folgenden Video Tutorial, wie du den Theme Builder bedienst<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fb91665 elementor-widget elementor-widget-video\" data-id=\"2fb91665\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=XHOmBV4js_E&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e1d711e elementor-widget elementor-widget-text-editor\" data-id=\"5e1d711e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Schau dir den Aufbau des Theme Builders an.<\/h2><p>Eine Live-Preview zeigt dir jederzeit dein aktuelles Design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3060a6ae elementor-widget elementor-widget-hotspots\" data-id=\"3060a6ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/05\/Allgemein.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot\" style=\"top: 12%; left: 15%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Lege den Still deines Themes fest<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\"><\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 24%; left: 15%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Lade deine eigene Schriften hoch, um die Typografie deines Designs anzupassen<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\"><\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 36%; left: 15%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    3                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Individuelle Einstellungen f\u00fcr alle typografischen Elemente zuweisen<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\"><\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 48%; left: 15%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    4                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Hintergrundfarben f\u00fcr helle und dunkle Bereiche festlegen<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\"><\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 60%; left: 15%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    5                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Gestalte die Boxen und Container deines WBTs<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\"><\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 72%; left: 15%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    6                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Prim\u00e4re und sekund\u00e4re Buttons individuell gestalten<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\"><\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 84%; left: 15%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    7                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Navigationsleiste der Lernenden individuell gestalten<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\"><\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 96%; left: 15%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    8                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Passe zus\u00e4tzlich einzelne Elemente individuell an.<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\"><\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 10%; left: 90%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    9                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Hintergrund Ansicht tauschen<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Hier siehst du standardm\u00e4\u00dfig zwei Hintergr\u00fcnde: einen hellen und einen dunklen. Wenn du sp\u00e4ter in Schritt 4 weitere Hintergr\u00fcnde hinzuf\u00fcgst, werden diese automatisch auch hier zur Auswahl freigeschaltet.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ba31c9 elementor-widget elementor-widget-spacer\" data-id=\"8ba31c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb5b20c elementor-widget elementor-widget-text-editor\" data-id=\"fb5b20c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Men\u00fc Leiste<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-954549c elementor-widget elementor-widget-hotspots\" data-id=\"954549c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/05\/Menueleiste.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 50%; left: 51%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Men\u00fcleiste<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">In der Men\u00fcleiste findest du dieselben Punkte wie auf dem Startbildschirm des Theme Builders. Sie erm\u00f6glichen dir einen schnellen Wechsel zwischen den verschiedenen Einstellungen.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6f20e0 elementor-widget elementor-widget-text-editor\" data-id=\"e6f20e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Wichtige Punkte<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52efcf0 elementor-widget elementor-widget-hotspots\" data-id=\"52efcf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/05\/Speichern.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot\" style=\"top: 17%; left: 43%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Theme Einstellungen<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf das Einstellungs-Icon, um deinen Theme-Namen und das Logo anzupassen.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 17%; left: 54%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Speichern<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf den \u201eSpeichern\u201c-Button, um deine Theme Anpassungen zu sichern<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf6517a elementor-widget elementor-widget-spacer\" data-id=\"bf6517a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/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":"<p>Anwendung Branding ohne Kompromisse: Der neue Theme Builder gibt dir die volle Kontrolle \u00fcber das Frontend-Design deiner WBTs. Erstelle individuelle Themes f\u00fcr verschiedene Abteilungen, Kunden oder externe Partner, um jedem Projekt den passenden Look zu verpassen. Du kannst dein Theme direkt zum Start festlegen oder flexibel beim finalen Export anwenden. Video Anleitung Erfahre in dem [&hellip;]<\/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-827","docs","type-docs","status-publish","hentry","doc_category-theme-builder"],"year_month":"2026-06","word_count":238,"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\/827","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=827"}],"version-history":[{"count":46,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/827\/revisions"}],"predecessor-version":[{"id":950,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/827\/revisions\/950"}],"wp:attachment":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/media?parent=827"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_category?post=827"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_tag?post=827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}