Sie müssen einen Gradienten-Fortschrittsbalken erstellen Elementor ?

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 CSS-Kenntnisse haben, können Sie die Pro-Version von verwendenElementor und fügen Sie dem Fortschrittsbalken-Widget benutzerdefiniertes CSS hinzu, um einen Gradienten-Fortschrittsbalken zu erstellen. Alternativ können Sie ein Add-On installieren, das ein Fortschrittsbalken-Widget bietet, in dem Sie beim Farbwechsel 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 Add-ons Elementor Die beliebtesten. Es bietet über 60 Widgets, darunter ein Fortschrittsbalken-Widget, mit dem Sie einen Verlaufsfortschrittsbalken erstellen können. Essential Addons ist ein Freemium-Add-on. Das Fortschrittsbalken-Widget ist in der kostenlosen Version verfügbar.

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 Design 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 Design um andere Styling-Optionen einzustellen.

Holen Sie sich jetzt Elementor Pro!

Zusammenfassung

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.

...