Peruns Weblog - Webwork und Internet


Ist das private Weblog von Vladimir Simovic mit Berichten zum Thema Webwork und Internet. Ich wohne in Köln und arbeite als freier Webworker, Blogger und Autor.



Anpassungen im Kommentar-Bereich

Perun am 11. November 2006 um 05:06 Uhr

Ich habe so eben einige Änderungen im Kommentar-Bereich vorgenommen. Zum einen habe ich die Gravatare rausgenommen, die Ladezeit des Gravatar-Servers war mehr als lausig. Mal schauen ob sich die schlechte Ladezeit in der Zukunft verbessert, evtl. füge ich die Gravatere auch wieder ein.

Dann habe ich die Zählweise der Kommentare geändert. Zuerst habe ich die Listenzeichen der Aufzählungsliste ausgeblendet (list-style: none;) und anschließend diese Codezeile in der comments.php:

<?php foreach ($comments as $comment) : ?>

durch folgende ersetzt:

<?php $count = 0; foreach ($comments as $comment): $count++; ?>

An der Stelle, wo man dann den Kommentarzähler haben will, fügt man folgenden Code ein:

<a href="#comment-<?php comment_ID() ?>">#<?php echo $count; ?></a>

Anhand der Anleitung von Michael habe ich dann meine Kommentare hervorgehoben. Dafür habe ich in der comments.php diesen Code:

<li id="comment-<?php comment_ID() ?>">

durch folgenden ersetzt:

<li id="comment-<?php comment_ID() ?>"<?php
global $comment;
if ( ($comment->comment_author_email == get_the_author_email()) && ($comment->user_id != 0) ) {
echo " class=\"mein-kommentar\"";
}
?>>

Verwandte Beiträge

«« Zum vorherigen Beitrag — Zum nächsten Beitrag »»


