Plans prenant en charge cette fonctionnalité : Professional Business Enterprise
L’alignement des images vous aide à garder votre image dans la zone prévue, soit à gauche, à droite ou au centre, et à la modifier pour optimiser l’expérience du site pour l’utilisateur. Cela vous aide également à maintenir les proportions image et contenu lorsque vous redimensionnez le contenu sur votre Knowledge base site.
Par défaut, les images sur votre Knowledge base site sont alignées vers la gauche.
Images centrées dans votre base de connaissances Document360
Pour aligner les images de façon centralisée à l’aide de CSS personnalisé, suivez les étapes ci-dessous :
Naviguez dans () > Knowledge base site dans la barre de navigation de gauche du Knowledge base portal.
Dans le panneau de navigation de gauche, naviguez vers Site customization.
La page contient toutes les configurations de base de conception du site.
Sur la page Site customization , cliquez sur CSS & JavaScript personnalisés.
Dans le menu déroulant de gauche, sélectionnez CSS personnalisé / JavaScript.
Cliquez sur Ajouter des extraits de code en haut à droite de l’espace de code, et un panneau apparaît, préchargé avec sept extraits que vous pouvez utiliser pour personnaliser votre Knowledge base site.
Cliquez sur Centrer pour aligner les images dans les articles, et le extrait sera ajouté à votre bloc de code CSS personnalisé.
Cliquez sur Enregistrer.
Par exemple,
.content_block .content_container .content_block_text img{
margin: 0 auto;
display: block;
}article img {
margin: 0 auto !important;
display: block;
}L’image sera désormais centrée dans le cadre de votre Knowledge base site.
Alignement des images
1. Aligner l’image à gauche
.content_block .content_container .content_block_text img {
margin: 0px 0 0;
display: block;
}article img {
margin: auto 0 0 0 !important;
display: block;
}2. Aligner l’image correctement
.content_block .content_container .content_block_text img {
display: block;
margin: 0 0 0 auto;
}article img {
margin: 0 0 0 auto !important;
display: block;
}Supprimer/effacer un extrait de code ajouté précédemment
Pour supprimer l’extrait de code ajouté précédemment, sélectionnez l’extrait prévu et appuyez sur Suppr .
NOTE
Avant d’ajouter un nouvel extrait d’alignement, n’oubliez pas d’effacer celui ajouté précédemment.
L’alignement de l’image qui est défini sera appliqué à l’ensemble de la base de connaissances.
Redimensionnement des images sur le site de la base de connaissances
Pour maintenir les proportions du texte et de l’image lorsque vous zoomez (agrandissez) ou dézoomez (minimisez) sur votre site de base de connaissances,
Naviguez vers () > Knowledge base site dans la barre de navigation de gauche du Knowledge base portal.
Dans le panneau de navigation de gauche, naviguez vers Site customization.
La page contient toutes les configurations de base de conception du site.
Sur la page Site customization , cliquez sur CSS & JavaScript personnalisés.
Dans le menu déroulant de gauche, sélectionnez CSS personnalisé / JavaScript.
Dans le volet de gauche, cliquez sur CSS et collez le extrait CSS suivant dans l’espace de code :
.content_block .content_container .content_block_text img {
height: auto !important;
}article img {
height: auto !important;
}Cliquez sur Enregistrer en haut à droite.
