Sidebar
ein-/ausblenden

Erweiterung der Kommentarfunktion

Plugin für WordPress SEO

Anzeige

Ab jetzt ist die Kommentarfunktion ein wenig mächtiger uns soll euch den Zugriff auf Textstellen und -passagen erleichtern.
Aufmerksame Leser haben vielleicht die Hinweise zu den Kommentaren schon gelesen und die Funktion genutzt? Ich habe seit geraumer Zeit eine Möglichkeit integriert, die es euch erlaubt sich auf bestimmte Texte aus dem Artikel zu beziehen, ohne großen Mehraufwand. Um die Funktion zu nutzen müsst ihr lediglich im Artikel den Text markieren, daraufhin erscheint ein Button mit dem Text „Antworten“. Beim Klick auf diesen Button wird der markierte Text direkt in die Textbox eures Kommentars übernommen und ihr könnt wie gewohnt euren Kommentar dazu schreiben. Der übernommene Text wird dabei als Zitat ausgezeichnet.

Screenshot Bezug auf Textstellen im Artikel

Ich wünsche mir, dass damit die Fragen für mich klarer werden und die Nutzung einfacher wird. Ebenso kann es natürlich genutzt werden um sich auf spezielle Bereiche oder auch nur Wörter zu beziehen, sei es wegen einer Diskussion, Korrektur oder einfach nur Rechtschreibfehler. Ich würde mich freuen, wenn ich ein Feedback bekomme, ob die Funktion sinnvoll erscheint und wie das Handling ist.

Hinweise

Die Möglichkeit besteht nur, wenn mein Blog mit aktivem JavaScript besucht wird. Ich habe es unter diversen Browsern getestet und bisher keine Fehler entdeckt, lediglich Unterschiede in der Darstellung, die aber nur auf Grund des entsprechenden Stylesheets zu erwarten waren.

Die Technik

Der eine oder andere möchte vielleicht mehr dazu wissen und die gleiche Möglichkeit involvieren, daher hier in einigen wenigen Worten, wo das ganze her ist und wie man es integriert.

Das JavaScript um diese Möglichkeit anzubieten wurde von Jim Jeffers mit Hilfe von jQuery erstellt. Da ich hier auch im Blog jQuery für diverse Umsetzungen nutze, wollte ich gern diesen Mehrwert ebenso hinterlegen. Natürlich muss das Framework jQuery vorhanden sein, minimal Version 1.2.6. Ist dieses eingebunden, so muss man lediglich das Script von Jim hinterlegen und den Bereich, der die Funktion haben soll mit einer entsprechenden Klasse ausstatten. Im Standard ist das die Klasse quotable.

Hinweis: Wenn ihr WordPress ab Version 2.7 einsetzt und den Template Tag post_class() nutzt, dann muss diese Funktion lediglich um die Klasse erweitert werden, ein Beispiel:


Monika hat zu dem neuen Tag schon ein wenig mehr erklärt, so dass ich es mir hier erspare.

Beim Download des Beispiel liegt eine Demo und Doku bei, so dass es nicht problematisch sein sollte die Funktion zu nutzen.

Im Anschluss kann man noch den entstehenden Button ein wenig anpassen. Das Standardscript stellt dazu die ID comment-respond bereit.

Ich empfinde als Mehrwert und tolle Idee. Wer also ebenfalls mit jQuery unterwegs und ein wenig erweitern möchte, der kann sicher die 5 kByte verschmerzen und einen entsprechenden Mehrwert bieten.

