Découvrez comment vous pouvez utiliser un habillage dans RoboHelp afin de rapidement personnaliser la mise en page de votre sortie.

Qu’est-ce qu’un habillage ?

Un habillage dans RoboHelp vous permet de modifier et personnaliser l’aspect et la fonctionnalité de votre système d’aide avant sa publication. Vous pouvez personnaliser un habillage en modifiant les couleurs, les boutons, les caractères, les icônes, les logos et l’arrière-plan de votre sortie. Que vous souhaitiez publier une sortie en HTML5 réactif ou sans cadre, RoboHelp fournit plusieurs habillages prédéfinis dans le panneau Habillages de la fenêtre de publication. Vous pouvez appliquer l’un des habillages prédéfinis tel quel ou le modifier pour obtenir la mise en page de sortie que vous souhaitez.

new-skin-editor_2003

Ajout d’un habillage

Vous pouvez ajouter un habillage au format HTML5 réactif ou sans cadre. Pour ajouter un habillage, procédez comme suit :

  1. Cliquez sur l’onglet Sortie à gauche de la barre d’outils standard. La vue Sortie s’ouvre.

  2. Dans la barre d’outils Sortie, cliquez sur l’icône Habillages .

  3. Dans le panneau Habillages, cliquez sur Nouvel habillage . Dans le menu déroulant, cliquez sur l’une des options suivantes :

    • Nouvel habillage sans cadre Pour ajouter un habillage sans cadre. La boîte de dialogue Nouvel habillage sans cadre s'ouvre.
    • Nouvel habillage HTML5 pour ajouter un habillage Responsive HTML5. La boîte de dialogue Nouvel habillage Responsive HTML5 s’ouvre.
  4. Dans la boîte de dialogue Nouvel habillage sans cadre ou Nouvel habillage HTML5 réactif, sélectionnez un modèle prédéfini dans la section Modèles. Vous pouvez afficher un aperçu du modèle sélectionné dans la zone Aperçu.

  5. Dans le champ Nom, modifiez le nom par défaut du modèle prédéfini, le cas échéant.

  6. Cliquez sur Terminé.

    Le nouvel habillage est ajouté dans le panneau Habillages et classé dans l’ordre alphabétique des noms d’habillage. RoboHelp ouvre également l’éditeur d’habillage comme onglet.

Modification d’un habillage

Vous pouvez facilement personnaliser un habillage pour l’adapter à vos besoins. Pour modifier un habillage, procédez comme suit :

  1. Cliquez sur l’onglet Sortie à gauche de la barre d’outils standard. La vue Sortie s’ouvre.

  2. Dans la barre d’outils Sortie, cliquez sur l’icône Habillages .

  3. Dans le panneau Habillages, choisissez Options () > Modifier sur l’habillage que vous souhaitez personnaliser. 

    RoboHelp ouvre l’éditeur d’habillage comme onglet. L'éditeur d'habillage comprend un aperçu d'habillage instantané du côté droit et le panneau Disposition du côté gauche.

    Dans un habillage HTML5 réactif ou sans cadre, une barre d'outils située au-dessus de l'éditeur d'habillage vous permet d'effectuer les opérations suivantes :

    • Icône de bureau (Mise en page par défaut) Affiche votre contenu en vue bureau. 
    • Icône de téléphone Affiche votre contenu en vue téléphone. 
    • Icône de tablette (Non disponible en Sans cadre) affiche le contenu dans la vue tablette.
    • Icône d’activation/désactivation de la surbrillance Permet d’activer/de désactiver la surbrillance des composants d’habillage de l’éditeur d’habillage.

    Les composants et les paramètres d’habillage varient en fonction du type de vue de l’habillage sélectionné (bureau, téléphone ou tablette).

  4. Dans le panneau Disposition, cliquez sur un composant d'habillage sur la gauche pour définir vos préférences pour ce composant.

    Lorsque vous cliquez sur un composant d’habillage, RoboHelp affiche ses paramètres actuels et met en surbrillance le composant dans l’onglet d’aperçu de la sortie. Par exemple, en HTML5 réactif, un clic sur Filtre permet d'afficher ses paramètres actuels et de mettre en surbrillance l'icône et la zone Filtre dans l'onglet d'aperçu de la sortie.

  5. Dans habillage Sans cadre, sur la page d'accueil ou sur le panneau page de rubrique, cliquez sur une section de menu déroulant et sélectionnez un composant pour définir ses propriétés de formatage (police, alignement, bordure, disposition et arrière-plan) sur le panneau de droite. 

  6. Spécifiez les paramètres préférés pour chaque composant d’habillage au besoin et cliquez sur l’icône Enregistrer dans la barre d’outils standard de la fenêtre de publication.

    RoboHelp applique les nouveaux paramètres d’habillage de votre contenu et les affiche dans l’onglet d’aperçu de la sortie.

Modification du nom d'un habillage

Vous pouvez renommer tous les habillages de votre projet.

  1. Cliquez sur l’onglet Sortie à gauche de la barre d’outils standard. La vue Sortie s’ouvre.

  2. Dans la barre d’outils Sortie, cliquez sur l’icône Habillages . Les habillages de votre projet sont affichés.

  3. Dans le panneau Habillages, en regard de l'habillage que vous voulez renommer, sélectionnez Options () > Renommer, ou bien, appuyez sur F2.

  4. Dans la boîte de dialogue Renommer l'habillage, tapez un nouveau nom pour l'habillage, puis cliquez sur Terminé.L'habillage est renommé.

    L'habillage renommé est placé dans l'ordre alphabétique dans le panneau Habillages.

