Gestion du design (DesignManager)

Transcription

1 1 sur 7 15/10/ :06 Administration de CMS Made Simple - evolution biologique - Gestionnaire de Modules Bienvenu(e) : archeo Vous avez 1 notification en cours Gestionnaire de Modules Déposer les fichiers ici CMS Contenu Gestion du design (DesignManager) Quel est ce module? Aide sur le module Vue en Anglais Disposition Utilisateurs/Groupes Extensions Gestionnaire de Modules Maintenance du système Paramètres des articles (News) Paramètres gestion contenus Paramètres gestion designs Paramètres globaux Informations du système Vérification du système Journal de l'administration Mes préférences La Gestion du design (Design Manager) est un module du noyau (core) (distribué avec CMSMS ), qui unifie les fonctionnalités pour gérer la mise en page du site Web. Il fournit une solution complète pour la gestion et l'édition de tout type de gabarit Smarty, et pour l'organisation de ces gabarits. Ainsi, vous pouvez créer, modifier, supprimer et gérer les feuilles de style, et de les organiser en "Designs". Qu'est-ce qu'un "Design" /*What is a "Design"? Un design (conception) est un conteneur de l'association feuilles de styles et gabarits. Il permet la gestion de tous les feuilles de styles et gabarits nécessaires pour mettre en œuvre la présentation du site Web. Les designs peuvent être exportés et importés à partir d'un fichier unique. Chaque page de contenu HTML est associée à un design pour déterminer quels styles doivent être utilisés, et leur ordre. Par ailleurs, chaque page de contenu HTML est associé à un gabarit; Bien que le gabarit n'a pas besoin d'être associé à un design. Les gabarits et feuilles de style n'ont pas besoin d'être associé à un design, toutefois, seuls les modèles et les feuilles de style qui sont associés à un design sont exportable avec le design. Quels sont les gabarits types(modèles)? /*What are Template Types? Les Gabarit types(modèles) sont une façon d'organiser les gabarits. Certaines fonctionnalités peuvent afficher des listes de gabarits qui sont d'un certain type afin de faciliter la sélection. Par exemple, le contenu édition de la page affiche une liste de gabarits "de page". (le gabarit "Left simple navigation + 1 column" est donc un gabarit type "Core::Page"). Le noyau (core) crée quelques types de gabarits standard lors de l'installation. Les modules tiers vont probablement en créer plus. les définitions de types de gabarits ont normalement deux parties, l'initiateur (le module ou la fonctionnalité qui les a créés), et le nom du type lui-même. Exemple : Core::Page [Nom descriptif] indique une page type de gabarit créé par le noyau. Article::Sommaire (News::Summary) est le nom du type de gabarit pour les sommaires des articles. Bien que les développeurs de sites ne peuvent pas créer de nouveaux gabarit modèles, ils peuvent spécifier le type lors de l'ajout ou de la modification d'un gabarit. La plupart des types de gabarit ont un modèle "prototype" utilisé pour fournir un dispositif de squelette créant un nouveau gabarit de ce type. Certains types de gabarits (comme le gabarit "Core::Page" est un exemple d'un "gabarit par défaut". Le gabarit type par défaut est généralement utilisé par des modules au cas où un gabarit spécifique n'est pas défini. De plus, le gabarit par défaut de type "Core::Page" est utilisé comme gabarit par défaut lorsque vous créez un nouvel élément de contenu de type "Contenu de page (Content Page)" L'interface du "Gestion du design" (Design Manager) permet de filtrer les gabarits par leur type, auteur, design, utilisateur afin de trouver facilement des gabarits pour les modifier ou les gérer. Modèles génériques (ancien Blocs de contenu globaux /*Generic Templates (formerly Global Content Blocks Un type de gabarit standard est appelé "Core::generic". Il s'agit d'un modèle générique qui pourrait être utilisé pour n'importe quoi. Il remplace "Blocs de contenu globaux" (Global Content Blocks GCB) des versions antérieures de CMSMS. Que sont les catégories? /*What are "Categories" for? Les catégories sont une méthode d'organisation des gabarits pour les développeurs. Les développeurs de sites peuvent créer, renommer et supprimer des catégories et les différents modèles associés. Lorsque vous gérez des gabarits les développeurs peuvent filtrer les gabarits par leur catégorie. L'interface principale /*The Primary Interface Le panneau d'administration "Gestion du design" (Design Manager) se trouve dans l'administration de CMS Made Simple dans le menu "Disposition". L'administration de ce module utilise des onglets. Chaque onglet à un but particulier, et peut exiger des privilèges spéciaux. Seul un utilisateur avec l'une des permissions nécessaires (ou ayant la propriété

2 design" (Design Manager) dans la console d'administration de CMS Made Simple. Onglet Gabarits /*The Templates Tab L'onglet des gabarits fournit toutes les fonctionnalités pour créer et gérer des gabarits commodément et facilement. Il est visible pour les utilisateurs possédant la permission "Modify Templates", ou pour ceux qui sont propriétaires ou encore pour les éditeurs supplémentaire d'un ou plusieurs gabarit. Cet onglet comprend certaines caractéristiques : Un tableau qui affiche des informations sommaires sur chaque gabarit, et fournit des actions pratiques pour travailler sur des gabarits individuellement ou en masse. La capacité de s'approprier un gabarit verrouillé /*The ability to steal a locked template Filtre avancé /*Advanced filtering Créer un nouveau gabarit /*Pagination Onglet Catégories /*The Categories Tab L'onglet catégories est visible pour tous les utilisateurs possédant la permission "Modify Templates". Il offre la possibilité d'ajouter, modifier, supprimer, renommer et réordonner les catégories. Lors d'ajout ou de modification d'une catégorie, il est possible de fournir une description de l'utilisation de la catégorie à titre de référence. Onglet Gabarits type /*The Template Types Tab Cet onglet est visible pour tous les utilisateurs possédant la permission "Modify Templates". Il offre la possibilité d'éditer des informations sur le type de gabarit, y compris le gabarit prototype. Il sert à créer un nouveau gabarit de chaque type. Onglet Feuilles de style /*The Stylesheets Tab Cet onglet est visible pour tous les utilisateurs possédant la permission "Manage Stylesheets." Il offre la possibilité de créer, supprimer, modifier et gérer des feuilles de style. Onglet Designs /*The Designs Tab Cet onglet est visible pour tous les utilisateurs possédant la permission "Manage Designs". (Remarque : seul les utilisateurs avec cette permission peuvent avoir accès à toutes les fonctions de cet onglet). Cet onglet permet d'importer, d'exporter, de créer, modifier et supprimer des designs. Gestion des gabarits /*Managing Templates l'onglet "Gabarits" affiche une liste de gabarits correspondant au filtre actuel (si appliqué) dans un tableau, avec pagination. Chaque ligne du tableau représente un gabarit unique. Les colonnes du tableau affichent des informations sommaires sur le gabarit, et offrent une interaction possible sur les éléments de la ligne. Un menu déroulant "Option/Filtre" offre la possibilité de basculer entre les lignes des gabarits qui correspondent au filtre sélectionné, si plus d'une ligne du gabarit correspondant est affichée. La boîte de dialogue de filtre permet de filtrer les gabarits affichés par un certain nombre de critères, ainsi que de changer le nombre de pages (Limite), et le tri des gabarits affichés. Le menu "Option" offre la possibilité aussi de créer un nouveau gabarit (selon les permissions). Les colonnes /*Table Columns: Id : Cette colonne affiche l'identifiant numérique unique pour le gabarit. En cliquant sur le lien de la ligne dans cette colonne, le gabarit sera édité. Survolant le texte du lien avec la souris, affichera une info-bulle avec des informations sur le gabarit. Cette colonne affiche un texte du nom unique pour le gabarit. En cliquant sur le lien de la ligne dans cette colonne, le gabarit sera édité. Survolant le texte du lien avec la souris, affichera une info-bulle avec des informations sur le gabarit. Type : /*Type: Cette colonne affiche le type de gabarit. Survolant le texte avec la souris, affichera une info-bulle avec des informations sur le type de gabarit. Design : /*Design: Cette colonne le(s) design(s) auquel ce gabarit est associé (le cas échéant). Si le gabarit est associé à plusieurs designs une info-bulle affiche une liste des premiers designs associés à ce gabarit. Défaut : /*Default: Cette colonne affiche une icône indiquant si le gabarit a la valeur par défaut pour son type. Actions : Selon les privilèges des utilisateurs, il y aura une ou plusieurs icônes affichées dans cette colonne pour effectuer diverses actions sur, ou avec le gabarit : 2 sur 7 15/10/ :06

3 Éditer - Affiche un formulaire pour modifier le contenu et les attributs du gabarit. Copier - Affiche un formulaire pour permettre la copie du gabarit sélectionné sous un nouveau nom. Pour plus de commodité un nom par défaut sera fourni. Supprimer - Affiche un formulaire pour permettre la suppression du gabarit sélectionné. Une confirmation supplémentaire sera nécessaire pour cette action car aucun contrôle n'est possible pour savoir si le gabarit est déjà utilisé par une autre page, ou de manière récursive par tout autre gabarit. Sélection multiple : /*Multiselect: Cette colonne (selon permissions) affiche une case à cocher permettant la sélection de plusieurs gabarits pour effectuer des actions simultanées (en séries). Actions en séries : /*Bulk Actions: A partir d'un menu déroulant avec des options (actuellement uniquement Supprimer) effectue des actions sur plusieurs gabarits en même temps. Soyez extrêmement prudent lorsque vous effectuez ces actions en série car cela pourrait affecter sévèrement le site Web. Éditer un gabarit /*Editing Templates La page édition du gabarit est un formulaire complexe qui permet la gestion de l'ensemble des attributs d'un gabarit. Par commodité, ce formulaire est divisé en plusieurs onglets. Ce formulaire utilise la fonctionnalité "dirtyform" pour réduire la perte accidentellement des données si les modifications sont non enregistrées. Les utilisateurs seront avertis avant de quitter cette page, si le gabarit n'a pas été enregistré. Ce formulaire verrouille le gabarit sélectionné afin que d'autres éditeurs autorisés n'aient pas la possibilité de modifier le gabarit en même temps. Cela empêche d'écraser accidentellement les modifications de l'utilisateur. Voici quelques-uns des attributs du gabarit qui peuvent être édité : Ce texte identifie le gabarit. Le système va générer une erreur lors de la sauvegarde du gabarit si le nom est déjà utilisé avec un autre gabarit. Gabarit contenu : /*Template Content: Cette zone de texte affiche le gabarit Smarty. Si un module éditeur de syntaxe colorée est installé et activé, et si l'utilisateur l'a activé dans "Mes préférences/mon compte/préférences utilisateur", il sera alors activé dans cette zone pour fournir des fonctionnalités avancées d'édition. Onglet Description : /*Description: Cette zone de texte prévoit la possibilité de décrire le but des gabarits, et aussi d'inclure des notes qui peuvent être utiles aux éditeurs dans l'avenir. Onglet Designs : /*Designs: Selon les niveaux de permissions, cet onglet permet d'associer le gabarit avec aucun ou plusieurs designs. Onglet Avancé : /*Advanced: Cet onglet affiche les champs qui permettent de spécifier son type, si il est le modèle par défaut pour le type et sa catégorie. Cet onglet est disponible uniquement avec les permissions appropriées. Onglet Permissions : Si le compte utilisateur est le propriétaire du gabarit, ou a si il a la permission "Modify Templates", cet onglet permet de changer le propriétaire du gabarit, et/ou de spécifier des éditeurs supplémentaires. Activer sur toutes les pages : /*Set All Pages: Les utilisateurs disposant de la permission "Modify Templates" verront un bouton qui permettra d'activer ce gabarit sur tous les contenus. Gestion des catégories /*Managing Categories La permission "Modify Templates" est nécessaire pour afficher cet onglet, et ses actions associées. L'onglet Catégories est une interface simple qui permet de créer, éditer, supprimer et réordonner les catégories. Les catégories peuvent être réorganisés par glisser-déposer dans l'ordre désiré. La modification d'une catégorie permet de spécifier une description pour cette catégorie. La description est utile pour information sur l'objet de la catégorie. Gestion des gabarits /*Managing Template Types La permission "Modify Templates" est nécessaire pour afficher cet onglet, et ses actions associées.. Les utilisateurs disposant de privilèges suffisants peuvent ajuster le gabarit prototype et la description pour chaque type de gabarit. Le gabarit prototype sera utilisé comme le contenu par défaut pour le gabarit lors de la création d'un nouveau gabarit de ce type. 3 sur 7 15/10/ :06

4 L'onglet Feuilles de style est disponible pour les utilisateurs disposant de la permission "Manage Stylesheets".Il affiche une liste de tous les styles correspondant au filtre actuel (si appliqué) dans un tableau, avec pagination. Chaque ligne du tableau représente une seule feuille de style. Les colonnes du tableau affiche des informations sommaires sur la feuille de style et offre une interaction possible les éléments de la ligne. Un menu déroulant "Option/Filtre" offre la possibilité de basculer entre les lignes des feuilles de style qui correspondent au filtre sélectionné, si plus d'une ligne feuilles de style correspondante est affichée. La boîte de dialogue de filtre permet de filtrer les feuilles de style affichées par un certain nombre de critères, ainsi que de changer le nombre de pages (Limite), et le tri des feuilles de style. Le menu "Option" offre la possibilité aussi de créer une nouvelle feuille de style (selon les permissions). Les colonnes /*Table Columns: Id : Cette colonne affiche l'identifiant numérique unique pour la feuille de style. En cliquant sur le lien de la ligne dans cette colonne, le feuille de style sera éditée. Survolant le texte du lien avec la souris, affichera une info-bulle avec des informations sur la feuille de style. Cette colonne affiche un texte du nom unique pour la feuille de style. En cliquant sur le lien de la ligne dans cette colonne, la feuille de style sera éditée. Survolant le texte du lien avec la souris, affichera une info-bulle avec des informations sur la feuille de style. Design : /*Design: Cette colonne le(s) design(s) auquel la feuille de style est associée (le cas échéant). Si la feuille de style est associée à plusieurs designs une info-bulle affiche une liste des premiers designs associés. Date de mise modification : /*Modified Date: Cette colonne affiche la date à laquelle la feuille de style a été modifiée. Actions : Selon les privilèges des utilisateurs, il y aura une ou plusieurs icônes affichées dans cette colonne pour effectuer diverses actions sur, ou avec la feuille de style : éditer - Affiche un formulaire pour modifier le contenu et les attributs de la feuille de style. Supprimer - Affiche un formulaire pour permettre la suppression de la feuille de style. Une confirmation supplémentaire sera nécessaire pour cette action. Sélection multiple : /*Multiselect: Cette colonne (selon permissions) affiche une case à cocher permettant la sélection de plusieurs feuilles de style pour effectuer des actions simultanées (en séries). Actions en séries : /*Bulk Actions: A partir d'un menu déroulant avec des options (actuellement uniquement Supprimer) effectue des actions sur plusieurs feuilles de style en même temps. Soyez extrêmement prudent lorsque vous effectuez ces actions en séries car cela pourrait affecter sévèrement le site Web. Édition des feuilles de style /*Editing Stylesheets La page édition du gabarit est un formulaire complexe qui permet la gestion de l'ensemble des attributs d'une feuille de style. Par commodité, ce formulaire est divisé en plusieurs onglets. Ce formulaire utilise la fonctionnalité "dirtyform" pour réduire la perte accidentellement des données si les modifications sont non enregistrées, et verrouille la feuilles de style sélectionnée afin que d'autres éditeurs autorisés n'aient pas la possibilité de modifier en même temps. Voici quelques-uns des attributs d'une feuille de style qui peuvent être édité : Ce texte identifie la feuille de style. Le système va générer une erreur lors de la sauvegarde de la feuille de style si le nom est déjà utilisé avec une autre feuille de style. Feuille de style contenu : /*Stylesheet Content: Cette zone de texte affiche le code CSS. Si un module de syntaxe surlignée supportant le CSS, est installé et activé, et si l'utilisateur l'a activé dans "Mes préférences/mon compte/préférences utilisateur", il sera alors activé dans cette zone pour fournir des fonctionnalités avancées d'édition. Onglet Type de média (Obsolète) : /*Media Types (deprecated): Cet onglet fournit de nombreuses cases à cocher vous permettant de sélectionner les types de médias à associer à la feuille de style. Il est préférable d'utiliser Media Query (requêtes de média) en remplacement, cette fonctionnalité sera supprimée à une date ultérieure. Onglet Media Query (requêtes de media) : /*Media Query: Cet onglet fournit une zone de texte où une requête de média peut être associée à la feuille de style. 4 sur 7 15/10/ :06

5 Onglet Description : Cette zone de texte prévoit la possibilité de décrire le but des feuilles de style, et d'inclure des notes qui peuvent être utiles aux éditeurs dans l'avenir. Onglet Designs : Selon les niveaux de permissions, cet onglet permet d'associer la feuille de style avec un ou plusieurs designs. Si de nouveaux designs sont détectées cette feuille de style sera placé à la fin de la liste pour ce design. Gestion des designs /*Managing Designs L'onglet "Designs" est disponible pour les utilisateurs disposant de la permission "Manage Designs". Il affiche une liste de tous les designs connues dans un tableau. Chaque ligne du tableau représente un design unique. Les colonnes du tableau affichent des informations sommaires sur le design et offre une interaction possible sur le design. Cet onglet ne permet pas le filtrage, la pagination, ou les actions en séries car le nombre de design pour le site Web doit être limité pour être gérable. Un menu déroulant "Option" offre la possibilité de créer un nouveau design, ou d'importer un design au format XML. Les colonnes /*Table Columns Id : Cette colonne affiche l'identifiant numérique unique pour le design. En cliquant sur le lien de la ligne dans cette colonne, le design sera édité. Cette colonne affiche un texte du nom unique pour le design. En cliquant sur le lien de la ligne dans cette colonne, le design sera édité. Défaut : /*Default: Cette colonne affiche une icône si le design a la valeur par défaut. Le design par défaut est sélectionné en premier lors de la création d'un nouvel élément de contenu de type "contenu de page" et peut être utilisé à d'autres fins. Seule un seul design peut-être a la valeur par défaut. Actions : Selon les privilèges des utilisateurs, il y aura une ou plusieurs icônes affichées dans cette colonne pour effectuer diverses actions sur, ou avec le design : Éditer - Affiche un formulaire pour modifier le contenu et les attributs du design. Exporter - Exporte le design en un fichier XML qui peut être importé dans d'autres sites. Supprimer - Affiche un formulaire pour permettre la suppression du design sélectionné. Une confirmation supplémentaire sera nécessaire pour cette action. Édition des designs /*Editing Designs: La page édition du design est un formulaire complexe qui permet la gestion de l'ensemble des attributs du design. Par commodité, ce formulaire est divisé en plusieurs onglets. Contrairement à l'édition des feuilles de style et gabarits, ce formulaire n'utilise pas les fonctionnalités "dirtyform" et verrouillage. Voici quelques-uns des attributs du design qui peuvent être édité : Ce texte identifie le design. Le système va générer une erreur lors de la sauvegarde du design si le nom est déjà utilisé avec un autre design. Gabarits /*Templates: Cet onglet permet de sélectionner les différents gabarits à associer au design. Quatre icône flèches sont présentes pour ajouter, ordonner des gabarits à la liste "Gabarits attaché". Actuellement cette liste de gabarit n'est pas significative. Onglet Feuilles de style /*Stylesheets: Cet onglet permet de sélectionner différents styles à associer au design. Quatre icône flèches sont présentes pour ajouter, ordonner des feuilles de style à la liste "Feuilles de style attachées". L'ordre des feuilles de style dans la liste ci-jointe détermine l'ordre dans lequel ils seront inclus dans le rendu des éléments de contenu de type "contenu de page". Onglet Description : Cette zone de texte prévoit la possibilité de décrire le but du design, et d'inclure des notes qui peuvent être utiles aux utilisateurs partageant ce design. Importer des designs /*Importing Designs Le module "Gestion du design" (Design Manager) est capable d'importer des thèmes XML qui ont été exportés à partir de CMSMS Design Manager, ou depuis un ancien gestionnaire de thème CMSMS. Il décompactera le fichier XML uploadé, en gabarits, feuilles de style et autres informations 5 sur 7 15/10/ :06

6 interférences sur les noms, etc.... Le processus d'importation est divisé en 2 étapes : Étape 1 : Uploader le fichier /*Step 1: Upload the file: Cette étape gère, l'upload quand l'utilisateur a sélectionné un fichier XML, et la validation de son contenu. Cette étape est liée aux limites PHP sur, les limites de taille fichier, les limites mémoire,et du temps de traitement. Vous devrez peut-être vérifier et augmenter ces limites pour les gros fichiers XML. Dès que le fichier XML est validé, il est copié vers un emplacement temporaire pour le traitement de l'étape 2. Étape 2 : Vérifications /*Step 2: Verification: La deuxième étape consiste à vérifier et à prévisualiser le nouveau design créé à partir du fichier XML. a cette étape, vous pouvez afficher et modifier différents aspects du design. Une confirmation sera nécessaire pour finaliser cette action. Deleting Designs Using Templates Options and Preferences Upgrade Notes Retour 6 sur 7 15/10/ :06