Configuration des colonnes
You are here:
- KB Home
- Configuration des colonnes
Estimated reading time: 3 min
Avant que vous n’ajoutiez un élément à vos colonnes, elles ne contiennent que deux outils. La clé à molette et le X. Le X sert à effacer la colonne, les colonnes restantes s’adaptent alors à la rangée.
Clé à molette : Permets plusieurs configurations.
Paramètres de colonne :
Style
- Largeur de colonne: Indiquez en pourcentage la largeur voulue
- Égalisation de la hauteur des colonnes : “Oui” donnera une présentation uniforme de vos colonnes, “Non” affichera des colonnes ajustées à la hauteur de leur contenu respectif.
Texte
- Couleur : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. Tout le texte de la colonne utilisera la couleur choisie. Si vous ne choisissez pas de couleur, le texte sera de la couleur définie par le thème choisi.
- Couleur de lien : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. Tous les liens de la colonne utiliseront la couleur choisie.
- Couleur lors de survol de lien : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. Tous les liens de la colonne utiliseront la couleur choisie lorsque l’on passera au-dessus avec le curseur.
- Couleur de l’en-tête : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. Certains éléments ont des titres, si vous choisissez une couleur, les titres auront cette couleur, mais le reste du texte conservera la couleur choisie précédemment.
Arrière-Plan
- Aucun : Le fond de la colonne sera de la couleur définie par le thème
- Couleur : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. Ensuite, vous pouvez choisir l’opacité de la couleur.
- Photo : Choisissez la photo que vous désirez mettre, à partir de votre bibliothèque ou d’une nouvelle image choisie sur votre ordinateur.
Configurez les différents points :Répéter : Répétition s’applique à la façon dont l’image doit s’afficher à l’arrière-plan. La sélection “Aucune” affichera l’image téléchargée telle quelle. “Mosaïque” répétera l’image autant de fois que nécessaire afin de remplir la colonne horizontalement et verticalement. Vous pouvez également spécifier que l’image ne se répète qu’horizontalement ou verticalement.
Position : Définis l’emplacement de la photo mise en arrière-plan. Choisissez l’emplacement qui convient le mieux à votre image.
Fixation : Fixation spécifiera comment l’image réagit quand on déroule la page. Quand “Dérouler” est sélectionné, l’image déroule lorsque la page déroule. C’est le réglage par défaut. “Fixe” permettra à l’image de dérouler à l’intérieur de l’arrière-plan de la colonne si “Remplissage” est sélectionné dans le réglage de la mise à l’échelle.
Mise à l’échelle : Aucune, Ajustement ou Remplissage
Vous pouvez aussi ajouter une couleur de superposition avec une transparence pour créer un filtre de couleur.
Bordure : Permets d’ajouter un contour à votre colonne. Cela permet d’attirer l’attention sur un point ou de délimiter certains contenus.
Configurez les différents points :
- Type : Aucune, Continue, Tirets, Pointillée, Double
Couleur : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”.
Opacité : Choisissez l’opacité, si votre fond n’est pas blanc, vous le verrez au travers de la bordure selon l’opacité choisie.
Épaisseur : Du haut, du bas, de gauche, de droite, les quatre côtés sont configurables indépendamment l’un de l’autre.
N’oubliez surtout pas de sauvegarder vos changements.
Avancé
- Marges: Du haut, du bas, de gauche, de droite, les quatre côtés sont configurables indépendamment l’un de l’autre.
Extérieures : L’ajustement des marges extérieures permet de créer des espaces entre les différentes colonnes et de modifier la largeur d’affichage indépendamment des configurations du thème.
Intérieures : L’ajustement des marges intérieures permet de créer un espace entre les limites des colonnes et ses éléments. - Présentation adaptative
La présentation adaptative permet de contrôler l’affichage d’une colonne selon le type d’appareil à partir duquel on accède au site. Dans les colonnes, vous pouvez aussi définir la largeur des appareils mobiles indépendamment des paramètres du thème. - Sélecteur CSS
Permets d’associer la colonne à un code CSS spécifique. Configurer l’ID ou la Classe selon votre besoin.
N’oubliez surtout pas de sauvegarder vos changements.