23 Kommentare »»

  1. 1.Pepino

    Kommentar vom 11. November 2006 um 12:34

    Um ehrlich zu sein: ich finde die Hervorhebung nicht sehr stark. Absicht?

  2. 2.SuMu

    Kommentar vom 11. November 2006 um 16:08

    Perun meinte, er habe seine Kommentare hervorgehoben,da er aber noch nicht kommentiert hat, kann man es wohl auch nicht sehen ,-).
    So habe ich es zumindest verstanden.

  3. 3.Perun

    Kommentar vom 11. November 2006 um 16:13

    @Pepino,

    ich habe auch meine Kommentar nur dezent hervorgehoben, es sollte zwar auffallen, aber nicht aufdringlich wirken.

  4. 4.Pepino

    Kommentar vom 11. November 2006 um 17:28

    @SuMu: ich war natürlich so clever und hatte in einem anderen Beitrag die Hervorhebung getestet. ;-)

    @Perun: verstehe. Aber mir wäre es ohne diesen Beitrag nicht aufgefallen :-)

  5. 5.Horst Scheuer

    Kommentar vom 11. November 2006 um 17:46

    @Perun
    Also ich kann kein Unterschied zwischen deinem Kommentar und den Kommentaren der Anderen feststellen!

  6. 6.jens

    Kommentar vom 11. November 2006 um 19:04

    Dieses Plugin: http://zenpax.com/gravatars2/ cached die Bilder, falls du es mal damit versuchen willst.

  7. 7.Perun

    Kommentar vom 11. November 2006 um 19:21

    @Horst,

    normaler Kommentar: #eee und #ddd
    mein kommentar: #ddd und #ccc

  8. 8.apollon

    Kommentar vom 11. November 2006 um 19:41

    In der Nacht sind alle Katzen grau. Ich habe auch 2x gucken müssen. Aber gute Idee. Ich glaube, das mache ich auch.

  9. 9.Boris

    Kommentar vom 12. November 2006 um 10:58

    Mir sind das irgendwie zu viele Querbalken, die die Kommentare nicht so richtig voneinander trennen. Ich würde die Titelbalken (mit den Namen) etwas stärker gegenüber den Datums-/Zeitbalken akzentuieren.
    Plus vielleicht noch etwas mehr Luft zwischen den einzelnen Kommentaren, so vielleicht 3-4 Pixel.

    Die neue Art der Nummerierung ist allerdings eine gute Idee. So werden die Nummern wirklich unabhängig vom Listeninhalt formatierbar.

  10. 10.Aristo

    Kommentar vom 12. November 2006 um 11:08

    Habe in meinem Blog die Balken komplett weggelassen und jeden Beitrag farblich abgesetzt, finde ich besser..

  11. 11.SuMu

    Kommentar vom 12. November 2006 um 11:28

    Verrate mir doch mal bitte, wie ich in mein Blog so einen Code-Schnipsel mit php-code anzeigen lassen kann. Bei mir kommt da nur Murks raus :-(.
    Vielleicht bräuchte ich dazu ein Plugin?

  12. 12.Perun

    Kommentar vom 12. November 2006 um 12:24

    @SuMu,

    wenn du Code in einem Beitrag anzeigst, dann musst du alle spitzen Klammern "entschärfen". Dafür habe ich extra Weaverslave installiert: Code einfügen, markieren und dann Extras / Änderungen / Code zu XML (Dezimal).

    Im WeBuilder könnte ich das auch machen, aber irgendwie ist es nicht so komfortabel wie beim Weaverslave.

  13. 13.SuMu

    Kommentar vom 12. November 2006 um 12:36

    klasse, dann benötige ich ja kein Plugin für mein bisschen Code!

  14. 14.Pepino

    Kommentar vom 12. November 2006 um 13:12

    okay, "so" sieht das auch ein Blinder wie ich ;-)

  15. 15.Sahanya

    Kommentar vom 13. November 2006 um 18:20

    Die Abtrennung der einzelnen Kommentare gefällt mir gut, auch das Gelb hier in der Kommentarbox.

  16. 16.tip24

    Kommentar vom 13. November 2006 um 23:44

    habe auch gebraucht bis ich den unterschied gesehen habe. nette spielerei!

  17. 17.Boris

    Kommentar vom 20. November 2006 um 08:39

    Aha! (Sehe ich tatsächlich heute erst)
    So ohne die Querbalken, aber mit den feinen Trennlinien finde ich das viel übersichtlicher und angenehm leichtgewichtig.

  18. 18.Mayu

    Kommentar vom 24. November 2006 um 10:00

    nett ;)

  19. 19.xwolf

    Kommentar vom 29. November 2006 um 13:40

    Danke für den Tipp - hab es bei mir jetzt auch eingebaut, wobei ich aber noch eine Verbesserung einbaute um jeden zweiten normalen Kommentar einer naderen Klasse zuzuteilen:

    Über den Editbereich definieren:

    $oddcomment = 'eins';

    Und dann natürlich:

    <li id="comment-" comment_author_email == get_the_author_email()) && ($comment->user_id != 0) ) {
    echo " class=\"autor\"";
    } else {
    if ('eins' == $oddcomment) {
    echo " class=\"eins\"";
    } else {
    echo " class=\"zwei\"";
    }
    }
    ?>>

    mein CSS unterscheidet also zwischen


    .commentlist li {}
    .commentlist li.eins {}
    .commentlist li.zwei {}
    .commentlist li.autor {}

  20. 20.Track- und Pingbacks separat auflisten » Peruns Weblog - Webwork und Internet

    Pingback vom 07. Dezember 2006 um 12:30

    [...] Daher sollte man übergangsweise, diese Zählung entfernen oder auskommentieren. Ich stehe allerdings vor einem anderen Problem. Ich habe letztens über die Änderungen im Kommentarbereich berichtet. Das Problem ist aber das sich die zwei Anweisungen bzw. die zwei foreach-Konstrukte - der für die Zählung der Kommentare un der für die Trennung der Trackbacks - in die Quere kommen und ich momentan vor lauter Bäume den Wald nicht sehe und daher nicht dahinter komme wie man diese beiden Anweisungen miteinander verbinden kann. [...]

  21. 21.Jared

    Kommentar vom 12. Januar 2007 um 09:22

    An sich ne klasse sache aber wieso erwaehnt eigentlich keiner der ueber die hervorhebung des adminkommentars schreibt wo genau man das denn auch im stylesheet aendern soll?

    deine beschreibung find ich echt klasse und hab auch alles gemacht nur komm ich jetzt nich mehr weiter :cry:

  22. 22.Perun

    Kommentar vom 12. Januar 2007 um 15:02

    @Jared (Nr. 21),

    … wieso erwaehnt eigentlich keiner der ueber die hervorhebung des adminkommentars schreibt wo genau man das denn auch im stylesheet aendern soll?

    in meinem Beitrag findest du den Code class="mein-kommentar". Hierbei handelt sich um einen Klassenselektor den du in der CSS-Datei ansprechen kannst, z. B.:

    .mein-kommentar {
    background: #eee;
    }

    xwolf (Nr. 19) hat übrigens im letzten Abschnitt auch ein CSS-Code als Beispiel geliefert. Wo du die beiden Codes in deiner CSS-Datei unterbringst ist natürlich dir überlassen.

  23. 23.Kennzeichnung von Track- und Pingbacks sowie meiner eigenen Kommentare - Finger.Zeig.net

    Pingback vom 07. Juli 2007 um 17:15

    [...] ich mittels Plugin von Jack gelöst und die Kennzeichnung meiner eigenen Kommentare mit einer kleinen Code- und CSS-Ergänzung. Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue [...]

Einen Kommentar hinterlassen

XHTML (folgende Tags sind erlaubt): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> . Kommentar-Vorschau ist aktiviert (Javascript wird benötigt).

Code-Beispiele: damit die Code-Beispiele richtig angezeigt werden müssen die Sonderzeichen maskiert werden (z. B. < zu &lt;).

Live-Vorschau: