Ajout rapide d'un logo et de codes personnalisés CSS et JavaScript à vos fichiers de documentation HTML | HelpNDoc

Ajout rapide d'un logo et de codes personnalisés CSS et JavaScript à vos fichiers de documentation HTML

L'incroyable processus de création de sites web HTML réactifs de HelpNDoc peut être personnalisé pour ajouter un logo, du code CSS et JavaScript sur-mesure, des chaines de caractères traduites, etc... Voyons combien il est facile et rapide de produire une documentation HTML personnalisée avec HelpNDoc.

Ajout d'un logo personnalisé à la bibliothèque du projet

La bibliothèque comprend tous les éléments médias réutilisables (photos, films, documents...) du projet.

Pour ajouter l'image du logo désiré à la bibliothèque du projet, les étapes suivantes sont nécessaires :

  1. Depuis l'onglet "Accueil" du ruban de HelpNDoc, dans le groupe "Bibliothèque", cliquez sur "Ajouter un élément";
  2. Cliquez sur "Ajouter une image";
  3. Cliquez sur "Inclure un fichier" pour sélectionner le logo désiré sur votre disque dur, ou faites un glisser-déposer sur le panneau de prévisualisation depuis l'Explorateur Windows;
  4. Cliquez sur "OK".

Le logo fait maintenant partie de votre projet et est enregistré dans votre fichier projet HelpNDoc. Il peut être utilisé dans un des chapitres du projet, ainsi que dans les paramètres personnalisés de création.

Personnalisation des paramètres de création HTML

HelpNDoc peut générer de nombreuses versions de documentation à partir d'une seule source. Chaque version peut être spécifiquement personnalisée pour une entreprise, un produit, une cible démographique...

Définir les paramètres personnalisés de création d'une documentation est simple dans HelpNDoc :

  1. Dans l'onglet "Accueil" du ruban, cliquez sur la partie supérieure du bouton "Générer l'aide" pour afficher la boite de dialogue "Générer la documentation";
  2. Sélectionnez la construction à personnaliser dans la liste : "Construire la documentation HTML";
  3. Cliquez sur "Personnaliser" sur la droite, si les onglets de personnalisation ne sont pas encore visibles;
  4. Accédez à l'onglet "Paramètres de modèle".

Après cela, le champ CSS personnalisé peut être utilisé pour ajouter un code CSS spécifique et le champ JavaScript personnalisé pour un code JavaScript spécifique, afin de personnaliser l'apparence et le comportement du site de documentation généré.
Pour définir un logo personnalisé, veuillez sélectionner l'image nouvellement incluse via le champ Logo. Le champ Lien du logo permet également d'indiquer l'URL du lien lorsque l'utilisateur clique sur le logo.
Divers autres paramètres du modèle sont disponibles pour chaque construction, comme les champs pour traduire votre documentation dans d'autres langues.

Il est ainsi rapide et facile de personnaliser votre site web de documentation HTML généré : en ajoutant rapidement un logo, du code personnalisé CSS ou JavaScript, des chaines de caractère traduites... Vous pouvez être certains de produire le plus agréable et utile site web de documentation pour vos utilisateurs. Si vous ne l'avez pas encore fait, nous vous encourageons à télécharger votre version gratuite de HelpNDoc pour essayer ce puissant outil de création d'aide.