Ich freue mich sehr, an den Kommentaren für diese Site zu arbeiten. CSS-Tricks sind die Heimat einiger hervorragender Diskussionen, dank all Ihrer feinen Leute. Das Entwerfen des Kommentarbereichs ist wichtig, da er diese großartigen Diskussionen präsentieren, diese großartigen Diskussionen am Laufen halten und alle Funktionen eines WordPress-basierten Diskussionsthreads vereinfachen muss.
Der erste Schritt besteht darin, unsere Photoshop-Datei so vorzubereiten, dass sie einen schönen, sauberen Bereich zum Entwerfen von Kommentaren enthält. Wir verwenden ein 2/3 1/3 Raster, also verspotten wir das schnell. Wir werden hier nichts zu verrücktes Progressives machen. In der Hauptspalte 2/3 befindet sich der Artikel und darunter die Kommentare. Keine ausgefallenen Kommentare in der Seitenleiste oder in einem Popup oder so etwas.
Wir werfen einen Blick auf die v9-Kommentare, um uns zu orientieren. Alles, was Sie erwarten würden, ist da. Gravatare, Namen, Daten, Text, Antwortlinks ... Eine Sache, die wir ablehnen, ist das RSS-Symbol. WordPress generiert RSS-Feeds für Threads, wird jedoch nur sehr selten verwendet. Das von JetPack angebotene "Abonnieren von Kommentaren" ist eine bessere Alternative für Benutzer, die mit einem Thread Schritt halten möchten.
In Version 9 wird nur der Antwortlink auf: hover angezeigt. Es gibt eine Medienabfrage, um sie immer auf kleineren Bildschirmen anzuzeigen, aber das ist ein bisschen ruckelig. Wir können es dort besser machen. In Version 9 haben wir auch ein System zum "Hervorheben" und "Vergraben" von Kommentaren. Ich persönlich kuratiere die Kommentare und wende diese Labels an. Vielleicht haben vorgestellte Kommentare offensichtlich eine gewisse Benutzeroberfläche, die sie auszeichnet und die Aufmerksamkeit der Leute auf sich zieht, die die Kommentare durchsuchen. Vergrabene Kommentare in Version 9 sind nur versteckt, aber wir können dort etwas Interessanteres tun. Spam-Kommentare oder unhöfliche Kommentare werden nur gelöscht, aber es gibt eine spezielle Klasse von Kommentaren (z. B. „Großartiger Beitrag!“), Die nicht gelöscht werden sollten, aber ich möchte auf 1 zurückgreifen), um dem Rest der Benutzer zu beweisen, dass ich Kümmere dich um ihre Zeit und 2) lehre die Benutzer, dass lahme Kommentare lahm sind. Ich habe hier mehr über das Kuratieren von Kommentarthreads geschrieben.v10 benötigt all diese Funktionen, die nur noch besser funktionieren. Zum Beispiel wäre das Styling von Autorenkommentaren eine gute Ergänzung.
Thread-Kommentare sind ein weiteres wichtiges Merkmal. Ich habe mich speziell dafür entschieden, nur eine Verschachtelungsebene zuzulassen. Wie in können Sie eine Antwort auf einen Kommentar hinterlassen, aber Sie können keine Antwort auf eine Antwort hinterlassen. Sie würden nur auf den ursprünglichen Kommentar antworten und er wird in diesem Unter-Thread angezeigt. Ich habe diese Wahl getroffen, weil ich persönlich verwirrt bin und nicht gerne Kommentarthreads lese, die weiter nisten.
Am Ende springen wir ein wenig in Photoshop und bringen ein paar Dinge auf die Seite. Wir sind jetzt in guter Verfassung, um diesen wichtigen Bereich zu gestalten.