Wiki source code of Gestionnaire de styles

Last modified by Aurelie Bertrand on 2025/02/10 11:16
Show last authors
1 {{ddtoc/}}
2
3 ----
4
5 Le **Gestionnaire de styles** (ou **Assistant de thèmes**) permet de créer, éditer ou supprimer des feuilles de style CSS ou thèmes pouvant être utilisées pour personnaliser l'affichage des flux.
6
7 [[image:Style_manager_FR.png]]
8
9 Les feuilles de styles ou thèmes disponibles sont listées à gauche et le code CSS correspondant à droite.
10 Celles dont l'accès est restreint à un rôle sont suivies du nom du rôle entre parenthèses.
11
12 (% class="box warningmessage" %)
13 (((
14 ❗Modifier une feuille de style existante a un impact sur tous les éléments utilisant cette feuille de styles (autres rôles).
15 Vérifiez son périmètre d'utilisation via l'[[outil d'analyse de dépendances>>doc:Digdash.user_guide.studio.managers.dependencies.WebHome]] (accès par un clic-droit sur la feuille de styles) ou, si besoin, dupliquez la feuille de  style et modifiez-la comme souhaité.
16 )))
17
18 = Dupliquer une feuille de styles =
19
20 Pour dupliquer une feuille de styles :
21
22 1. Sélectionnez la feuille de styles originale dans la liste.
23 1. Cliquez sur le bouton **+** à droite du champ de recherche puis sur **Dupliquer**.
24 [[image:Style_manager_duplicate_FR.png||alt="Dupliquer"]]
25 ➡ La boite **Nouveau** s'affiche.
26 [[image:Style_manager_new_dialog_FR.png||alt="Nouveau" height="143" width="314"]]
27 1. Modifiez le nom comme souhaité.
28 1. Dans la liste déroulante **Rôle**, sélectionnez le rôle auquel vous souhaitez restreindre l'accès à la feuille de style ou **Aucun** pour la partager à tous les rôles. Le champ peut également être utilisé comme barre de recherche dans le cas d'un grand nombre de rôles.
29 1. Cliquez sur **OK**.
30 ➡ La feuille de styles est ajoutée à la liste.
31 1. Modifiez le code CSS comme souhaité et cliquez sur **OK**.
32
33 = Créer une feuille de styles =
34
35 Pour créer une nouvelle feuille de styles, vous pouvez :
36
37 * créer un nouveau thème de zéro (feuille de styles vide) : cliquez alors sur **Ajouter**;
38 * utiliser l'**Assistant d'édition de thème**.
39 L'assistant d'édition est un outil qui vous permet de modifier facilement le style de votre flux. Il se base sur le thème digdash_2019_template. Consultez la page [[Éditeur de CSS>>doc:Digdash.customization.customization_DDE.csseditor.WebHome]] pour plus de détails.
40
41 = Renommer une feuille de styles =
42
43 Pour renommer une feuille de styles :
44
45 * Cliquez sur le bouton [[image:Rename_button_FR.png||alt="Renommer" height="21" width="21"]] et entrez le nom souhaité.
46
47 Pour accéder à l'édition multi-langue :
48
49 * Cliquez sur le bouton [[image:Translate_button.png||alt="Edition multi-langue" height="22" width="23"]]. Consultez la page [[Traduire le nom d'un objet>>doc:Digdash.user_guide.studio.translate_items.WebHome]] pour plus de détails.
50
51 = Supprimer une feuille de styles =
52
53 Pour supprimer une feuille de styles :
54
55 * Sélectionnez la feuille de styles que vous souhaitez supprimer et cliquez sur le bouton [[image:1739181611957-699.png||height="23" width="21"]].
56
57 (% class="box infomessage" %)
58 (((
59 Vous pouvez également accéder à ces différentes fonctions ainsi qu'à la fonction **Réinitialiser** et l'outil d'[[analyse des dépendances>>doc:Digdash.user_guide.studio.managers.dependencies.WebHome]] via un clic droit sur une feuille de styles.
60
61 [[image:Style_manager_menu_FR.png||alt="Menu contextuel"]]
62 )))
63
64 = Réinitialiser une feuille de styles =
65
66 Les feuilles de styles ou thèmes livrées avec DigDash peuvent être réinitialisé(e)s à leur version d'origine.
67 La feuille de styles sera restaurée à la version livrée avec la version courante de DIgDash. Ainsi, toutes les modifications effectuées seront perdues.
68
69 Pour réinitialiser une feuille de styles :
70
71 * (((
72 Cliquez-droit sur la feuille de styles que vous souhaitez réinitialiser puis cliquez sur **Réinitialiser**.
73 [[image:1739182477528-292.png||alt="Réinitialiser le thème"]]
74 )))