Connaissance Modèles HTML

Modèles HTML de base de connaissances modifiables

Les modèles HTML de base de connaissances sont des sites complets de centre d'aide et de documentation, fournis sous forme de fichiers modifiables. La structure des pages est similaire à celle de tout autre site : page d'accueil, listes de catégories, pages d'articles et formulaire de contact. La personnalisation est la seule différence, car tout se situe dans le code source, où un développeur modifie directement le balisage, les classes et l'ordre des blocs.

Contenu du téléchargement

Les packs varient, mais la plupart contiennent bien plus que quelques pages :

1. Modèles d'articles et de catégories à copier pour chaque nouvelle entrée ;

2. Éléments de navigation : fil d'Ariane, barre latérale et table des matières ;

3. Éléments interactifs : champ de recherche, FAQ accordéon ou sections à onglets ;

4. Formulaire de contact ou de ticket personnalisable.

La première étape consiste à vérifier quels éléments sont déjà présents. Un champ de recherche et un accordéon dépendent de scripts fournis avec le modèle. Un package sans ces scripts vous laisse le soin de développer ce comportement.

Créer un article supplémentaire sans tout recommencer

Ajouter une entrée à un modèle existant se déroule généralement comme suit :

1. Copiez le fichier de l’article et remplacez le titre, le corps du texte et les liens ;

2. Ajoutez l’entrée à sa catégorie et à l’arborescence de navigation ;

3. Vérifiez que le fil d’Ariane et les liens associés pointent correctement.

Cette procédure reste courte tant que le modèle est respecté. Lorsque chaque procédure conserve son titre, ses étapes et ses liens associés dans le même ordre, un éditeur ouvre un fichier et sait où chercher. Il est utile d’examiner la structure des titres qui suivent le contenu, les listes pour les procédures et les liens vers les entrées associées dans la démo, car c’est cette organisation que vous héritez sur chaque page copiée.

Écrans étroits et contenu de référence dense

Les articles de référence contiennent de longs paragraphes, des termes liés et des captures d’écran. Les tableaux et les exemples de code posent problème car ils ne se réduisent pas correctement et nécessitent généralement leur propre zone de défilement.

Les modes responsifs de Nicepage (https://nicepage.com/doc/1125/responsive-modes) couvrent un large éventail d'affichages, du grand écran d'ordinateur au smartphone en mode portrait. Ouvrez une page d'article avec sa barre latérale et son champ de recherche dans ces modes, car ces éléments se chargent en premier.

Avant de valider vos modifications, examinez trois points dans la démo : l'ensemble de pages obtenu, l'organisation du code source une fois un fichier ouvert et le comportement d'un article sur un téléphone. Un package qui réussit ces trois tests vous permet de rédiger la documentation au lieu de devoir reconstruire l'interface.