Theming

Last Updated November 19, 2024

Download as PDF

Kurzübersicht

Das Theming ist eine neue Funktion, mit der Benutzer das Design über verschiedene WalkMe-Apps hinweg vereinheitlichen können. Mit dem Theming können Sie ganz einfach ein konsistentes Erscheinungsbild auf alle Ihre WalkMe-Elemente anwenden und eine Vielzahl von Designelementen vor der Maide und anpassbaren Farbschemata verwenden, einschließlich Farbschema, Typografie und Layouts.

Theming in der Konsole

Wie Sie darauf zugreifen können

Designs befinden sich in der Konsole und es kann auf sie zugegriffen werden

• Unter https://console.walkme.com/themes
• Über die Seitenleiste der Konsole

Wie zu verwenden

Auswahl eines Themas

• Auf dem Hauptbildschirm sehen Sie die von WalkMe vorgeschlagenen Themen (blau ist das Standard).
• WalkMe-Themen können vom Benutzer nicht bearbeitet werden
• Wenn Sie eines dieser Themen auswählen, sehen Sie auf der rechten Seite des Bildschirms eine Vorschau darauf, wie es aussehen wird.

• Sie können auch zwischen Elementtypen auswählen, um zu sehen, wie jeder in diesem Thema aussehen wird

Anpassen eines Themas

• Wenn Sie etwas im vorhandenen von WalkMe bereitgestellten Thema ändern möchten, können Sie eines der Themen auswählen und Ihr eigenes darauf erstellen
• Um etwas im ausgewählten Thema zu ändern, klicken Sie auf die Schaltfläche Weiter

• Hier können Sie jede der Farben ändern (mit Ausnahme von 2 Basisfarben – schwarz und weiß – aus Gründen der Barrierefreiheit)

• Jede Farbe hat zwei andere Schattierungen – Tönung (heller) und Schatten (dunkler)
• Sobald Sie die Hauptfarbe (die zentrale in der Palette) ändern, ändern sich auch zwei andere Farben entsprechend
• Die Sekundärfarben – Tönung und Schatten – können vom Benutzer nicht geändert werden, sie passen sich automatisch an die Hauptfarbe der Palette an

• Auf der Registerkarte Typografie können Sie die Schriftart, Schriftgröße und Format des Textes ändern – für jeden der Texttypen (Titel 1, Titel 2, Body, Tooltip usw.)

• Auf der Registerkarte Schaltflächen können Sie die Farben und die Typografie aller Schaltflächen ändern, indem Sie aus den Themenfarben und Schriftarten auswählen
• Die Änderungen in den Farben und der Typografie werden auch hier reflektiert.
• Sie können das Design der Schaltflächen im Hover- und Klickmodus anpassen.

Erstellen eines neuen Themas

• Sie können auch ein neues Thema erstellen, indem Sie in der oberen rechten Ecke auf die Schaltfläche Neues Thema erstellen klicken.
• Das blaue WalkMe-Thema wird als Standard verwendet, von wo aus Sie ihn anpassen können.

Speichern eines neuen Themas

• Wenn Sie mit der Bearbeitung Ihres Themas fertig sind, klicken Sie auf Als neu speichern.
• Wenn Sie ein neues Thema speichern, wird es als Standard festgelegt.
• Sie haben eine Option, das Thema sofort in einer der Umgebungen zu veröffentlichen.
• Die Veröffentlichung gilt nur für die neuen Themeneinstellungen.

Veröffentlichung eines Themas

• Um ein neu erstelltes oder verändertes Thema zu veröffentlichen, klicken Sie in der oberen rechten Ecke auf die Schaltfläche Veröffentlichen
• Die Veröffentlichung gilt nur für die neuen Themeneinstellungen.

Auswahl des Standardthemas

• Das Thema, das als Standardthema ausgewählt wird, ist das Thema, das Sie in Ihrem Editor sehen werden (es wird Ihren Endbenutzern nur nach der Veröffentlichung angezeigt)
• Sie können das Standardthema einfach ändern, indem Sie auf das Drei-Punkte-Menü neben dem Titel des Themas klicken und als Standard festlegen auswählen.

Löschen und Umbenennen von Themen

• Um Ihr benutzerdefiniertes Thema zu löschen oder umzubenennen, klicken Sie auf das Drei-Punkte-Menü in der oberen rechten Ecke des Themas

Zuordnung: Beziehungen zwischen Farben

• Alle Text- und Farbwerte (Titel 1, Körper 1, Primär, Sekundär usw.) funktionieren in verschiedenen Vorlagen unterschiedlich, auch innerhalb eines Themas
• Zum Beispiel verwenden die hier angehängten Smart Walk-Thrus-Vorlagen dasselbe Thema
• Wie Sie sehen können, sind die Beziehungen zwischen den Werten in verschiedenen Vorlagen unterschiedlich
• Finden Sie die Zuordnung der Farben und des Textes in den angehängten Bildern

Smart Walk-Thru-Vorlagen

Launcher-Vorlagen

SmartTip-Vorlagen

Theming in Visual Designer

Wie zu verwenden

Colors (Farben)

• Im Visual Designer kann Theming überall verwendet werden, wo Farbe angewendet wird
• Sie können beispielsweise den Hintergrund Ihres Popups ändern, um in einer der aktuellen Themenfarben zu sein
• Wenn Sie die Farbe im Thema ändern, ändert sich sie automatisch im Popup-Fenster, das dieses Thema verwendet

Lösen vom Thema

• Wenn Sie sich entscheiden, dass Ihr Element nicht immer mit dem Thema verbunden sein und immer dauerhaft sein soll, können Sie sich vom Thema trennen, indem Sie auf das Symbol zum Aufheben von Links im Seitenmenü klicken
• Um zum Thema zurückzukehren, klicken Sie auf das Symbol vier Quadrate im Seitenmenü und wählen Sie das Thema aus, an das das Design angehängt werden soll

Typografie

• Bei der Typografie werden Themen auf die gleiche Weise wie Farben verwendet – Sie können jede Schriftart oder jedes Format des Textes auswählen, den Ihr aktuelles Thema enthält
• Sie können sich auch vom Thema lösen, wenn Sie seine Typografie nicht verwenden möchten

Schaltflächen

• Sie können Ihre Schaltflächen mit dem Thema verbinden lassen
• Sie können entscheiden, mit welchen Eigenschaften der Schaltfläche Sie verbunden oder vom Thema getrennt werden möchten
• Sie können beispielsweise die Schriftart trennen und eine eigene Schriftart auswählen und andere Farben und Füllungen mit dem Thema verbunden lassen

Neue Vorlagen

• Mit den Themen werden auch die neuen Visual Designer-Vorlagen eingeführt
• Jede Vorlage ist einem bestimmten Thema zugeordnet

Theming im Editor

Änderungen im Editor