Serendipitys Kommentarbereich abrunden III: Hinweise besser einbinden
Tuesday, 3. February 2009
Neben der Kommentaransicht und dem Markieren von Pflichtfeldern sind noch die Hinweise unter dem Kommentarfeld aufmerksamkeitswürdig. Sie einfach als Text stehen zu lassen ist kaum die beste Lösung. Zumindest für die Standardeinblendungen werden hier Alternativen vorgestellt.
Alte Hinweise ausblenden
Die alten Hinweise kosten viel Platz und beladen den Kommentarbereich mit einigem Text. Also werden sie über die style.css des templates erstmal ausgeblendet:
div.serendipity_commentDirection {
display: none;
}
Neue Hinweise einblenden
Die hilfreichen Hinweise sollen natürlich nicht ersatzlos gestrichen werden.
Smileys
Standard-Text Smilies wie :-) und ;-) werden zu Bildern konvertiert.
"Hilfreiche" Hinweise schließt diesen aus. Ich sehe nicht, was der Nutzer damit anfangen soll.
Die angegebene E-Mail-Adresse wird nicht dargestellt, sondern nur für eventuelle Benachrichtigungen verwendet.
Ganz anders dieser Hinweis. Als Alternative soll dafür neben dem E-Mail-Label ein Info-Icon angezeigt, das diese Information als Tooltip beinhaltet.
Zuerst schiebt man ein passendes Icon in den img-Ordner des Templates (z.B. dieses aus der crystalsvg-Sammlung). Dann editiert man die commentform.tpl des genutzten templates (wahrscheinlich muss die Datei erst aus dem default-template kopiert werden) und ersetzt diesen Abschnitt:
<td class="serendipity_commentsLabel"><label for="serendipity_commentform_email">{$CONST.EMAIL}</label></td>
durch den mit dem Bild ergänzten Code:
<td class="serendipity_commentsLabel"><label for="serendipity_commentform_email">{$CONST.EMAIL} <img src="/templates/{$template}/img/info.png" alt="Emailinfo" title="E-Mail wird nicht angezeigt" /></label></td>
Formatierung
Umschließende Sterne heben ein Wort hervor (wort), per _wort_ kann ein Wort unterstrichen werden.
Wie kann man einen solchen Hinweis besser darstellen? Ein Bild wäre eine Möglichkeit. Besser jedoch wäre es, den Hinweis ganz unnötig zu machen, indem die aus Wikis und Word bekannten Formatierungshilfen vorhanden wären. Genau das macht markupComment. Mit dem Plugin ersetzt man also den Hinweis durch diese Buttons:
Nachwort
Perfekt sind diese Lösungen nicht. Allesamt sind sie statisch. Den Formatierungshinweis durch das Plugin zu ersetzen klappt einfach so nur, wenn man nur das Serendipity-Markup-Plugin für die Kommentare aktiviert hat. Ansonsten müsste man das Plugin entsprechend erweitern. Ist Javascript deaktiviert geht der Hinweis ganz verloren, allerdings kann man das umgehen, indem man das Ausblenden des ursprünglichen Hinweis ebenfalls per Javascript erledigt.
Insgesamt jedoch werden durch das Vorgehen die Hinweise in besser zugänglicher Form verpackt.
onli blogging am : Fazit der Reihe "Serendipitys Kommentarbereich abrunden"
Vorschau anzeigen