{"id":4477,"date":"2026-06-23T11:39:06","date_gmt":"2026-06-23T11:39:06","guid":{"rendered":"https:\/\/help.excelerate.app\/?page_id=4477"},"modified":"2026-06-25T12:48:27","modified_gmt":"2026-06-25T12:48:27","slug":"theme-builder","status":"publish","type":"page","link":"https:\/\/help.excelerate.app\/en\/theme-builder\/","title":{"rendered":"Theme Builder"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"4477\" class=\"elementor elementor-4477\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65c7649d e-flex e-con-boxed e-con e-parent\" data-id=\"65c7649d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fcf002d elementor-widget elementor-widget-text-editor\" data-id=\"2fcf002d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1 class=\"p1\">Theme Builder<\/h1><p class=\"p1\">Click on one of the elements to view its functions and options. We'll show you step-by-step how to create and flexibly edit each element in no time.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6438663d elementor-widget elementor-widget-spacer\" data-id=\"6438663d\" 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-2686db20 elementor-widget elementor-widget-teasers\" data-id=\"2686db20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"teasers.default\">\n\t\t\t\t\t            <div class=\"excelerate-teasers\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"excelerate-teaser\" href=\"https:\/\/help.excelerate.app\/en\/help\/theme-editor\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Theme-builder-1.jpg\" alt=\"Theme Editor\">\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-main\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"excelerate-teaser-headline\">Theme Editor<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"excelerate-teaser-text\">Design the look and feel of your WBTs down to the smallest detail and develop individual designs for different brands, teams, or clients. We'll show you how the component works and how to use the Theme Editor for consistent and professional branding.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"excelerate-teaser\" href=\"https:\/\/help.excelerate.app\/en\/help\/theme-builder\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Theme-Erstellen.jpg\" alt=\"Theme Erstellen\">\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-main\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"excelerate-teaser-headline\">Create Theme<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"excelerate-teaser-text\">Create custom themes and consistently adapt the design of your WBTs to your corporate design and brand world. We'll show you how the element works and how to use your own themes for a consistent and professional learning experience.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"excelerate-teaser\" href=\"https:\/\/help.excelerate.app\/en\/help\/still\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Stil-1.jpg\" alt=\"Stil\">\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-main\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"excelerate-teaser-headline\">Style<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"excelerate-teaser-text\">Define the visual foundation of your application and create a consistent look across all components with a few settings. We'll show you how the element works and how to use style settings for a consistent and professional interface.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20174279 elementor-widget elementor-widget-spacer\" data-id=\"20174279\" 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-75a91895 elementor-widget elementor-widget-teasers\" data-id=\"75a91895\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"teasers.default\">\n\t\t\t\t\t            <div class=\"excelerate-teasers\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"excelerate-teaser\" href=\"https:\/\/help.excelerate.app\/en\/help\/schriften\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Schriften.jpg\" alt=\"Schriften\">\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-main\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"excelerate-teaser-headline\">Writings<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"excelerate-teaser-text\">Hinterlege deine Hausschriften und schaffe die Grundlage f\u00fcr ein konsistentes Erscheinungsbild \u00fcber alle WBTs hinweg. Wir zeigen dir, wie das Element funktioniert und wie du Schriften f\u00fcr ein markenkonformes und professionelles Design einsetzt.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"excelerate-teaser\" href=\"https:\/\/help.excelerate.app\/en\/help\/typografie\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Typo.jpg\" alt=\"Typografie\">\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-main\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"excelerate-teaser-headline\">Typography<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"excelerate-teaser-text\">Schaffe ein konsistentes Schriftbild, das deine Marke st\u00e4rkt und auf jedem Ger\u00e4t professionell wirkt. Wir zeigen dir, wie das Element funktioniert und wie du Typografie f\u00fcr ein hochwertiges und markenkonformes Lernerlebnis einsetzt.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"excelerate-teaser\" href=\"https:\/\/help.excelerate.app\/en\/help\/hintergruende\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Hinterguende.jpg\" alt=\"Hintergr\u00fcnde\">\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-main\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"excelerate-teaser-headline\">Backgrounds<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"excelerate-teaser-text\">Gestalte abwechslungsreiche Lernwelten und sorge mit perfekt abgestimmten Hintergr\u00fcnden f\u00fcr maximale Lesbarkeit und visuelle Wirkung. Wir zeigen dir, wie das Element funktioniert und wie du Hintergr\u00fcnde f\u00fcr ein stimmiges und flexibles Designsystem einsetzt.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21181ee elementor-widget elementor-widget-spacer\" data-id=\"21181ee\" 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-6e9c530 elementor-widget elementor-widget-teasers\" data-id=\"6e9c530\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"teasers.default\">\n\t\t\t\t\t            <div class=\"excelerate-teasers\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"excelerate-teaser\" href=\"https:\/\/help.excelerate.app\/en\/help\/kaesten\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Kaesten.jpg\" alt=\"K\u00e4sten\">\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-main\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"excelerate-teaser-headline\">Boxes<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"excelerate-teaser-text\">Definiere die Fl\u00e4chenfarben deiner Komponenten und sorge f\u00fcr ein stimmiges Erscheinungsbild, das perfekt zu deinem Corporate Design passt. Wir zeigen dir, wie das Element funktioniert und wie du K\u00e4sten f\u00fcr ein konsistentes und professionelles Interface-Design einsetzt.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"excelerate-teaser\" href=\"https:\/\/help.excelerate.app\/en\/help\/buttons\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Buttons.jpg\" alt=\"Buttons\">\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-main\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"excelerate-teaser-headline\">Buttons<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"excelerate-teaser-text\">Gestalte prim\u00e4re und sekund\u00e4re Buttons pr\u00e4zise nach deinem Theme und sorge f\u00fcr klare Interaktionen mit starkem Markenauftritt. Wir zeigen dir, wie das Element funktioniert und wie du Buttons f\u00fcr ein konsistentes und professionelles Interface-Design einsetzt.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"excelerate-teaser\" href=\"https:\/\/help.excelerate.app\/en\/help\/navigation\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Navigation.jpg\" alt=\"Navigation\">\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-main\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"excelerate-teaser-headline\">Navigation<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"excelerate-teaser-text\">Gestalte die Navigation deines WBTs passend zu deinem Design und sorge f\u00fcr eine intuitive Orientierung \u00fcber alle Inhalte hinweg. Wir zeigen dir, wie das Element funktioniert und wie du die Navigation f\u00fcr eine konsistente und benutzerfreundliche Lernerfahrung einsetzt.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-645e111 elementor-widget elementor-widget-spacer\" data-id=\"645e111\" 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-5a4ad8c elementor-widget elementor-widget-teasers\" data-id=\"5a4ad8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"teasers.default\">\n\t\t\t\t\t            <div class=\"excelerate-teasers\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"excelerate-teaser\" href=\"https:\/\/help.excelerate.app\/en\/help\/elemente-2\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/elemente-1.jpg\" alt=\"Elemente\">\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-teaser-main\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"excelerate-teaser-headline\">Elements<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"excelerate-teaser-text\">Verwalte helle und dunkle Hintergrundvarianten zentral und schaffe die perfekte Grundlage f\u00fcr lesbare und visuell ausgewogene Inhalte. Wir zeigen dir, wie das Element funktioniert und wie du Elemente f\u00fcr ein flexibles und konsistentes Designsystem einsetzt.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d9c7a31 elementor-widget elementor-widget-spacer\" data-id=\"4d9c7a31\" 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Theme Builder Klicke auf einen der Elemente, um dessen Funktionen und Optionen anzusehen. Wir zeigen dir Schritt f\u00fcr Schritt, wie du das jeweilige Element im Handumdrehen erstellst und flexibel bearbeitest. Theme Editor Gestalte das Erscheinungsbild deiner WBTs bis ins Detail und entwickle individuelle Designs f\u00fcr unterschiedliche Marken, Teams oder Kunden. Wir zeigen dir, wie das [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4477","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/pages\/4477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/types\/page"}],"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=4477"}],"version-history":[{"count":10,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/pages\/4477\/revisions"}],"predecessor-version":[{"id":4667,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/pages\/4477\/revisions\/4667"}],"wp:attachment":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/media?parent=4477"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}