GamiPress Rezept: Counter

Idee

Einen Counter implementieren der die Klicks auf einen GamiPress-Button zählt. Es soll drei Buttons geben, Count UP, Count DOWN und Reset. Der Counter wird unterhalb der Buttons angezeigt.

Benötigte GamiPress Elemente und Add-ons

• GamiPress Point Types
• GamiPress Button

Quellcode

Der folgende Quellcode kann auf einer Buchseite eingefügt werden. Damit werden drei Buttons erzeugt und der aktuelle Wert des Counters angezeigt. Jedem Button wird eine id zugewiesen. Über diese ids wird der Counter verändert. Die letzte Zeile des Quellcodes gibt denn aktuellen Wert des Counters vom Typ counter-1 aus. Der Counter selbst wird mit GamiPress Point Types erstellt. Hier im Beispiel wurde der Point Type counter-1 genannt, wie im Screenshot weiter unten ersichtlich. Über Automatic Points Awards wird gesteuert wie man diese Punkte hoch- und runterzählt, und resetet. Im vorliegenden Fall wird bei drücken mit id counter-1-up hoch- und mit id counter-1-down runtergezählt. mit reset-counters werden 999’999 Punkte abgezogen, also auf Null gesetzt, da es keine negativen Punktzahlen geben kann.


[gamipress_button type="submit" label="Count UP" id="counter-1-up" class="button call-to-action"]
[gamipress_button type="submit" label="Count DOWN" id="counter-1-down" class="button call-to-action"]
[gamipress_button label="Reset" type="reset" id="reset-counters" class="button call-to-action"]
Score: [gamipress_user_points type="counter-1" thumbnail="yes" label="no" current_user="yes" inline="yes" columns="2" columns_small="1" layout="left" align="none" wpms="no"] Punkte


Demo