Remarque :

Le nouveau nom de l'habillage est automatiquement reflété dans tous les Paramètres prédéfinis de sortie, qui utilisent l'habillage.

Mise à niveau d'un habillage

Lorsque vous mettez à niveau les projets RoboHelp Classic, RoboHelp met automatiquement à niveau tous les habillages Responsive HTML5. Si vous avez personnalisé des habillages en dehors de l'éditeur d'habillage RoboHelp Classic, utilisez le composant Disposition dans le panneau Disposition de RoboHelp 2019 pour ajouter un fichier JavaScript ou CSS personnalisé.

Pour ajouter un fichier JavaScript/CSS personnalisé, procédez comme suit :

  1. Cliquez sur l’onglet Sortie à gauche de la barre d’outils standard. La vue Sortie s’ouvre.

  2. Dans la barre d’outils Sortie, cliquez sur l’icône Habillages .

  3. Dans le panneau Habillages, choisissez Options () > Modifier sur l’habillage que vous souhaitez personnaliser. 

  4. Dans le panneau Disposition sur le côté gauche de l'éditeur d'habillage, cliquez sur le composant Disposition.

  5. Dans la section déroulante Ressources de l’utilisateur, cliquez sur Ajouter une ressource

  6. Dans la boîte de dialogue Ouvrir, accédez à la sélection du fichier JavaScript/CSS, puis cliquez sur Ouvrir.

    Le fichier est ajouté à la section déroulante Ressources de l’utilisateur. Vous pouvez ajouter plusieurs fichiers de ce type.

  7. Cliquez sur en regard d’un fichier et utilisez la fonction glisser-déposer pour en modifier l’ordre dans une liste de fichiers. 

    Cliquez sur  pour supprimer un fichier.

Importation d’un habillage

Pour importer un habillage, procédez comme suit :

  1. Cliquez sur l’onglet Sortie à gauche de la barre d’outils standard. La vue Sortie s’ouvre.

  2. Dans la barre d’outils Sortie, cliquez sur l’icône Habillages .

  3. Dans le panneau Habillages, choisissez Nouvel habillage () > Importer

  4. Dans la boîte de dialogue Importer l'habillage, cliquez sur  pour accéder à l'habillage (fichier .skz ou .slz) que vous souhaitez importer, puis cliquez sur Ouvrir. L'habillage sélectionné s'affiche dans le champ Fichier d'habillage. Cliquez sur Terminé pour importer l'habillage.

    L’habillage sélectionné est ajouté dans le panneau Habillages et classé dans l’ordre alphabétique des noms d’habillages.

    Remarque :

    • Si vous importez un fichier .slz , qui est un fichier RoboHelp classique, il est automatiquement mis à niveau. Pour plus d’informations, consultez Mise à niveau d’un habillage.
    • Si vous importez un habillage indigo et que vous souhaitez utiliser le format de disposition RoboHelp Classic, sélectionnez le champ Continuer à utiliser une disposition plus ancienne pour l'habillage dans la boîte de dialogue Importer un habillage

Exportation d’un habillage

Pour exporter un habillage, procédez comme suit :

  1. Cliquez sur l’onglet Sortie à gauche de la barre d’outils standard. La vue Sortie s’ouvre.

  2. Dans la barre d’outils Sortie, cliquez sur l’icône Habillages .

  3. Dans le panneau Habillages, choisissez Options () > Exporter sur l’habillage que vous souhaitez exporter. 

  4. Dans la boîte de dialogue de téléchargement, le dossier Téléchargements de votre ordinateur est l’emplacement par défaut pour l’exportation d’un habillage. Vous pouvez accéder à l’emplacement de votre choix, puis cliquez sur Enregistrer.

    L’habillage est enregistré à l’emplacement sélectionné.

Suppression d’un habillage

Pour exporter un habillage, procédez comme suit :

  1. Cliquez sur l’onglet Sortie à gauche de la barre d’outils standard. La vue Sortie s’ouvre.

  2. Dans la barre d’outils Sortie, cliquez sur l’icône Habillages .

  3. Dans le panneau Habillages, choisissez Options () > Supprimer sur l’habillage que vous souhaitez supprimer. 

  4. Dans la boîte de dialogue Confirmer, cliquez sur Oui pour confirmer la suppression.

    L’habillage est supprimé.

Recherche d’un fichier d’habillage sur votre ordinateur

Pour afficher l’emplacement d’un fichier d’habillage sur votre ordinateur, procédez comme suit :

  1. Cliquez sur l’onglet Sortie à gauche de la barre d’outils standard. La vue Sortie s’ouvre.

  2. Dans la barre d’outils Sortie, cliquez sur l’icône Habillages .

  3. Dans le panneau Habillages, choisissez Options () > Afficher dans l’explorateur en regard de l’habillage que vous souhaitez rechercher. 

    Windows Explorer s’ouvre pour afficher le fichier d’habillage et son emplacement.