Flattr

Social

Plugins

Apps

Lab

Kategorien

1. April 2010 / WordPress

Plugin-Entwicklung unter WordPress: Gestaltung der Feedback-Boxen

Ausgabe der Nutzermeldungen in WordPress: Das Aussehen der Messages kann im Plugin via CSS-Klasse gesteuert werden.
Magie in WordPress

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.

WordPress Meldung updated

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

WordPress Meldung error

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

WordPress Meldung highlight

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

WordPress Meldung below-h2

<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.

Sergej Müller

[Der Autor]Sergej Müller ist enthusiastischer Software Engineer mit Schwerpunkten Webentwicklung, Apps und WordPress. Seit 2007 programmiert und vertreibt er wpSEO, das zugkräftige SEO-Plugin für WordPress-Blogs.