Help Center
Willkommen beim hilfezentrum von WalkMe

Please login in order to continue:

Work flows better with WalkMe
Work flows better with WalkMe.

Theming

Last Updated November 19, 2024
Das Theming ist derzeit in Beta

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

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.
Anmerkung

Sie müssen den Editor aktualisieren, um die Änderungen zu sehen, die sich dort widerspiegeln

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.
Anmerkung

Sie müssen den Editor aktualisieren, um die Änderungen zu sehen, die sich dort widerspiegeln

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

Globale Sprechblase
Vorher Danach
  • Sie können Farben im Editor auswählen, die CSS der Vorlage bearbeiten und die CSS sehen, CSS-Design als Vorlage speichern

  • Die Farb- und Typografiebearbeitung wird im Thema durchgeführt
  • Neue mit dem Thema verbundene Vorlagen werden dem Benutzer zur Verfügung gestellt
  • Sie können die globale Sprechblasenvorlage CSS nicht bearbeiten

SmartTip-Tooltip

Sie können Farben für Text, Hintergrund, Grenze auswählen

Die Farben stammen aus dem Thema und Sie können die Zuordnung ändern und die Verbindung vom Thema trennen

SmartTips

Vorher Danach
SmartTip-Tooltip

Sie können Farben für Text, Hintergrund, Grenze auswählen

Die Farben stammen aus dem Thema und Sie können die Zuordnung ändern und die Verbindung vom Thema trennen

SmartTip-Symbol
  • Symbole sind Bilder – die Farbe kann nicht geändert werden (der Benutzer kann nur ein anderes Bild auswählen)
  • Farben können nicht mit CSS geändert werden

  • Symbole sind HTML
  • Symbole sind mit dem Thema verknüpft und wirken sich darauf aus, wenn Farben des Themas geändert werden
  • Sie können die Zuordnung und die Größe des Symbols ändern

Lokale Sprechblase
  • Sie können die Schriftfamilie nicht ändern
  • Sie können über CSS bearbeiten und dieses Design als Vorlage speichern

  • Sie können die angewandte Typografie des Titels und des Körpers sehen
  • Design ist an das Thema angehängt
  • CSS-Bearbeitung kann nicht als Vorlage gespeichert werden

Lokaler Launcher
  • Sie können den Text des Launchers nicht ändern
  • Sie können nur eine neue Vorlage mit anderem Text erstellen

  • Design ist mit dem Thema verbunden
  • Text kann bearbeitet werden – er ist nicht Teil der Vorlage
  • Sie können aus einer Galerie neuer Vorlagen auswählen
  • Sie können keine Vorlage erstellen
  • Sie können das Design eines einzelnen Launchers ändern, ohne die Vorlage zu beeinflussen

War dies hilfreich?

Vielen Dank für Ihr Feedback!

Be part of something bigger.

Engage with peers, ask questions, share ideas

Ask the Community
×