Springe zum Hauptinhalt

So erstellen Sie einen Verlaufsbalken in Elementor

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Müssen Sie in Elementor einen Verlaufsverlaufsbalken erstellen?

Elementor hat ein Fortschrittsbalken-Widget nativ, die Sie verwenden können, um der von Ihnen erstellten Seite oder Vorlage Dinge wie den Kenntnisstand oder den Fortschritt von etwas hinzuzufügen.

Wenn Sie dieses Widget verwenden, können Sie sein Aussehen anpassen, indem Sie die Farbe und Typografie des Textes ändern. Mit diesem Widget können Sie nur eine Volltonfarbe für die Leiste verwenden.

Aber ist es möglich, einen Fortschrittsbalken mit einer Verlaufsfarbe zu erstellen?

Wenn Sie über einige CSS-Kenntnisse verfügen, können Sie die Pro-Version von Elementor verwenden und benutzerdefiniertes CSS zum Fortschrittsbalken-Widget hinzufügen, um einen Verlaufsverlaufsbalken zu erstellen. Alternativ können Sie ein Add-On installieren, das ein Fortschrittsbalken-Widget bietet, mit dem Sie beim Ändern der Farbe eine Verlaufsfarbe auswählen können.

Zwei Add-Ons, die ein solches Widget anbieten, sind Wesentliche Addons et JetElements. Aber wir werden uns auf Essential Addons konzentrieren

Erstellen eines verschlechterten Fortschrittsbalkens in Elementor mit Essential Addons

Essential Addons ist eines der beliebtesten Elementor-Add-ons. Es bietet über 60 Widgets, darunter ein Fortschrittsbalken-Widget, mit dem Sie einen Verlaufsverlaufsbalken erstellen können. Essential Addons ist ein Freemium-Add-On. Das Fortschrittsbalken-Widget ist in der kostenlosen Version verfügbar.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Sie können die herunterladen kostenlose Version dieses Add-ons im offiziellen WordPress-Plugin-Verzeichnis.

Entdecken Sie unseren Guide auf So installieren (fügen) Sie ein Plugin in WordPress hinzu

Nachdem Sie dieses Plugin installiert und aktiviert haben, erstellen Sie eine Seite oder Vorlage und bearbeiten Sie sie mit Elementor und ziehen Sie das Fortschrittsbalken-Widget in das Bearbeitungsfeld.

So erstellen Sie einen Verlaufsbalken in Elementor

Wählen Sie den Fortschrittsbalkenstil, den Sie erstellen möchten, aus dem Dropdown-Menü der Option Layout. Es stehen 6 Arten von Fortschrittsbalken zur Auswahl. Um einen Verlaufsbalken zu erstellen, müssen Sie den Stil auswählen Linie.

Legen Sie Titel, Zählerwert und Dauer der Animation fest. Wenn Sie fertig sind, gehen Sie auf die Registerkarte Stil und öffne den Block Füllen. In der Option Hintergrundtyp, wählen Degradieren und stellen Sie die erste Farbe und die zweite Farbe ein. Sie können auch die Art des Gradienten (linear oder radial), die Position und den Winkel definieren.

So erstellen Sie einen Verlaufsbalken in Elementor

Sie können andere Optionsblöcke unter der Registerkarte öffnen Stil um andere Styling-Optionen einzustellen.

Holen Sie sich jetzt Elementor Pro!

Fazit

Hier ist ! Das war's für diesen Artikel, der Ihnen zeigt, wie Sie einen Verlaufsbalken in Elementor erstellen. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, flass es uns wissen im commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
0 Aktien
Aktie
tweet
Registrieren