WordPress-Plugin: jQuery AJAX Comments

Ich habe endlich mal die Zeit gefunden, die beliebten AJAX-Kommentare auf meiner Seite von moo.fx und prototype auf jQuery umzustellen. Da alles was ich bisher an AJAX-Kommentaren für WordPress gefunden habe, auf den Elefanten-FrameWorks prototype und script.aculo.us beruht, habe ich das Ganze mal als Plugin für WordPress verpackt:

WordPress-Plugin: jQuery AJAX Comments
Download: jquery-ajax-comments.zip (13kB)
English installation instructions are included in the package. Works with WordPress 2.1 and should work with previous versions of this weblog system.

Das Plugin aktiviert sogenannte AJAX-Kommentare, d.h. Kommentare werden direkt nach dem Posten angezeigt ohne daß die gesamte Webseite neu geladen werden muß. Die Anzeige der neu hinzugefügten Kommentare erfolgt dabei mit einem sanften Fade-In Effekt.

Note 2008-04-28 // Plugin will be updated within the next days (or weeks ;-). Just fiddling around with a new theme…).

Update 2007-02-09 // Now makes use of jQuerys noconflict-setting, should work with prototype.js now.

Vorteile

Das Plugin bietet gegenüber den bisherigen Lösungen den großen Vorteil, daß es auf dem kleinen und schnellen jQuery beruht, welches gerade erst in der noch schnelleren und verbesserten Variante 1.1 erschienen ist. Vergleichen wir mal die reinen FrameWork-Dateien von der Größe her (jeweils unkomprimiert): jQuery = 55kB, prototype/script.aculo.us = 200kB. Das ist schon mal ein enormer Unterschied und selbst in Zeiten wo DSL mittlerweile als gegeben vorausgesetzt wird, sollte man 150kB einsparen wenn man kann. Surfer haben es bekanntermaßen eilig.

Unabhängig davon, ist die Syntax von jQuery wesentlich eleganter als die von vergleichbaren JavaScript-Bibliotheken und das Plugin ist natürlich eine gute Ergänzung, wenn man ohnehin schon jQuery auf seinen Seiten verwendet.

Installation

ZIP downloaden, entpacken und den Ordner jquery-ajax-comments ins Plugin-Verzeichnis kopieren. Im Admin-Bereich unter Plugins aktivieren… fertig.

Hinweise

Ich habe versucht, daß Plugin so allgemein funktionabel wie möglich zu halten, was in diesem Fall nicht so einfach ist, da von gewissen Annahmen bezüglich des verwendeten Themes ausgegangen werden muß. Notwendig für das Funktionieren der AJAX-Kommentare ist eine Liste in der die Kommentare angezeigt werden (OL oder UL), das sollte bei nahezu alle WordPress-Themes der Fall sein. Diese Liste muß über die CSS-Klasse .commentlist verfügen. Schließlich sollte das Formular zur Eingabe von Kommentaren die ID #commentform besitzen. Also in der Art:

<ol class="commentlist"></ol>

und

<form id="commentform"></form>

Auch dies ist z.B. im Default-Theme von WordPress gegeben und sollte m.E. in den meisten gängigen Themes vorhanden sein. Wenn nicht, lassen sich die betreffenden Theme-Dateien schnell anpassen.

Feedback

Man kann in einer lokalen XAMP-Installation und trotz Tests in verschiedenen Browsern nicht alles vorhersehen. Insofern sind Hinweise auf Fehler und Verbesserungsvorschläge jederzeit willkommen.

Artikel: WordPress-Plugin: jQuery AJAX Comments
Datum: Tuesday, 30. January 2007, 00:26 Uhr
Kategorien: Plugins, WordPress
Feed zum Beitrag: RSS 2.0 · Trackback: Trackback-URL
Diesen Artikel kommentieren.

191 Kommentare