34 Kommentare zu „Erweiterung der Kommentarfunktion“

  1. 1
    Kommentar von Denis

    Ist mir noch gar nicht aufgefallen. Gefällt mir aber sehr gut. Werde vielleicht auch mal sowas einbauen :)

  2. 2
    Kommentar von Markus

    Ich würde mich freuen, wenn ich ein Feedback bekomme, ob die Funktion sinnvoll erscheint und wie das Handling ist.

    Gefällt mir sehr gut. Würde ich auf jedenfall eingebaut lassen. Zum Handling würde ich sagen, das es ein bisschen doof ist, dass beim klick auf Antworten direkt zum Textfeld gescrollt wird und nicht zum Anfang des kompletten Formulars, also zum Anfang des ersten Inputfelds (Name). Ansonsten Klasse Funktion.

    Ach und noch was zum Handling, wenn ich noch eine weitere Textpassage Zitieren möchte, dann wird der komplette Inhalt des Textfeldes überschrieben. Das ist weniger Benutzerfreundlich.

    Gruß, Markus

  3. 3
    Kommentar von datenkind

    müsst ihr lediglich im Artikel den Text formatieren,

    „Markieren“ trifft’s eher! ;)

    Wow, abgefahrene Sache. Hochinteressanter Mehrnutzen, gerade bei derlei Themenrelevanz oder um schlicht und ergreifend lästiges Code-Tippen zu sparen. Ich denke jedoch, dass die Mehrzahl das gar nicht begreifen wird dass so etwas u. U. möglich ist.

  4. 4
    Kommentar von Stefan David

    Artikel den Text formatieren

    Sehr schöne und praktische Funktion. Aber meinst du nicht markieren?

  5. 5
    Kommentar von Frank Bültge

    @Markus: ist geändert, das Kommentarfeld wird nun angesprochen, so dass man also sein komplettes Formular sieht.

  6. 6
    Kommentar von Markus

    Na Perfekt. Schön wäre nun noch, wenn man die Funktion auch für Kommentare nutzen könnte, oder?

  7. 7
    Kommentar von Frank Bültge

    @datenking & Stefan: meine ich und es war auch nur ein einfacher Aufhänger, schon dass es also funktioniert. Ich dachte ich baue mal einen ersichtlichen Fehler ein, dann habt ihr einen Grund zum Kommentieren ;-) , ist nun gefixt.

  8. 8
    Kommentar von stefano picco

    Ich empfinde als Mehrwert und tolle Idee.

    Kann ich zu 100% zustimmen :)

  9. 9
    Kommentar von Frank Bültge

    Funktion auch für Kommentare

    Warum eigentlich nicht, ist integriert und gefällt mir. Danke für den Hinweis.

  10. 10
    Kommentar von Markus

    Warum eigentlich nicht, ist integriert und gefällt mir. Danke für den Hinweis.

    So schnell so viel Feedback hätte ich auch mal gerne ;)
    Das müsste mal auf Arbeit so schnell gehen mit der Umsetzung ;)

  11. 11
    Kommentar von Frank Bültge

    @Markus: stimmt, aber es war auch gerade sehr einfach und vor allem - es war keine Absprache zu anderen Leuten nötig ;-)

  12. 12
    Kommentar von David Hellmann

    Die Möglichkeit besteht nur, wenn mein Blog mit aktivem JavaScript besucht wird. Ich habe es unter diversen Browsern getestet und bisher keine Fehler entdeckt, lediglich Unterschiede in der Darstellung, die aber nur auf Grund des entsprechenden Stylesheets zu erwarten waren.

    Jetzt musste ich es aber auch testen :) nette Sache auf jeden Fall.

  13. 13
    Kommentar von Simon

    Super!

  14. 14
    Kommentar von ^Nicki^

    ch empfinde als Mehrwert und tolle Idee

    Wow - das ist ja mal sehr interaktiv. Ich mag es sehr mit Frameworks zu arbeiten... Jquery bietet sich bei WordPress regelrecht an. Eines Tages wird es Mootools sein, vielleicht in Version 4.0 - und dann habe ich diese Funktion auch im Blog. ^^

  15. 15
    Kommentar von ^Nicki^

    Und Safari (Mac OS) macht seine Sache mit dem Feature auch super. :D

  16. 16
    Kommentar von Frank Bültge

    @^Nicki^: Das wird aber hart, aktuell ist ja fast ein Run auf jQuery und die anderen FW sind kaum noch zu hören. Mal sehen wie lange das anhält und ob jQuery die Qualität halten kann.

  17. 17
    Kommentar von Pumi

    Kleine Schludrigkeit im Erklärungstext: (Kommentar-Hilfe) "daraufhin erscheint die ein Button".

  18. 18
    Kommentar von Patrick L.

    Geil, richtig geile Funktion. :P

  19. 19
    Kommentar von Michael

    Ich empfinde als Mehrwert und tolle Idee. Wer also ebenfalls mit jQuery unterwegs und ein wenig erweitern möchte, der kann sicher die 5 kByte verschmerzen und einen entsprechenden Mehrwert bieten.

    Das rockt!

  20. 20
    Kommentar von Frank Bültge

    @Pumi: danke, ist gefixt.

  21. 21
    Kommentar von ^Nicki^

    @^Nicki^: Das wird aber hart, aktuell ist ja fast ein Run auf jQuery und die anderen FW sind kaum noch zu hören.

    Ist das so? Ich dachte bisher mootools sei noch immer ein kleiner Konkurrent. Ich habe lange überlegt welches Framework zum Einsatz kommen soll, mootools scheint da immer noch ein stück flexibler zu sein, zumindest was Fangemeinde und verfügbare Plugins betrifft. Das aber, ist ein ganz anderer Schuh. Vielleicht liest man ja hier mal einen Beitrag dazu. ^^

  22. 22
    Kommentar von Frank Bültge

    @^Nicki^: Mit Sicherheit ist MooTools sehr durchdacht und sehr mächtig, ebenso gefällt mir die Nutzung, Syntax ist verständlich und nachvollziehbar. Bisher hatte ich immer den Eindruck, dass Support und Community ein wenig abgehoben sei und den "Normaluser" vernachlässigt. Für jQuery habe ich mich letztendlich entschieden, weil mein Schwerpunkt WordPress ist und jQuery an Board ist und im Backend vielfach genutzt wird. Ebenso war die Größe des FW entscheidend.

  23. 23
    Kommentar von Marvin

    Ich empfinde als Mehrwert und tolle Idee

    ich auch, auf jeden fall. das ist echt mal ne sehr gute idee und sehr coole umsetzung. das nenn ich dann wohl mal usability auf höchstem niveau ;)

  24. 24
    Kommentar von sven

    Ich empfinde als Mehrwert und tolle Idee

    Das ist ganz großes Kino.

    Ich würde mich freuen, wenn ich ein Feedback bekomme, ob die Funktion sinnvoll erscheint und wie das Handling ist.

    Funktioniert sogar mit zwei Absätzen.

    Toll. Danke sehr dafür.

  25. 25
    Kommentar von paul

    Ich würde mich freuen, wenn ich ein Feedback bekomme

    Mit so einer genialen Funktion bestimmt! Gefällt mir sehr. Nur eine Kleinigkeit: Markiert man einen Text und klickt dann in die Makierung, um diese wieder aufzuheben (falsche Stelle erwischt), erscheint der Button erneut.
    Aber ich denke das kann man gepflegt unter den Tisch fallen lassen :)

    Danke für diesen coolen Tipp!

  26. 26
    Kommentar von gr4y

    Ich würde mich freuen, wenn ich ein Feedback bekomme

    Super! Das muss ich heute abend gleich mal bei mir nachrüsten! :-) Danke für den Tipp!

  27. 27
    Kommentar von Webagentur

    Das ist wirklich genial ... ich habe wohl zum richtigen Zeitpunkt diesen Blog gefunden. Ich programmiere nämlich ein Forum gerade und da könnte ich diese Funktion gut gebrauchen und jquery setze ich ja sowieso ein. Danke!!!

  28. 28
    Kommentar von thomas57

    Natürlich muss das Framework jQuery vorhanden sein, minimal Version 1.2.6

    Ist das nicht schon in WP 2.7 eingebaut? Nur so als Frage, vielleicht habe ich auch etwas falsch gelesen, klang aber im Text so, als wenn ich es noch einbauen muß.
    Dann als weitere Frage. (heute auf der leitung geschlafen)
    Das script von Jim sollte dann im jeweiligen Theme liegen oder habe ich da gerade einen Gedankenfehler.
    Auch wenn ich jetzt rausfliege viele Grüße aus dem Norden von
    Thomas

  29. 29
    Kommentar von Frank Bültge

    @thomas57: jQuery ist in WordPress enthalten, damit ist es aber nicht automatisch im Frontend vorhanden, dass ist Aufgabe des Theme. Wie man JS aus WordPress nutzt, dass beschreibe ich in einem anderen Artikel. Auch das Script muss natürlich im Frontend vorhanden sein. Ich lade es nur dann, wenn man es auch benötigt, also dann wenn es Kommentare gibt.

  30. 30
    Kommentar von Berlin Blog

    Sehr interessant! Wusste ich noch garnicht. Einige Funktionen sind sicherlich sehr hilfreich.
    Allein dieses "Live Kommentar Vorschau" ist sehr praktisch ;)

  31. 31
    Kommentar von pasQualle

    Eine wirklich tolle Funktion die ich auch gerne in meinem Blog nutzen möchte. Allerdings benutze ich dort schon das mootools accordion, was dann zu einem Konflikt führt. Den versuchte ich mit jQuery.noConflict(); zulösen.
    Abhilfe schafft das Ersetzen von allen $ in den jQuery Dateien zum Beispiel mit dem jQuery String.

  32. 32
    Kommentar von Frank Romeike

    Danke für den Hinweis.

    Ist extrem praktisch! Danke!

  33. 33
    Kommentar von mig

    Wow, man kann sogar mit der Strg-Taste mehrere Sachen entfernt voneinander markieren und es wird alles eingefügt. Sehr schick. :D

  34. 34
    Kommentar von Peter

    document.body.style.visibility="hidden";

Kommentar schreiben

Kommentarregeln: Bleib cool, kritisch ist in Ordnung, aber wenn du unhöflich bist, dann lösche ich deinen Kommentar. Bitte benutze deinen persönlichen Namen oder Initialen und nicht den Namen eines Unternehmens, dies würde als Spam gewertet und wird gelöscht. Der Zusammenhang zwischen Namen und URL sollte nicht offensichtlich auf Spam hindeuten! ♥ Ansonsten, vielen Dank für den Kommentar und viel Spaß mit meinem Blog.

Kommentar-Hilfe

händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.

Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.

xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>

Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als &lt; und > als &gt; einfügt.

E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.

Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.

Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.