Plugin-Entwicklung unter WordPress: Gestaltung der Feedback-Boxen

Dem Anwender eine visuelle Bestätigung als Abschluss der angestoßenen Aktion zu präsentieren, gehört unter den Konzeptern und Programmierern zum guten Ton. Im Zeitalter der Web 2.0 Anwendungen wird solch ein optisches Signal von Nutzern schlicht und einfach erwartet. Auch Coder von WordPress-Plugins dürfen Nutzererwartungen nicht ohne weitere Gründe ignorieren und sollten Resultate mit aussagekräftigen Feedbacks, notfalls mit weiterführenden Informationen versehen.

Im Administrationsbereich arbeitet WordPress gern und oft mit Hinweisen im oberen Bereich des Fensters. Für Entwickler hat es einen weitgehenden Vorteil: Werkzeuge für die Generierung der Fehler- und Hinweismeldungen sind bereits integriert und können in Plugins mühelos Implementierung finden – gänzlich ohne Eigendefinitionen, ohne Anpassungen im Stylesheet.

Automatische Hinweis-Generierung in WordPress

wp_safe_redirect(
  add_query_arg(
    'updated',
    'true',
    wp_get_referer()
  )
);

Manuelle, flexiblere Lösung der Ausgabe einer Hinweis-Box

<div id="message" class="updated">
  <p>
    Ausgabe
  </p>
</div>

Bunt: Die Vielfalt der verfügbaren CSS-Klassen
Meldungen innerhalb einer Anwendung haben unterschiedliche Botschaften zu kommunizieren. Für diesen Zweck hält WordPress zahlreiche Stylesheet-Klassen parat, die eine Message bildlich treffender zum Ausdruck bringen soll.

<div id="message" class="updated">...</div>

<div id="message" class="error">...</div>

<div id="message" class="updated highlight">...</div>

<div id="message" class="updated below-h2">...</div>

Empfehlung am Rande
Keine eigenen Formate für Fehlermeldungen einführen. Einheitliche Optik der “Kästchen” sorgt für Vertrauen und steigert das Potenzial der Wahrnehmung.