Vous pouvez insérer des images dans le corps des articles de la base de connaissances de votre centre d’aide et les blocs de contenu. Quand vous insérez des images, elles sont ajoutées à la médiathèque. Les images volumineuses sont automatiquement redimensionnées pour s’adapter à la largeur de l’article.
Quand vous copiez une image à partir d’un document Google ou Microsoft Word (365) et la collez dans le corps de votre article, l’image est automatiquement chargée dans la médiathèque et insérée dans votre article. Consultez Utilisation des images dans la médiathèque.
Cet article contient les sections suivantes :
Insertion d’images dans les articles
Vous pouvez insérer des images dans les articles en utilisant la procédure suivante. Au lieu d’insérer directement les images dans vos articles, vous pouvez les héberger sur un serveur de fichiers publics et créer des liens vers ces images.
Pour insérer une image dans un article
- Dans votre centre d’aide ou Guide Admin, créez un nouvel article ou modifiez un article existant.
- Placez le curseur à l’endroit où vous souhaitez mettre l’image.
- Cliquez sur l’icône Insérer une image (
) dans la barre d’outils de l’article. Vous pouvez aussi faire glisser l’image et la déposer dans l’article. Dans les deux cas, la médiathèque s’ouvre. - Dans la médiathèque, choisissez les images à insérer ou cliquez sur Télécharger le média si vous voulez ajouter une nouvelle image à la médiathèque. Vous pouvez aussi faire glisser l’image et la déposer dans la médiathèque. La taille maximale du fichier d’image est 20 Mo.Remarque – Vous pouvez filtrer les images affichées en cliquant sur les options du menu sur la gauche. Pour en savoir plus sur la médiathèque, consultez Utilisation des images dans la médiathèque.
- Cliquez sur Insérer un média.
Les images que vous avez sélectionnées apparaissent dans votre article.
Les images sont automatiquement redimensionnées pour s’adapter à la largeur de l’article. Nous vous conseillons de redimensionner les images de plus de 1 600 pixels de large manuellement avant de les insérer, car le redimensionnement automatique risque de déformer l’image dans l’article publié. Nous vous conseillons aussi de redimensionner les images manuellement si vous utilisez le Web Widget pour être sûr qu’elles s’affichent correctement (consultez Optimisation des images pour le Web Widget ci-dessous).
- Cliquez sur Enregistrer.
Insertion d’images dans les blocs de contenu (éditions Enterprise uniquement)
Les blocs de contenu vous permettent de créer du contenu que vous pouvez partager entre plusieurs articles. Vous pouvez insérer des images dans les blocs de contenu plus ou moins comme vous le faites dans les articles du centre d’aide. Vous pouvez ajouter jusqu’à 50 images par bloc de contenu.
Pour insérer des images dans les blocs de contenu
- Dans le centre d’aide ou Guide Admin, créez un nouveau bloc de contenu ou modifiez-en un existant.
- Dans le bloc de contenu, placez le curseur à l’endroit où vous souhaitez mettre l’image.
- Cliquez sur l’icône Ajouter une image () dans la barre d’outils du bloc de contenu.
Vous pouvez aussi faire glisser l’image et la déposer dans le bloc de contenu.
- Dans la médiathèque, choisissez les images à charger ou cliquez sur Télécharger le média si vous voulez ajouter une nouvelle image à la médiathèque. Dans les deux cas, la médiathèque s’ouvre.Vous pouvez aussi faire glisser l’image et la déposer dans la médiathèque. La taille maximale du fichier d’image est 20 Mo.Remarque – Vous pouvez filtrer les images affichées en cliquant sur les options du menu sur la gauche. Pour en savoir plus sur la médiathèque, consultez Utilisation des images dans la médiathèque.
- Cliquez sur Insérer un média.
Les images que vous avez sélectionnées apparaissent dans votre bloc de contenu.
Cliquez sur l’image pour afficher une barre d’outils dans laquelle vous pouvez sélectionner des options d’habillage du texte, d’alignement de l’image et de taille d’affichage de l’image. Vous pouvez aussi cliquer sur ALT dans la barre d’outils pour saisir du texte conçu pour améliorer l’accessibilité de votre article. Pour redimensionner l’image manuellement, cliquez sur un coin et étirez ou réduisez l’image.
- S’il s’agit d’un nouveau bloc de contenu, cliquez sur Créer. Si vous mettez un bloc de contenu existant à jour, cliquez sur Mettre à jour.
Optimisation des images du centre d’aide pour le Web Widget
Pour vous assurer que les images de vos articles du centre d’aide s’affichent correctement dans le Web Widget de messagerie et le Web Widget (Classique), il est important qu’elles soient ajoutées à l’article à la bonne taille.
Quand les articles du centre d’aide sont convertis pour consultation dans les widgets, les attributs des images des articles sont supprimés dans les balises HTML (à l’exception des balises src et alt), et les règles CSS personnalisées sont ignorées. Pour la plupart des images, cela ne pose pas de problème. Cependant, si les images d’origine sont très volumineuses ou considérablement redimensionnées dans HTML ou CSS personnalisé, elles risquent de sembler démesurées.
Supposons par exemple que vous vouliez afficher une icône dans un article de votre centre d’aide. La taille d’origine de l’icône est 300 x 300 pixels. Pour l’afficher dans une taille plus raisonnable, le code HTML est modifié en ajoutant les attributs width=“6%”height=“6%”.
Dans l’article du centre d’aide, l’icône fait 18 x 18 pixels, soit 6 % de la taille réelle de l’image. Quand l’article est traité pour le widget et quand les attributs width et height sont supprimés, l’image reprend sa taille d’origine et même après avoir été réduite pour rentrer dans le Web Widget, elle reste trop grande pour une icône.
Pour éviter ce problème, il suffit de redimensionner l’image d’origine, plutôt que de manipuler sa taille dans votre code.
0 commentaire