Le bloc Accordéon est une solution graphique pratique pour un site web sous forme de liste de notes textuelles avec des éléments déroulants :
« Accordéon » est assez simple à intégrer sur un site web et à personnaliser selon vos besoins : il peut parfaitement s'adapter à toutes les demandes nécessaires.
Comment ajouter et configurer « Accordéon » ?
Pour ajouter un élément à votre site, accédez aux paramètres du site et cliquez sur le plus pour ouvrir le menu avec les sections disponibles dans Mavibot.
Ensuite, dans le menu des sections qui s'ouvre, trouvez le bloc « Accordéon ».
Ensuite, vous verrez un bloc ajouté vide, dans lequel vous devez configurer le contenu sous forme de cartes et le type des cartes d'accordéon elles-mêmes :
Paramètres de contenu
Tout d'abord, nous allons ajouter des cartes de contenu, pour lesquelles vous devez cliquer sur le bouton « Contenu », puis ajouter la carte elle-même, qui contiendra le titre et, par conséquent, le texte :
Une carte vide a été ajoutée à votre contenu, où vous pouvez ajouter un texte de question, une image et un texte de réponse :
L'élément texte du bloc a des paramètres similaires à ceux de tout éditeur de texte : paramètres de gras, d'italique, de soulignement, de hauteur de police et de contour de police, de couleur, etc.
Pour appliquer ses paramètres à un texte, sélectionnez la partie requise du texte et choisissez les paramètres de texte
Ensuite, téléchargez une image, si nécessaire, et ajoutez un texte explicatif - la réponse à la question :
Vous pouvez ajouter le nombre requis de cartes de contenu.
Personnalisation du contenu
Après avoir ajouté le nombre requis de cartes de contenu, accédez aux paramètres de contenu :
Ensuite, vous pouvez sélectionner une case à cocher pour que la première carte d'accordéon ou une seule des cartes soit ouverte.
Sélectionnez le paramètre de marge verticale entre les questions dans le bloc :
Vous pouvez également arrondir les coins des cartes à l'aide de ce champ, qui n'accepte que des valeurs numériques :
L'élément texte (ainsi que le bouton) dans la carte est toujours centré par rapport aux bords supérieur et inférieur. Pour sélectionner la distance requise, saisissez une valeur numérique dans le champ « Remplissage interne en haut et en bas » :
De plus, tout le contenu de la carte (y compris le texte et le bouton pour développer le texte de réponse) est centré par rapport aux bords droit et gauche. Pour ajuster le remplissage à gauche et à droite, utilisez le champ « Remplissage interne à gauche et à droite » :
Pour sélectionner la taille de l'icône qui ouvre le texte de réponse, utilisez simplement ce champ « Largeur de l'icône », qui accepte également une valeur exclusivement numérique :
Si l'image à l'intérieur de la carte est trop grande, vous pouvez sélectionner sa largeur en spécifiant la valeur requise dans le champ « Largeur de l'image » :
Ensuite, sélectionnez une palette de couleurs pour chaque élément de votre accordéon : texte, fond de carte, icône, etc. :
Maintenant, vous savez comment installer le bloc « Accordéon » sur votre site web et personnaliser le contenu à l'intérieur du bloc.
Personnalisation du bloc (section) : police, fond et paramètres d'affichage
Pour personnaliser le bloc « Accordéon », vous aurez besoin des paramètres universels de section (blocs), qui incluent les paramètres de police, de fond et d'affichage.
Les paramètres de la section (bloc), à savoir les polices, le fond et l'affichage, sont les mêmes pour tous les blocs.
En savoir plus sur les paramètres universels des sections (blocs) du site dans l'article