Sidebar
ein-/ausblenden

Änderung im Kommentarbereich

Plugin für WordPress SEO

Anzeige

Im aktuellen Theme „Alles anders!“ habe ich einige kleine Veränderungen vorgenommen. Unter anderem wollte Leo einige kleine Vorzüge haben.

Die klassischen Lösungen via Plugin o.ä. waren mir nicht so richtig durchdacht bzw. fehlerhaft und ich wollte außerdem die Datenmenge gern klein haben. Deshalb habe ich einige Lösung auf Basis jQuery (Vorschau und Ajax-Eintragung) eingebaut und nun auch noch Quicktags (auf Basis von Tilo), wobei auch ein Script entstanden ist.

Ich würde gern wissen, ob es noch Wünsche im Bereich Kommentare gibt, fehlen Buttons oder streiken wieder Browser, die nicht in meiner Testumgebung zur Verfügung stehen?

Vielen Dank an alle, die sich die Mühe eines Feedbacks machen!

20 Kommentare und 1 Trackback zu „Änderung im Kommentarbereich“

  1. 1
    Kommentar von Markus

    Hei Frank!

    Habs eben mal auf nem Mac (auf dem läuft 10.5) unter folgenden Browsern probiert: Safari3, FF (2.0.0.9), Flock (1.0.1), Netscape Navigator (9.0.0.3) und Opera (9.2.4).

    Javascript läuft über schnell, flüssig und macht wirklich nen feinen Eindruck! Ebenso die quicktags. Einzig der neue Safari hat nen Darstellungsproblem (glaube nicht es liegt am Java). Es haut nämlich unter "Dein Kommentar" irre viel Leerraum rein. Dazu zwei Screenshots als zip gepackt. Im Opera geht der Text "eMail-Benachrichtigung ..." ein bissl über die Checkbox, ist aber eher ein schönheitsding. Funktionieren tuts trotzdem. Aber wenn du noch ein bissl am Design fummelst, kannste ja die Schriftgröße von der diversen Kommentar-eingabefelder angleichen. Versteh immer nicht so ganz, warum das Kommentar ne größere Schrift bekommt als Webseit, Name und eMail.

    So long und wie immer sehr fein gemacht!
    M

  2. 2
    Kommentar von Frank Bültge

    Hallo Markus,
    vielen Dank für die Tests, sehr hilfreich!
    Das Problem mit dem großen Abstand muss ich mir mal ansehen, dass ärgert mich aber. Text-Größe habe ich angepasst, empfand es im Vorfeld als angenehm.
    LG Frank

  3. 3
    Pingback von University Update - AJAX - Änderung im Kommentarbereich
  4. 4
    Kommentar von Tilo

    Hej Frank,
    danke, dass Dir das Script gefällt :-)

    Hab diese Seite mal unter FF 2.0.0.9, IE 6.0.29 und Konqueror 3.5.5 getestet.
    FF und IE zeigen die gewünschten Ergebnisse (nur im IE ist das Kommentarfeld 1-zeilig - aber das ist bestimmt so von Dir beabsichtigt).
    Im Konqueror wird das Kommentarfeld erst unterhalt der letzten Seitenliste (Projekte) dargestellt. Auch kommt der Konqueror nicht mit der Ausblend- / Einblend-Funktion von den Kommentaren und der Kommentar-Hilfe klar. Diese Felder sind geöffnet und können bei Klick auf das /- - Zeichen nicht geöffnet / geschlossen werden. Hab Dir mal 2 Screenshots vom Konqueror bereitgestellt.
    Ansonsten: Sehr gut gemacht und das neue Layout gefällt mir sehr gut!
    VG Tilo

  5. 5
    Kommentar von Frank Bültge

    Hallo Tilo,
    danke für dein Feedback.
    Die Größe des Eingabefeldes sollte eigentlich überall gleich sein, aber der IE ist mir (fast) schnuppe. Woran es liegt? - keine Ahnung, da muss ich mal mehr Zeit investieren.
    Das aber das Feld im Konquerer und Safari so weit unten sind, das nervt. Allerdings habe ich auf die schnelle keine Idee und so muss ich es mal in Ruhe angehen.
    Solltest du eine Idee haben, ich wäre dankbar.

    * Ich hoffe die Erwähnung in 3 Blogs ist Ok.
    LG Frank

  6. 6
    Kommentar von picard

    deine seite finde ich total schön, das ist ein grund wiso ich dich nun lesen :-)
    der zweite ist, das ich von dir hier noch viel lernen kann, an texten, die gefallen mir sehr gut und aber auch die technischen umsetzungen.

    aber eine anmerkung habe ich... wenn ich dann fertig bin mit schreiben und das ganze abgeschickt habe, kann die live vorschau doch ausgeblendet werden

  7. 7
    Kommentar von Frank Bültge

    Die Vorschau reflektiert lediglich den Inhalt der textarea.

  8. 8
    Kommentar von picard

    dann sollte die live vorschau aber leer sein, nachdem ich auf senden getrückt habe, den das koemtar eingabe feld ist dann leer!

  9. 9
    Kommentar von Tilo

    Hej Frank,

    kleiner Hinweis: zuerst wusste ich nicht, welche Funktion das Plus- und Minuszeichen über der Textbox haben, da bei Beiden im title-Attribut "Code einfügen" steht.
    Jedenfalls kenne ich jetzt nach einem Klick auf die Zeichen deren Bedeutung. Wie heisst's so schön: probieren geht über studieren lol

    LG
    Tilo

  10. 10
    Kommentar von Frank Bültge

    Danke für den Hinweis, habe es gleich ausgebessert.

  11. 11
    Kommentar von picard

    auch rom ist nicht an einem tag erbaut worden ;-)

    kann mir vieleicht einer bei meinem design helfen, ich bekomme das die live vorschau nicht angezeigt :-(
    ich benutze das plugin LiveCommentPreview
    im default style klapt es
    ich benutze das theme Dark 3Chemical DE

  12. 12
    Kommentar von Frank Bültge

    Die Vorschau realisiere ich mittels jQuery und ohne Plugin. Wenn du ein Problem mit dem Plugin hast, dann wende dich lieber an den Autor, denn ich muss mir auch die Beschreibung oder den Code erst ansehen.

  13. 13
    Kommentar von funkygog

    kleine Anmerkung:
    Habe gerade einen Kommentar zu dem Performance Plug-In geschrieben. Dabei fiel mir auf, dass Links (das am Anfang war auch ein Link) nicht auffallen. Außerdem zeigt die Vorschau den small Code (das war gerade small) an, der aber nicht umgesetzt wird.
    Vermutlich nutzen die meisten dies aber ohnehin nicht.

  14. 14
    Kommentar von Frank Bültge

    @funkygog :
    Der Link zu deinem Kommentar wird auch in der Vorschau und in small dargestellt. Mal sehen, ob small auch nach dem Absenden übernommen wird.

  15. 15
    Kommentar von Frank Bültge

    So wie es aussieht, funktioniert unter Firefox alles, Link ist in der Vorschau sichtbar und small wurde übernommen, eventuell hast du einen Tippfehler?

  16. 16
    Kommentar von funkygog

    Hallo Frank,
    Dein Link #14 fällt auch mehr auf als meiner #13 und jetzt schreibe ich nochmal etwas in small: habe hierfür html-Code benutzt.

  17. 17
    Kommentar von Frank Bültge

    Habe nun das Stylesheet ein wenig angepasst, so dass Links mehr auffallen, aber Unterschiede der Links in einzelnen Kommentaren gibt es nicht, auch nicht bei small.

  18. 18
    Kommentar von LastOne

    Hi, ich wurde an anderer Stelle mal wieder auf dich verwiesen (passt mir öfter *g*). Wie hast du die Quicktags genau bei dir eingebunden? Leider gibt es nur ältere Plugins die mit 2.5/2.6 nicht laufen und angeblich sollst du schon mal irgendwo eine Anpassung gemacht haben. Gefunden habe ich auf deiner Seite nichts. Vielleicht kannst du etwas detailierter verraten wie du deine Lösung hier eingebunden hast. Ev. hast du die .js Datei als Download über?

  19. 19
    Kommentar von Frank Bültge

    @LastOne: Jared hat dafür schon ein Tutorial inkl. JS erstellt, im Grunde ist das genau meine Lösung. Ich hatte nur die Muse und Zeit um etwas zu schreiben.

  20. 20
    Kommentar von LastOne

    Schade, Jared's Lösung bekomme ich leider nicht implementiert, hab keine Ahnung woran das liegt. Im Standard-Theme funktioniert es, nur nicht in meinem eigentlichen Theme. Da werd ich mich wohl doch weiter damit auseinander Setzen müssen. Dachte du hättest hier ev. ne Abkürzung gehabt ;)

  21. 21
    Kommentar von Frank Bültge

    @LastOne: Kann doch eigentlich nur daran liegen, dass sich entweder das JS mit anderen nicht verträgt, oder das das Textfeld das falsche ID hat und dadurch nicht vom JS angesprochen werden kann.

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.

E-Mail-Benachrichtigung bei weiteren Kommentaren.
Auch möglich: Abo ohne Kommentar.

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.