|
Ajouter des barres de progression Bootstrap à votre site Weebly est un jeu d'enfant ! Voici un guide étape par étape pour vous aider à démarrer :
Étape 1 :Créer une nouvelle page
- Connectez-vous à votre compte Weebly et ouvrez le site auquel vous souhaitez ajouter la barre de progression.
- Cliquez sur le bouton "+Ajouter" et sélectionnez "Nouvelle page".
- Choisissez le modèle que vous préférez parmi les options disponibles.
Étape 2 :Ajouter l'élément de barre de progression
- Sur le côté gauche de votre éditeur Weebly, cliquez sur l'onglet "Éléments".
- Faites défiler jusqu'à la section « Médias » et sélectionnez « Barre de progression ».
- Faites glisser et déposez l'élément de la barre de progression à l'emplacement souhaité sur votre page.
Étape 3 :Personnaliser la barre de progression
- Cliquez sur l'élément de barre de progression pour faire apparaître le panneau de personnalisation sur le côté droit.
- Vous pouvez ajuster divers paramètres tels que le pourcentage de progression, la couleur, la hauteur et les variations rayées ou animées.
- N'hésitez pas à jouer avec ces paramètres jusqu'à ce que vous soyez satisfait de l'apparence de votre barre de progression.
Étape 4 :Ajoutez votre contenu
- L'élément barre de progression comporte deux zones de texte :une pour l'étiquette de progression et l'autre pour la valeur de progression.
- Saisissez le texte souhaité dans les deux champs pour fournir des informations contextuelles sur la progression affichée.
Étape 5 :Enregistrer et publier
- Une fois que vous êtes satisfait de l'apparence de votre barre de progression, cliquez sur le bouton "Terminé" pour appliquer les modifications.
- Prévisualisez la page pour vous assurer que tout se présente comme prévu.
- Lorsque vous êtes prêt, cliquez sur le bouton « Publier » dans le coin supérieur droit pour appliquer les modifications en direct sur votre site Weebly.
C'est ça! Vous avez ajouté avec succès une barre de progression Bootstrap à votre site Web Weebly. Vous pouvez désormais utiliser cet élément visuel dynamique pour afficher la progression, les mises à jour de statut ou toute autre information que vous souhaitez communiquer de manière attrayante.
|
