… fragte mich Crazy Girl in diesem Kommentar. Da ich ihr kaum eine Bitte ausschlagen kann und ihr auch immer wieder gerne antworte – wobei ich weiß, dass sie mir meistens auch folgen kann bei dem, was ich so schreibe, dachte ich mir, heute mach ich es anders: Heute gibt’s (ähnlich wie gestern) einen kleinen Artikel mit einem Blick “hinter die Kulissen”.
Zunächst muss ich eines jedoch vorausschicken: Die von mir verwendeten Thumbnails werden durch die Website von M-Software generiert (über diesen Dienst). Hier legt man wert darauf, dass die Dienstleistung kostenlos ist, man aber durch eine der genannten Möglichkeiten verlinkt werden möchte, was ich eben in der Kommentarsection mit diesem kleinen Button erledige. Man kann natürlich jeden x-beliebigen Thumbshot/Thumnail-Dienst einbinden, aber M-Software hat den Vorteil, dass keinerlei Werbung draufsteht 
Doch zum eigentlichen Geschehen:
Die Magie beginnt bei mit in der comments.php-Datei (eine Datei im WordPress-Theme), die ich mit folgendem Code-Schnipsel erweitert habe, bei mir steht es vor folgender Zeile: <?php comment_author_link() ?>
$cmntURL = get_comment_author_url();
if ($cmntURL != “” ) {
echo’<a href=”‘.$cmntURL.’” title=”Homepage von ‘.get_comment_author().’”><img class=”thumb thumb-50 photo” style=”width:50px; height:50px;” src=”http://www.m-software.de/screenshot/Screenshot.png?url=’.$cmntURL.’&commingsoonimg=http%3A%2F%2Fwww.m-software.de%2Fuploads%2Fcommingsoon.png” alt=”Homepage von ‘.get_comment_author().’”/></a>’;
}
Hierzu eine kurze Erklärung:
Die erste Zeile sorgt dafür, dass in der Variablen $cmntURL der vom Kommentarautor hinterlegte Link (der normalerweise ja auf dem Autorennamen liegt und auf die hinterlegte Homepage zeigt) gespeichert wird.
Die zweite Zeile überprüft nun, ob überhaupt in der Variablen ein Link gespeichert wurde (es gibt ja auch Kommentarschreiber, die keine Homepage angeben). Nur, wenn dies der Fall ist, macht es ja auch Sinn, einen Thumbshot anzuzeigen.
Die Anzeige des Thumbs erfolgt nun durch die nachfolgende echo-Anweisung, in der die ganze Magic im “src”-Tag des Bildes steckt, nämlich in folgender URL:
http://www.m-software.de/screenshot/Screenshot.png?url=’.$cmntURL.’&commingsoonimg=http%3A%2F%2Fwww.m-software.de%2Fuploads%2Fcommingsoon.png
Hier wird die API zur Generierung des Thumbnails aufgerufen, indem der Variableninhalt der Variablen $cmntURL als url-Parameter übergeben wird. Was hier noch geschieht, ist lediglich, dass eine Alternativgrafik mit angegeben wird, die angezeigt werden soll, solange kein Thumb vorliegt (der Parameter commingsoonimg wäre das dann).
Das wäre an sich die Zauberei in der comments.php.
Damit nun die Thumbs auch schön rechtsbündig angezeigt werden, bedarf es noch einer Eintragung in der styles.css – also den Cascading Style-Sheets des Themes.
Hier habe ich folgendes hinzugefügt, was eine rechtsbündige Ausrichtung bewirkt:
#commentlist .thumb, .commentlist_ajax .thumb, .commentlist_preview .thumb {
border:1px solid #161406;
float:right;
margin:4px 0 5px 5px;
padding:0;
}
Es kann natürlich jetzt sein, dass hier in den Klassenbezeichnungen (also commentlist oder dergleichen) individuelle Änderungen erforderlich sind, je nach dem, wie die einzelnen IDs bei euch lauten, aber im Grunde erzeuge ich auf diesem Wege die Formatierung.
Im Grunde wäre es das auch schon gewesen. Ich hoffe, ich habe euch nicht allzu viel verwirrt sondern evtl. dem ein oder anderen eine Idee geben können, wie man vielleicht seinen Kommentarbereich im Blog ein wenig “aufwerten” kann.
Tags:Blog, Kommentare, Theme, Thumbnail, WordPress
Supi, vielen Dank. Ich werde das die Tage ausprobieren und dann natürlich auch berichten
Crazy Girl´s last blog ..Das optische Grauen im Netz – IE6 zeigt „die Flodders“ des Internets
28. Jul. 2009 um 8:55 Uhr | #
@Crazy Girl:
Dann bin ich mal gespannt
28. Jul. 2009 um 9:27 Uhr | #
Sehr schöner Artikel und eine super Anleitung. Ich weiss zwar noch nicht genau ob ich das bei mir auch einbauen werde, aber auf jeden Fall werde ich das in meinen nächsten Blog integrieren und auch sicherlich viel Freude daran haben.
Sascha´s last blog ..13 effektive Tipps zur Erhöhung der Google Adsense CTR
28. Jul. 2009 um 10:31 Uhr | #
Hallo Kim,
danke schön für diesen tollen Hinweis. Wollte ich auch schon die ganze Zeit mal einbauen. Aber wie so oft mal wieder keine Zeit!
Ich habe noch eine andere Frage an dich, ist das Commentluv, was ich da unten sehe? Vielleicht ein neuer Artikel? Das würde mich nämlich echt interessieren: Bisheriger Stand wieso ich es noch nicht eingebaut habe ist, dass mir jeder was erzählt von wegen zuvieler Links auf der Seite! Stimmt das?
Gruß
Matthias
Mac_BetH´s last blog ..Subscribe to Comments – meine Erfahrungen als Blogger und als Leser
28. Jul. 2009 um 10:36 Uhr | #
@Sascha:
Hallo Sascha, freut mich, dich auch mal hier “aktiv” begrüßen zu können
Wenn dein neues Blog läuft, sag Bescheid – ich schau mal gerne rein 
@Mac_BetH:
Was du unten siehst, ist CommentLuv, richtig. Hier einen Artikel draus zu machen, wäre denke ich eine Zitation der Installationsanleitung *lach* weil: im Grunde ist es nicht mehr als Installieren, Aktivieren und ggf. das CSS noch bissel anpassen.
SEO-technisch gesehen weiß ich jetzt nicht, ob dieser eine Link mehr oder weniger im Blog (pro Kommentar, der es nutzt) tatsächlich jetzt einen umbringt. Hierzu könnte sicherlich unsere Suchmaschinen- und SEO-Prinzessin Tanja was sagen *lach*, die hat da irgendwie mehr Intuition für. Ich für mich sage mal: es ist sicherlich nicht ganz so böse, wie viele es vielleicht empfinden (wenns ein Blog mit mittlerem Kommentaraufkommen wie meines eins ist) ist.
Bei Blogs, bei denen pro Artikel 50 und mehr Kommentare aufschlagen, wäre es die Frage, ob es dann nicht langsam in einen Bereich kommt, wo man drüber nachdenken müsste.
28. Jul. 2009 um 10:47 Uhr | #
Na ja, wie schon mal erwähnt, commentluv verdoppelt mal kurz die Anzahl deiner Links, die nach außen gehen. Bei mir mittlerweile ein Unding, das würde mich bei den Suchmaschinen total abschießen. Schließlich sprenge ich eh schon die maximal 100 Links pro Seite, die es als Vorgabe gibt.
Crazy Girl´s last blog ..Das optische Grauen im Netz – IE6 zeigt „die Flodders“ des Internets
28. Jul. 2009 um 14:01 Uhr | #
Hui, coole Idee. Versuche ich bei Gelegenheit auch mal. Danke für den Tipp!
28. Jul. 2009 um 14:07 Uhr | #
Habe deinen Beitrag auch gerade im Feed-Reader gelesen und werde es sicher auch noch in meinem Blog unterbringen
Chris´s last blog ..Schräge Domain-Namen
28. Jul. 2009 um 14:29 Uhr | #
Kim, das ist super geil
Ich habe es gerade implementiert und werde morgen drüber berichten. Musste noch ein paar Erweiterungen einbauen, da ich es auf das Plugin “nofollow case by case” ausrichten wollte. War gar nicht so schwer wie ich erst dachte 
Die Idee bzw. meine Intention dahinter gibts natürlich auch gleich morgen im Bericht.
Crazy Girl´s last blog ..Das optische Grauen im Netz – IE6 zeigt „die Flodders“ des Internets
28. Jul. 2009 um 19:26 Uhr | #
Coole Sache, aber ich befürchte das Funktioniert nur, wenn man die alte Version zum Anzeigen der Kommentare benutzt und nicht die integrierte von WordPress 2.7 mit wp_list_comments(‘type=comment’)
Viele Grüße
Thomas
hombertho´s last blog ..Ein Apple Notebook für 50 Euro – Ist das möglich?
29. Jul. 2009 um 9:24 Uhr | #
@hombertho:
Ich müsste mir das mal genauer anschauen, wie das nach der neuen Methode funktioniert. Im Grunde denke ich, lässt sich das aber auch in solche Themes integrieren.
Ich sollte mir mal wieder ein Testblog zulegen, was ein Standard-Theme nach aktuellem Stand der Dinge enthält, damit ich das dort auch mal ausprobieren kann
29. Jul. 2009 um 9:27 Uhr | #
Hallo Kim,
komme über Crazy Girls Seite und finde ein Sreenshot anstelle eines Links auch sehr interessant. Ich habe gerade bestimmt eine Stunde an meiner comments.php rum gemacht, aber es partout nicht hinbekommen, weder mit Deinem noch mit Crazy Girls Code und das an jeder erdenklicher Stelle. Vielleicht könntest Du mir ja helfen, ich bin was php angeht, wirklich nicht firm?! Vielleicht dürfte ich Dir meinen comments.php mal schicken?
Camdy´s last blog ..Wer zahlt bestimmt?
29. Jul. 2009 um 12:18 Uhr | #
@Camdy:
Hallo Camdy, gerne kannst du mir deine comments.php mal per E-Mail schicken:
kim (und hier steht der klammeraffe) huebel-online (hier ein punkt) de
Ich guggs mir dann mal an
29. Jul. 2009 um 12:22 Uhr | #
@Kim und Camdy: Passt auf die einfachen und doppelten Anführungszeichen auf. Ich musste die auch alle von vorne bis hinten ersetzen. Copy/Paste mag php meist gar nicht so gerne
Ich hoffe mir hat es bei meiner Artikelaktualisierung nicht den Code zerhauen…
Crazy Girl´s last blog ..Free Thumbnails gegen den Keyword Missbrauch im Namensfeld
29. Jul. 2009 um 12:30 Uhr | #
@Crazy Girl:
Wegen der Anführungszeichen: Danke
Da hab ich nun gar nicht so drauf geachtet, als ich den Code in den Editor postete… Dachte, es wäre hier eher ein Darstellungs-Ding 
29. Jul. 2009 um 14:06 Uhr | #
Also ich sage einfach mal besten Dank. Habs grad mal eingebastelt und musste nur die CSS Klasse von commentlist in comments ändern (erstaunlich, dass ich das allein hinbekommen habe *gg*). Läuft prima !!
Rio´s last blog ..Eifeltour mit Verkehrsunfall
29. Jul. 2009 um 16:37 Uhr | #
@Rio:
Hehe
Freut mich zu hören, Rio… So stell ich mir das vor 
29. Jul. 2009 um 22:01 Uhr | #
Ich habe ja das Case by Case eingebaut. Wenn ich nun einen Link nicht löschen sondern nur auf NoFollow setzen wollte, ging das zwar, aber der Link am Thumpshot blieb durch Case by Case auf NofollowFree. Habe nun die Verlinkung des Thumpshots entfernt. Und nu bin ich komplett zufrieden
Rio´s last blog ..Eifeltour mit Verkehrsunfall
29. Jul. 2009 um 22:23 Uhr | #
@Rio:
Ahja… na, wenn du zufrieden bist, bin ich es auch *lach*. Irgendwie is grad zu spät, um wirklich noch nachzuvollziehen, was du da grad schreibst… aber wird schon richtig sein
29. Jul. 2009 um 22:31 Uhr | #
*lach* naja, mit dem Plugin Case by Case werden doch alle Links auf NoFollowFree gesetzt. Bei Bedarf kann man aber einen Kommentarlink auf NoFollow setzen. Das ist auch toll, nur wenn der Link des kleinen Screenshots vom Kommentatorblog dann auf NoFolloFree bleibt, ist das ja völlig sinnlos. Somit habe ich die Verlinkung zum Kommentatorblog komplett entfernt. Halt quasi genau wie bei Crazy, nur umgekehrt
Rio´s last blog ..Eifeltour mit Verkehrsunfall
29. Jul. 2009 um 22:35 Uhr | #
@Rio:
Haste gehört, wie es grad gerasselt hat? Da is der Groschen in Pfennigen gefallen
Wäre es nicht in dem Fall eh sinnvoller, den Link auf der Grafik generell nofollow zu setzen? Weil, ich denke mal, ein Followed Link auf die fremde Seite auf der Seite sollte ducrhaus doch auch reichen?! Nur mal so generell gesprochen – weiß ja nicht, wie man das so sieht…
29. Jul. 2009 um 22:39 Uhr | #
Ja, das ist ja im Code auch als NoFollow deklariert, wird aber automatisch von Case by Case wieder auf NoFollowFree gesetzt. Und ich dacht mir, warum zwei Links zum gleichen Ziel.
Rio´s last blog ..Eifeltour mit Verkehrsunfall
29. Jul. 2009 um 22:43 Uhr | #
@Rio:
Herrje is das kompliziert. Ich sollte mich mal intensiver mit solchen Plugins (die ich ja bis heute noch gar nicht kannte!) auseinandersetzen, um deren Wirkungsweise verstehen zu lernen. Wie dem auch sei – du hast eine Lösung für dich gefunden, ich denke, andere werden sich daran evtl. einen Impuls holen
29. Jul. 2009 um 22:46 Uhr | #
Sorry Ihr beiden, aber mein abgeänderter Code wie ich ihn in meinem Beitrag gepostet habe, fängt genau das Nofollow Case by Case Plugin ab. Deswegen habe ich das ja geändert, weil ich nicht wollte, dass ein Link nofollow und dann der gleiche im Image auf follow steht. Also wer meinen Code nutzt, der hat das Problem wie von Rio beschrieben nicht und muss auch nicht den Imagelink entfernen, weil der sich genauso verhält wie der Autoren Link
Bei nofollow wird auch dieser Link zu nofollow, ohne nofollow steht auch dieser Link ohne nofollow da.
Crazy Girl´s last blog ..Feigenbrot – Pan de Higo aus Spanien
30. Jul. 2009 um 11:55 Uhr | #
@ Crazy: Wie ich ja schon bei dir schrieb, hält deine Theorie bei mir aber nicht stand leider.
Rio´s last blog ..Eifeltour mit Verkehrsunfall
30. Jul. 2009 um 11:58 Uhr | #
@Rio: Ist keine Idee, sondern erprobte Praxis. Dass der entsprechende Code ignoriert wird, kann nur an einem Fehler in den entsprechenden PHP Zeilen liegen…
Crazy Girl´s last blog ..Feigenbrot – Pan de Higo aus Spanien
30. Jul. 2009 um 12:04 Uhr | #
Ich habe nochmal die comments mit dem originalcode von Crazy ausgestattet und nochmal getestet. Das einzige was mit dem Thumbnail passiert wenn ich das Dontfollow dranbastel, das Thumbnail wird nicht mehr dargestellt, aber die Verlinkung ist auf NoFollowFree.
Meine Güte, ich bin doch kein Dummkopf *grummel*
Rio´s last blog ..Eifeltour mit Verkehrsunfall
30. Jul. 2009 um 12:08 Uhr | #
Dann müsste der Link aber auch auf die dontfollow-Seite der verlinkten Domain, also auf eine nicht existierende Seite gehen.
Das einzige was mein Code zusätzlich zu Kims Code macht ist:
- den Link auf das enthaltene /dontfollow in der zu überprüfen
- dieses zu entfernen
- und in diesem Fall den Code mit dem nofollow tag zu versehen
- ist dagegen das /dontfollow in der URL nicht enthalten
- macht es das gleiche wie Kims Code
Bei mir läuft das ja auch die ganze Zeit ohne jegliche Probleme. Kim was sagst Du, was ist bei Rio falsch? Hat er eine PHP Version die weder preg_match noch str_replace unterstützt? Eigentlich unmöglich, oder?
Vielleicht muss der letzte / hinter dontfollow entfernt werden, falls der Link bei Rio aus der Datenbank ohne dieses kommt. Ein echo $cmntURL zwischendrin wäre schon mal hilfreich…
Crazy Girl´s last blog ..Feigenbrot – Pan de Higo aus Spanien
30. Jul. 2009 um 12:50 Uhr | #
@Crazy Girl:
Mal davon abgesehen, dass ich jetzt nicht weiß, wie genau dieses dont-follow oder follow-case-by-case-Plugin (oder was ihr da einsetzt) im Grunde funktioniert, sehe ich bei deiner Lösung, dass, wenn man ein nofollow drinhaben will, wohl in der URL ein “dontfollow” verstecken muss… denke mal entweder am anfang oder am Ende… Bei deiner Lösung wird, wenn es vorhanden ist, es wohl auch korrekt mit dem str_replace herausoperiert (also durch nix ersetzt)… was richtig ist.
Die Sache, ob Rio was am PHP hat, schließe ich einfach mal aus, weil Rio nix von Fehlermeldungen sagte… in der Tat wäre ein echo ‘‘; im Code nicht schlecht (und zwar direkt am Anfang, wenn die Variable gesetzt wurde, um mal zu sehen, was da rauskommt…
30. Jul. 2009 um 13:58 Uhr | #
Ja Kim, es ist in der Tat so, dass dieses Plugin ein /dontfollow hinten an die URL dran hängt. Wenn man sie mit get_comment_author_url() aus der Datenbank holt sieht die URL so aus: …domain.tld/dontfollow
In die Funktion comment_author_link() greift dieses Plugin ebenfalls ein. Dort löscht es das /dontfollow wieder raus und verwandelt den Link in einen Link mit dem Tag rel=nofollow.
Deswegen musste ich ja schon auch Deinen Code umschreiben, sonst hätte ich bei den nofollows auf 404er Seiten gelinkt, weil das entsprechende Umschreiben ja nicht dabei ist.
Wenn nun bei Rio mein Code nicht funktioniert, dann kann das eigentlich nur daran liegen, dass die URL die aus der Datenbank kommt nicht so aussieht, sondern anders. Deswegen meine Idee mit dem echo, um zu sehen, was im nofollow Fall da wirklich raus kommt aus der Datenbank.
Crazy Girl´s last blog ..Feigenbrot – Pan de Higo aus Spanien
30. Jul. 2009 um 17:18 Uhr | #
Hi Kim,
mein Dankeschön geht Dir etwa in der ersten Augustwoche zu! Habe mir neben Amazon noch etwas anderes nettes einfallen lassen
Habe Dich nicht vergessen und nicht das Du Dich wunderst,
liebe Grüße
Camdy
11. Aug. 2009 um 13:36 Uhr | #
@Camdy:
Na, da bin ich aber mal gespannt
*kannmichvorneugierdekaumhalten*
11. Aug. 2009 um 13:48 Uhr | #