Theming : Premiers pas
Aperçu rapide
La thématisation vous permet de définir et de gérer le style visuel de votre contenu WalkMe à partir d'un seul endroit. Lorsque la thématisation est activée, le thème choisi s'applique automatiquement à tous les éléments WalkMe, en gardant vos conceptions cohérentes et en accord avec la marque.
Ce guide explique comment activer Theming, créer ou modifier un thème dans la Console, puis le publier afin que les Builders puissent commencer à l'utiliser.
Comment ça marche
Écran principal
Lorsque vous accédez à la thématisation pour la première fois, sur l'écran principal, vous verrez tous les thèmes offerts par WalkMe.
Sur le côté droit de l'écran, vous p'uvez voir l'aperçu de ce à quoi ressemble ce thème. Vous pouvez naviguer entre les différents types d'éléments et voir à quoi chacun d'eux ressemble dans ce thème.
Passez la souris sur les différents éléments de l'aperçu'pour voir ce qu'ils héritent du thème. Par exemple, le cadre qui contient l'image dans ce ShoutOut hérite de la couleur (arrière-plan, principale), et le titre du texte hérite de la typographie du titre (Grand) et de la couleur Texte, principale.
Thèmes actifs et publiés
Étiquette active signifie que ce thème est actuellement celui appliqué à votre contenu d'éditeur.
Étiquette publiée signifie que ce thème est actuellement celui affiché à vos utilisateurs dans l'environnement publié.
Notez qu'il peut y avoir un cas lorsque le thème actif et le thème publié sont différents.
Si vous définissez un thème comme actif, vous pourrez le voir dans l'éditeur. Cependant, pour rendre le thème visible à vos utilisateurs, vous devez le publier d'abord.
Pour définir un thème comme actif :
- Cliquez sur le menu Options
- Sélectionnez Définir comme actif
- Si vous ne souhaitez pas encore publier le thème, cliquez sur Confirmer
- Pour publier également le thème, cochez la case, puis cliquez sur Confirmer
Modifier les thèmes
Vous pouvez modifier les thèmes WalkMe et enregistrer le résultat comme nouveau thème.
Pour modifier un thème, cliquez sur le menu Options et sélectionnez Modifier ou double-cliquez sur le thème.
Ici, vous pouvez modifier les couleurs, la typographie et les propriétés du bouton du thème.
Couleurs
- Dans l'onglet Couleurs, vous pouvez modifier la couleur des différents éléments de conception
- Vous pouvez voir ce qui change exactement dans l'aperçu sur la droite
- Lorsque vous apportez des modifications, vous verrez une animation sur la barre de navigation des éléments dans laquelle vous pouvez voir cette modification
Typographie
- Dans l'onglet Typographie, vous pouvez modifier le type de police et la taille de tous les éléments de texte
- Vous pouvez modifier la police primaire et secondaire
- Vous pouvez sélectionner le type de titre et de texte dont vous souhaitez que chaque titre et chaque texte hérite – primaire ou secondaire
- Vous pouvez voir où chaque élément du texte est actuellement utilisé
Polices
Nous prenons en charge les polices suivantes :
-
Arial, Tahoma, Géorgie, Courier, Proxima Nova, Poppins, Open Sans
Vous pouvez également :
-
Utilisez une police de site Web
-
Téléchargez une police personnalisée
Utilisez la police du site Web
La police du site Web est une police qui existe dans le site où vous jouez à WalkMe. Pour utiliser une police de site Web :
-
Cliquez sur Gérer les polices
-
Cliquez sur Utiliser la police du site Web
-
Attribuez un nom à cette police et cliquez sur Enregistrer
-
Vous la verrez dans la liste des polices, marquée « Police de votre site Web »
Télécharger la police
Pour télécharger une police que vous souhaitez utiliser :
-
Cliquez sur Gérer les polices
-
Donnez un nom à cette police
-
Cliquez sur Télécharger la police à côté de la variante de police
Boutons
- Modifier la largeur de la bordure et le rayon d'angle de vos boutons
- Vous pouvez choisir d'avoir une bordure colorée et de définir l'épaisseur sur chaque côté
- Les couleurs de remplissage et du texte sont automatiquement héritées du thème. Vous ne pouvez pas les modifier ici, mais vous pouvez modifier la couleur dont le bouton hérite dans l'onglet Couleur, et cela affectera le bouton ici
- Les boutons de texte secondaire n'ont pas de couleur de remplissage (sont transparents) par défaut (par exemple, le bouton Précédent dans ce ShoutOut)
- Les boutons supplémentaires héritent de la plupart de leurs propriétés du thème
- Vous ne pouvez modifier que la couleur du texte
Lorsque vous avez terminé la modification, vous pouvez enregistrer le thème comme nouveau.
Vos thèmes apparaîtront sous Mes thèmes personnalisés.
Contrairement aux thèmes WalkMe, vos thèmes personnalisés peuvent également être renommés, dupliqués et supprimés.
Partage des thèmes
Si vous avez l'autorisation de Modifier & Partager activée pour Theming dans le Centre d'administration, vous pouvez lier les thèmes à plusieurs systèmes auxquels vous êtes attribué. Pour lier votre thème personnalisé à d'autres systèmes :
- Cliquez sur le menu Options
- Sélectionnez Lien vers d'autres systèmes (vous ne verrez que les systèmes pour lesquels la fonctionnalité Thématisation est activée)
Vous verrez une liste de systèmes qui vous sont assignés. Vous ne verrez pas les systèmes auxquels vous n'êtes pas attribué ici, même si vous disposez de l'autorisation de Modifier & Partager.
Sélectionnez les systèmes que vous souhaitez lier à ce thème. La liaison du thème viendra créer ce thème dans les systèmes sélectionnés. La déconnexion d'un thème d'un système auquel vous avez accès créera une copie de ce thème dans ce système (état de la déconnexion).
Après avoir lié le thème aux systèmes sélectionnés, vous verrez une indication à côté du thème indiquant le nombre de systèmes auxquels ce thème est lié. Survolez la avec la souris pour voir de quels systèmes il s'agit.
Cliquez sur En savoir plus pour afficher toute la liste. Les utilisateurs sans l'autorisation de Modifier & Partager verront également cette indication.
Si vous modifiez un thème lié à d'autres systèmes, vous devrez choisir les systèmes dans lesquels vous souhaitez que les modifications soient appliquées.
Si vous dupliquez un thème, les systèmes liés à ce thème ne seront pas liés à sa copie.
Si vous souhaitez supprimer un thème lié à plusieurs systèmes, vous devrez d'abord délier les systèmes. Ce thème sera supprimé, mais des copies seront créées dans tous les autres systèmes liés. Le but est de s'assurer qu'aucun thème ne soit supprimé par erre'r sur d'autres systèmes.
Cartographie : relation thème-modèle
- Toutes les valeurs de texte et de couleur (Titre 1, Corps 1, Primaire, Secondaire, etc.) fonctionnent différemment dans différents modèles, même à l'intérieur d'un thème
- Les modèles Smart Walk-Thrus attachés ici utilisent le même thème par exemple
- Comme vous pouvez le voir, les relations entre les valeurs sont différentes dans différents modèles
- Trouvez la cartographie des couleurs et du texte dans les images attachées
Modèles Smart Walk-Thru
Modèles de Launcher
Modèles SmartTip
Notes techniques
- Seuls les rôles d'administrateur et de gestionnaire de contenu ont des autorisations de modification et de publication. Tous les autres rôles ont uniquement des autorisations pour afficher les thèmes
- Le menu widget n'est pas encore pris en charge
- Seuls le menu Pro et le menu Pro Light sont pris en charge
- Seules les bulles de Californie sont prises en charge - les bulles classiques ne sont pas prises en charge
- Seuls les modèles de mise en page dynamique dans le Visual Designer sont pris en charge
- Les polices suivantes sont prises en charge :
- Arial, Tahoma, Géorgie, Courier, Proxima Nova, Poppins, Open Sans
- L'aperçu da's l'application multilingue fonctionne, mais ne reflètera pas les couleurs réelles
- Le Mobile Web n'est pas pris en charge
- La copie de compte entre les systèmes thématiques et non thématiques n'est pas prise en charge