xwolf Progress Bar

Diese Plugin erlaubt die Anzeige eines oder mehrere Fortschrittsbalken.  Geeignet beispielsweise für Spendenbalken bei Aktionen. Daten der Balken werden aus einer externen URL eingelesen.

screenshot-2

Die Einbindung kann über Widgets oder über Shortcodes erfolgen.

Widget

Die Fortschrittsbalken können in Form von Widgets in Themens eingefügt werden. Hierzu steht im Backend unter Widgets das Progress Bar Widget zur Verfügung.

screenshot-5

Shortcode für Artikel und Seiten

Um die Fortschrittsbalken anzuzeigen ist folgender Shortcode in WordPress einzufügen:

[progressbar url="http://your.url/data.csv"]

Additional attributes:

  • color – Setze eine Balkenfarbe. Möglich sind: green, blue, red, orange
  • unitstr –  Einheitangabe hinter den Werten
  • rounded – Aktiviere runde Ecken
  • total – Zeige Balken mit Summen
  • numbers – Zeige Werte aller Balken
  • numberbar – Zeige Balken und Werte auf einer Zeile
  • html5 – Nutze denHTML5 progress-Tag (nur für neuere Browser empfehlenswert)

Beispiele

Voreinstellung:

[progressbar url="http://your.url/data.txt" 
    width="350px"]
screenshot-4

Setze eine Breite von 400px hinzu und färbe die Balken in Orange:

[progressbar url="http://your.url/data.txt"   
    width="400px"  color="orange"]
screenshot-6

Hinzufügen einer Einheitenangabe. Setze blaue Balken, entferne die runden Ecken und lass die Zahlen auf einer eigenen Zeile erscheinen:

[progressbar url="http://your.url/data.txt" 
    width="400px"  color="blue" rounded="0" numberbar="0" 
    unitstr="Euro"]

Zusätzlicher „Summen“-Balken anzeigen:

[progressbar url="http://your.url/data.txt" 
    width="400px"  color="blue" rounded="0" numberbar="0" 
    unitstr="Meter" total="1"]
screenshot-3

Anzeige via HTML5- tag .

[progressbar url="http://your.url/data.txt" 
    html5="1" width="300px"]

Datensyntax

Die via Webadresse eingelesene Datenfile muss folgende Syntax haben: Titel; Wert; Maximalwert

Beispiel:

Projekt 1 Ready State; 20; 100
Projekt 2 Ready State; 44; 100

Es ist nicht notwendig, eine maximale Nummer anzugeben:

PC-Founding; 45,33; 2300
Server-Founding; 2213; 34000

Es ist ausserdem möglich, Fließkommazahlen zu verwenden.

Hinweis: Einmal geladenen Daten werden per default 30 Minuten zwischengespeichert. Hiermit sollen Performanceprobleme verminden werden.

Sprachsupport

Das Plugin unterstützt folgende Sprachen:

  • Deutsch
  • Englisch

Download, Installation und Repository

Das Plugin kann über das Backend von WordPress aus der WordPress Plugin Directory geladen werden. Informationen im WP Plugin Directory: http://wordpress.org/extend/plugins/xwolf-progress-bar/

Das Plugin kann ebenfalls über GitHub geladen werden: https://github.com/xwolfde/xw-progressbar