Das Hinzufügen von Bootstrap-Fortschrittsbalken zu Ihrer Weebly-Site ist ein Kinderspiel! Hier ist eine Schritt-für-Schritt-Anleitung für den Einstieg:
Schritt 1:Erstellen Sie eine neue Seite
- Melden Sie sich bei Ihrem Weebly-Konto an und öffnen Sie die Website, zu der Sie den Fortschrittsbalken hinzufügen möchten.
- Klicken Sie auf die Schaltfläche „+Hinzufügen“ und wählen Sie „Neue Seite“.
- Wählen Sie aus den verfügbaren Optionen die Vorlage aus, die Sie bevorzugen.
Schritt 2:Fügen Sie das Fortschrittsbalkenelement hinzu
- Klicken Sie auf der linken Seite Ihres Weebly-Editors auf die Registerkarte „Elemente“.
- Scrollen Sie nach unten zum Abschnitt „Medien“ und wählen Sie „Fortschrittsbalken“.
- Ziehen Sie das Fortschrittsbalkenelement per Drag &Drop an die gewünschte Stelle auf Ihrer Seite.
Schritt 3:Passen Sie den Fortschrittsbalken an
- Klicken Sie auf das Fortschrittsbalkenelement, um das Anpassungsfenster auf der rechten Seite aufzurufen.
- Sie können verschiedene Einstellungen wie Fortschrittsprozentsatz, Farbe, Höhe sowie gestreifte oder animierte Variationen anpassen.
- Spielen Sie mit diesen Einstellungen herum, bis Sie mit dem Erscheinungsbild Ihres Fortschrittsbalkens zufrieden sind.
Schritt 4:Fügen Sie Ihren Inhalt hinzu
- Das Fortschrittsbalkenelement verfügt über zwei Textbereiche:einen für die Fortschrittsbezeichnung und einen für den Fortschrittswert.
- Geben Sie den gewünschten Text für beide Felder ein, um kontextbezogene Informationen zum angezeigten Fortschritt bereitzustellen.
Schritt 5:Speichern und veröffentlichen
- Wenn Sie mit dem Aussehen Ihres Fortschrittsbalkens zufrieden sind, klicken Sie auf die Schaltfläche „Fertig“, um die Änderungen zu übernehmen.
- Zeigen Sie eine Vorschau der Seite an, um sicherzustellen, dass alles wie erwartet aussieht.
- Wenn Sie fertig sind, klicken Sie oben rechts auf die Schaltfläche „Veröffentlichen“, um die Änderungen auf Ihrer Weebly-Site live zu übertragen.
Das ist es! Sie haben Ihrer Weebly-Website erfolgreich einen Bootstrap-Fortschrittsbalken hinzugefügt. Jetzt können Sie dieses dynamische visuelle Element verwenden, um Fortschritte, Statusaktualisierungen oder andere Informationen, die Sie auf ansprechende Weise kommunizieren möchten, anzuzeigen.
