Fühlten Sie sich jemals entmutigt oder, schlimmer noch, gelangweilt, wenn Sie mit einem großen Textblock konfrontiert wurden? Die Chancen stehen gut, Ihre Website-Besucher. Es gibt viele Möglichkeiten, wie Sie diese Art von funktionslosem Infodump vermeiden können: Sie könnten Ihr Bestes tun, um Ihren Inhalt scanbar zu machen, Sie könnten Ihre Beiträge in überschaubarere Seiten unterteilen oder Sie könnten (und das möchten wir) hier reden) mehr visuelle Elemente einführen, um wichtige Informationen schnell zu vermitteln – wie ein WordPress-Fortschrittsbalken.
Ein Fortschrittsbalken hat viele Funktionen. Zum Beispiel gibt eine Ladeleiste Ihren Besuchern den Überblick über die Zeit, die sie möglicherweise warten müssen, um auf Ihre Website zuzugreifen, während ein Lesefortschrittsbalken möglicherweise besseres Zeitmanagement bei großen Textmengen. Es wird auch oft als Tool zur Datenvisualisierung verwendet: Wie weit muss ein laufendes Projekt bis zum Abschluss gehen, wie gut schneidet ein Produkt oder eine Person in einer Vielzahl von Kategorien ab und so weiter.
Um Ihnen die Wahl zwischen allen verfügbaren Lösungen zu erleichtern, haben wir eine große Auswahl an Fortschrittsbalken-Plugins getestet und diejenigen herausgegriffen, die uns am meisten beeindruckt haben. Hier sind unsere Top-Picks:
Unsere eigenen Qi-Addons für Elementor sind ein kostenloses Plugin, das entwickelt wurde, um mit Elementor zu arbeiten und seine bereits beeindruckende Auswahl an Elementen um zu erweitern 60 brandneue, professionell gestaltete Widgets. Es kommt mit nicht einem, nicht zwei, sondern drei verschiedenen und schönen Fortschrittsbalken-Plugins: dem horizontalen Fortschrittsbalken, dem vertikalen Fortschrittsbalken und dem radialen Fortschrittsbalken.
Jedes dieser Widgets ist vielseitig, schön und funktional, und kommt mit auffälligen Animationen und einer großen Auswahl an Styling-Optionen, sodass es für jeden Zweck geeignet ist. Es gibt wirklich keine eisernen Regeln, wenn es um Design geht, aber wir können den radialen (oder kreisförmigen) Fortschrittsbalken als eine großartige Möglichkeit sehen, den Projektfortschritt darzustellen, den vertikalen Fortschrittsbalken als vielseitige Möglichkeit, Statistiken als Balkendiagramm darzustellen, während Der horizontale Fortschrittsbalken würde ein großartiges Fähigkeitsdiagramm abgeben, aber das sind nur die ersten Dinge, die einem in den Sinn kommen. Links zu den Widgets in Aktion finden Sie im vorherigen Absatz.
Wenn Sie Elementor aus irgendeinem Grund nicht verwenden, verwenden Sie möglicherweise den Standardseiteneditor von WordPress, Gutenberg. In diesem Fall, Ultimative Blöcke kann genau das sein, was Sie brauchen. Dieses kostenlose Plugin fügt dem Standardset von Gutenberg eine Reihe neuer Blöcke hinzu, und einer von ihnen ist der Fortschrittsbalkenblock.
Der Fortschrittsbalkenblock von Ultimate Blocks hat ein minimalistisches Design, mit dem Sie jedoch die Form (linear oder kreisförmig) sowie die Dicke und Farbe des Balkens ändern können, sodass Sie ihn in jede Art von Layout oder Design einfügen können.
Zoom-Fortschrittsbalken ist ein vielseitiges Premium-Plugin mit dem Sie vertikale, horizontale und radiale Fortschrittsbalken in Ihre WordPress-Website einfügen können. Es kommt mit einer Reihe von Styling-Optionen, die Schriftarten, Farben, Symbole, Formen und Bildhintergründe für Ihre Fortschrittsbalken ermöglichen.
Die Entwickler haben großen Wert auf die Kompatibilität mit verschiedenen Betriebssystemen gelegt und für Reaktionsfähigkeit und reibungslosen Betrieb über Geräte und Browser hinweg gesorgt.
EIN kostenlos und benutzerfreundlich Plugin, Fortschrittsbalken & Fähigkeitsbalken lässt Sie zwischen zwei animierten Fortschrittsbalken-Designs wählen. Beide sind schnörkellose horizontale Designs, perfekt für Fertigkeitsbalken und allgemeine Fortschrittsbalken, wie der Titel schon sagt. Sie sind einfach einzurichten, reaktionsschnell und mit allen Browsern kompatibel.
Die Pro-Version bietet noch mehr Optionen und Vorlagen, wie die Entwickler-Demo.
Zähler ablesen ist eine großartige Möglichkeit, Ihren Besuchern zu signalisieren, wo sie sich im Text in Bezug auf Anfang und Ende des Artikels befinden. Das Plugin selbst wird zwar hauptsächlich verwendet, um eine geschätzte Lesezeit für einen Artikel in Minuten anzuzeigen, es ist aber dennoch bietet einen sauberen, effizienten und schönen Fortschrittsbalken oben im Artikel, wobei der numerische Indikator durch einen visuellen Indikator ergänzt wird.
Wir haben Read Meter und seine Verwendung im Detail in einem früheren Artikel zum Anzeigen der Lesezeit für einen WordPress-Beitrag besprochen.
EIN kostenloses und einfaches Plugin, Positionsanzeige lesen informiert Ihre Besucher über ihre aktuelle Position in Bezug auf den Anfang oder das Ende einer Seite, eines Beitrags oder eingebetteter Medien. Es handelt sich um eine einfache horizontale Leiste mit mehreren Stiloptionen: Sie können sie oben oder unten auf Ihrer Seite einrichten sowie Farbe, Deckkraft, Dicke und einige andere Stilattribute anpassen.
Ein weiterer kostenlos und leicht vielseitigere Lösung für einen Lesefortschrittsbalken, Lesenswert können Sie eine Positionsanzeige für Ihre Seiten einrichten. Sie können zwischen zwei Ausrichtungen (horizontal und vertikal) und vier Positionen (oben, unten, links und rechts) wählen. Auch der Fortschrittsbalken selbst verfügt über mehrere Gestaltungsmöglichkeiten und ist nur beim Scrollen aktiv, damit er möglichst unauffällig ist.
EIN Premium-Plugin, PageLoader können Sie Ihren Besuchern anzeigen, dass eine Seite geladen wird. Es kann manchmal vorkommen, dass eine Seite oder Website beim Laden kaputt aussieht, weil sie inaktiv erscheint. Mit einem Seitenladebildschirm können Sie dies umgehen, während Sie mit diesem Plugin Ihren Ladebildschirm als Fortschrittsbalken darstellen können.
Das Plugin ist randvoll mit Styling- und Anpassungsoptionen, mit denen Sie fast alles ändern können, angefangen bei den Farben und Formen des Fortschrittsbalkens bis hin zu Hintergrund, Platzierung, Animationen und mehr.
Fortschrittsbalken für WooCommerce-Bestellungen – Pro ist ein Premium-Plugin, das für die Arbeit mit Ihrem WooCommerce-Shop entwickelt wurde. Sie können damit Fortschrittsbalken für die verschiedenen Phasen der Bestellungen Ihrer Kunden einrichten und sogar unterschiedliche Fortschrittsbalken für erfolgreiche und fehlgeschlagene Bestellungen haben. Die Fortschrittsbalken selbst bieten eine Vielzahl von Anpassungs- und Platzierungsoptionen, und Sie können sogar benutzerdefinierte Status verwenden, um den Stil Ihrer Marke widerzuspiegeln.
Autor WIP-Fortschrittsbalken ist ein kostenloses Plugin deren Name Ihnen vielleicht seltsam vorkommt. Dieses Plugin ermöglicht es Autoren, den aktuellen Status des Romans, der Geschichte oder des Artikels, an dem sie gerade arbeiten, einfach anzuzeigen, sodass Fans den Fortschritt der laufenden Projekte ihres Lieblingsautors verfolgen und verfolgen können – etwas für jeden Fan von „A Song of Ice“. And Fire“ zu schätzen wissen. Es bietet einen besonders autorenfreundlichen horizontalen Fortschrittsbalken, mit dem Sie sogar den Fortschritt in Bezug auf Seiten und Wortzahl anzeigen, aber nichts hindert Sie daran, es auf andere Weise einzusetzen. Es kommt auch mit einigen netten Styling- und Animationsoptionen, mit denen Sie es an das Design Ihrer Website anpassen können.
Abschließend
Wie Sie sehen, gibt es für WordPress keinen Mangel an Fortschrittsbalken, aus denen Sie wählen können. Aber welches ist das richtige für Ihre Website? Natürlich haben wir ein Pferd in diesem Rennen – die drei großartigen Fortschrittsbalken-Widgets, die von Qi Addons für Elementor bereitgestellt werden. Es wäre jedoch unfair zu sagen, dass es keinen Grund gibt, sich für eines der anderen zu entscheiden. Wenn Sie Elementor nicht verwenden, können Sie vielleicht mit Ultimate Blocks finden, was Ihnen gefällt. Wenn Sie nach einem Positionsanzeiger suchen, versuchen Sie es mit Read Meter, Worth The Read oder Reading Position Indicator. Wenn Sie nach einem Fortschrittsbalken für Ihr Schreibprojekt suchen, gehen Sie zu Author WIP-Fortschrittsbalken. Und wenn Sie Ihren Besucher über die Ladezeit Ihrer Seite informieren möchten, versuchen Sie es mit Page Loader. Wofür auch immer Sie einen Fortschrittsbalken benötigen, in dieser Liste finden Sie eine Lösung.
Unterstützen Sie unsere Arbeit ❤️
Wenn Ihnen dieser Artikel gefallen hat, können Sie uns mit einem Trinkgeld unterstützen, damit wir weiterhin großartige Inhalte veröffentlichen können.
