Ein Web-Builder-Theme hinzufügen

Beim Web Builder definiert ein Theme die CSS-Klassen, die auf Vorlagen für Marketing- und transaktionale E-Mails angewendet werden sollen. Es gibt ein einfaches voreingestelltes Theme, das alle verfügbaren Widgets mit exemplarischen Inhalten enthält.

Themes sind eigenständige globale Inhalte. Eine Vorlage enthält kein Theme, sondern referenziert lediglich das für sie ausgewählte Theme. Ändert man also ein Theme und veröffentlicht die Arbeitskopie, in der die Änderungen vorgenommen wurden, ändert sich das Erscheinungsbild sämtlicher Vorlagen, die dieses Theme nutzen. Aus diesem Grund, und auch, weil Themes zu ändern spezielle Kenntnisse erfordert, kann der Web Builder so eingerichtet werden, dass nur die Mitglieder eines bestimmten Teams, beispielsweise Designer, Themes bearbeiten können.

Themes können mit dem Content Browser, der sich über die Seitenleiste öffnen lässt, angelegt und bearbeitet werden. Wie bei anderen Inhalten auch, benötigen Sie eine Arbeitskopie im „Bearbeiten“-Modus, um ein Theme ändern zu können. Ein neues oder modifiziertes Theme ist verfügbar und wird auf die Vorlagen angewendet, die es referenzieren, nachdem die betreffende Arbeitskopie veröffentlicht wurde.

Haben Sie den Content Browser geöffnet, klicken Sie zunächst links in dessen Seitenleiste auf „Themen“. Um eines der aufgelisteten Themes zu ändern, wählen Sie es aus und bearbeiten Sie dessen Inhalt in der Detailansicht auf der rechten Seite.

Um ein Theme anzulegen, können Sie ein bestehendes duplizieren und anpassen oder auf die Kachel „Objekt anlegen“ klicken. Letzteres bewirkt, dass ein Theme mit den voreingestellten CSS-Klassen angelegt wird.

Wechseln Sie als nächstes zur Registerkarte „Editor“. Ein Theme besteht aus zwei Dateien, „settings.scss“ für die Basisklassen und „custom.scss“ für Anpassungen und zusätzliche Stile. Das Framework nutzt SASS-Variablen, richtet Innenabstände ein, und einiges mehr. Selbstverständlich können Sie bei Ihren zusätzlichen Stilen auf SASS verzichten. Der Compiler kann auch mit reinem CSS umgehen.

Beide Dateien können auf einer jeweils separaten Registerkarte bearbeitet werden. Klicken Sie abschließend auf den „Aktualisieren“-Button weiter unten, um alles kompilieren zu lassen. Tritt dabei ein Fehler auf, wird eine entsprechende Meldung angezeigt.