Wir tauchen hier in Photoshop ein und gestalten den Kommentarbereich. Das heißt, die einzelnen Kommentare selbst (im Gegensatz zum Kommentarformular).
Wir greifen einen Avatar ab, mit dem wir arbeiten können. Wir werden mit Sicherheit den Gravatar-Dienst verwenden, da dieser dafür maßgeschneidert ist und perfekt in WordPress integriert ist. Darüber hinaus bin ich ein großer Fan von Avataren und dem Gefühl des persönlichen Besitzes, das sie einem auf einer Website geben.
Einiges dieses Designs ergibt sich ganz einfach von selbst. Wir verwenden eine weiße Box auf grauem Grund wie alle Module auf der Website. Wir setzen den Avatar ein. Wir machen den Namen zu einem Link und verwenden das Link-Blau, das wir sonst überall verwenden. Wir fügen das Datum des Kommentars ein und verwenden dabei die gleiche Formatierung, die alle Daten auf der Website haben. Währenddessen bleiben wir in Photoshop so organisiert wie möglich.
Für Kommentar-Antworten rücken wir den darunterliegenden Kommentar etwas ein und versuchen, ihn mit dem erstellten Sub-Grid auszurichten. Wir benötigen auch einen Link auf den obersten Kommentaren, um diese Antworten zu erstellen, also platzieren wir einen Link in der oberen rechten Ecke dieser Kommentare. Gleiches Link-Blau wie immer. Wir verwenden einen Pfeil aus unserem Entypo-Iconset – nur gab es keinen perfekten Pfeil, wir mussten einen wählen, der nahe kam, und ihn um 180 Grad drehen. Das sollte in CSS kein Problem sein.
Um deutlich zu machen, dass das Datum des Kommentars auch ein Permalink ist, verwenden wir auch dafür ein Icon.
Wir spielen ein wenig damit herum, wo die "Funktions"-Links hingehen sollen, aber wir verweilen nicht zu lange dabei. Die einzigen Leute, die diese jemals sehen werden, bin ich. Zu Protokoll: Das ist es, wofür ich mich entschieden habe.