Kommentarfunktion & Gästebuch überarbeitet

Mittwoch, 20. Mai 2026 22:42+02:00

Die letzten beiden Tage habe ich noch ein bisschen mit dem Quellcode der Datei public/embed.js von Pure Comments „herumgespielt“ und dabei etwas mehr über JavaScript gelernt.

Ich kann nun über HTML steuern, ob die Kommentare bzw. Gästebucheinträge automatisch geladen werden.
Dito, ob die Kopfzeile „Kommentare“ unterdrückt wird.
Ich habe die Höhe des Layouts verringert, indem ich die Feldbezeichnungen „Name“, „E-Mail (optional)“ usw. als Platzhalter in den Eingabefeldern einsetze.
Da ich für o. g. Punkte nun eh schon eine Datei embed-plusplus.js erstellt hatte, sind meine Übersetzungen aus content/includes/post-meta.php bzw. content/pages/gaestebuch.md dahinein gewandert. Das erspart mir bei künftigen Textänderungen das händische Kodieren von deutschen Umlauten/Sonderzeichen/Emojis, z. B. von ü zu \u00fc (Zeile „UTF-16-Kodierung“).

Jetzt:

<div id="comments" data-autoload-comments="true" data-suppress-header="true"></div>
<script src="/comments/public/embed-plusplus.js" defer></script>

Davor:

<div id="comments"></div>
<script>
window.PureComments = {
    strings: {
        title:        'Kommentare',
        unavailable:  'Kommentare nicht verf\u00fcgbar.',
        load_btn:     'Kommentare laden',
        loading:      '\ud83d\udcad Kommentare werden geladen \u2026',
        load_error:   'Kommentare konnten nicht geladen werden.',
    }
};
</script>
<script src="/comments/public/embed.js" defer></script>

Update: Die Layoutanpassung war wohl keine gute Idee. Meine Punktzahl für Barrierefreiheit ist von 10 auf 7 gefallen.

Update 22.05.2026: Nachdem ich den bezeichnungslosen Eingabefeldern jeweils ein aria-label Attribut mit dem Wert des Platzhalters spendiert habe, ist die Punktzahl nun wieder bei 10. (Die eine übersprungene Überschriftenebene ignoriere ich vorerst.)

Kommentare