Alle Beiträge mit dem Schlagwort „Gravatar”
7. November 2009 von Dieter | 8 Kommentare
Eigene und fremde Kommentare unterscheiden
Crazy Girl (www.crazytoast.de) und Gerrit van Aaken (praegnanz.de/weblog) haben mich mit ihren Blogs zur Differenzierung von eigenen und fremden Kommentaren mittels Rahmen inspiriert. Danke!
Gesagt, getan!
Ab sofort gibt es auf Webseiten-Infos.de nur noch einen Rahmen um meine eigenen Kommentare. Das war aufgrund des hier eingesetzten WordPress-Themes YAML Green (Update) auch kein Problem. Das bringt für eigene Kommentare bereits die CSS-Klasse .author und für fremde Kommentare die CSS-Klasse .guest mit.
Im Sinne eines konsistenten Erscheinungsbildes habe ich zudem die Avatare (Gravatare) nun linksbündig zum Kommentartext gemacht.
Ferner habe ich den Rahmen um meine Kommentare nun wie die anderen Rahmen auf Webseiten-Infos.de mit CSS3 gestaltete runde Ecken (border radius) und einem Schatteneffekt (box-shadow) versehen. Das soll ebenfalls zu einem einheitlicheren Erscheinungsbild beitragen.
Diese optischen Effekte siehst Du allerdings nur mit bestimmten Browsern wie Firefox und Flock (Rendering Engine Gecko), Google Chrome und Safari (Rendering Engine WebKit).
Der Internet Explorer (IE) und Opera beherrschen diese CSS3-Spielereien selbst in ihren derzeit neuesten Versionen (Internet Explorer 8, Opera 10.01) leider noch nicht.
Allerdings besteht die begründete Hoffnung, dass sich das auf absehbare Zeit beim Opera mit der nächsten Version der Rendering Engine Presto 2.3 ändert. 
Für den Internet Explorer (IE) ist mir dagegen nicht bekannt, dass Microsoft an der Implementierung von CSS3-Eigenschaften arbeiten würde.
Ein weiterer Grund für das Surfen im Web einen anderen Browser als den Internet Explorer (IE) zu verwenden. 
Infos
Webseite veröffentlicht am Samstag, den 7. November 2009, um 18:21 Uhr, zuletzt geändert am
Dienstag, den 29. November 2011, um 11:02 Uhr.
Kategorie: Webdesign
Schlagworte: Avatar, Browser, Browserunterstützung, CSS, CSS3, Gravatar, Kommentar, Rahmen, WordPress, YAML Green
1. Klaus
Kommentar vom 8. November 2009 um 14:11
Hi Dieter,
das würde ich auch gerne mal testen.
Was muss ich denn wo in der comments.php eintragen, damit die Klassen generiert werden.
Den beiden Links, wo du das her hast, bin ich gefolgt, leider hat mich auch die Suchfunktion dort nicht weitergebracht
Gruß
Klaus
2. Dieter
Kommentar vom 8. November 2009 um 14:57
Hallo Klaus,
im WordPress-Theme YAML Green ist in der Datei comments.php PHP-Code für die Klassen author und guest in den Zeilen 50 bis 57 zu finden.
Er kommt dort unmittelbar nach ol class=”comments”.
Da ich lediglich dieses Theme verwende und nicht programmieren kann, bin ich mir nicht sicher, ob Du nicht noch weitere Codebestandteile in die comments.php eines anderen Themes kopieren müsstest.
Die sicherste Lösung dürfte es sein, wenn Du einfach die comments.php von YAML Green in das von Dir verwendete Theme kopierst und dann die comments.php an Deine Bedürfnisse anpasst. Das habe ich gerade erfolgreich mit dem Theme WordPress Default DE-Edition 1.6 getestet.
Ich hoffe, das hilft Dir weiter. Wenn nicht, kannst Du gerne noch einmal nachfragen.
Beste Grüße
Dieter
3. Dieter
Kommentar vom 8. November 2009 um 15:03
Nachtrag:
Eben habe ich mal testweise nur den Code aus den Zeilen 50 bis 57 der comments.php von YAML Green in die comments.php eines anderen Themes kopiert. Das reicht definitiv nicht aus.
Das Einfachste dürfte sein, die komplette comments.php von YAML Green zu verwenden.
4. Klaus
Kommentar vom 8. November 2009 um 18:11
danke für deine Hilfe.
ich werde mir das YAML Green mal runterladen und versuchen ob ich die comments.php anpassen kann.
Meine Programmierkenntnisse bewegen sich zwar niveaumäßig in Richtung Vollpfosten, aber ich habe die Erfahrung gemacht das man bei WP sehr vieles trotzdem hinkriegt.
Viele Grüße
Klaus
ps. Wenn es geklappt hat kann ich ja hier mal berichten.
5. Dieter
Kommentar vom 8. November 2009 um 18:22
Hallo Klaus,
keine Ursache. Gern geschehen.
Bei mir läuft es häufig auch auf die try-and-error-Methode hinaus.
Von Vorteil ist auch, dass WordPress, YAML sowie das WordPress-Theme gut dokumentiert sind.
Freue mich, wenn Du hoffentlich bald über das erfolgreiche Ergebnis Deiner Bemühungen berichten kannst und wirst.
Beste Grüße
Dieter
6. Klaus
Kommentar vom 9. November 2009 um 14:33
Tach Dieter,
ich habs auf Anhieb hinbekommen.
So sah meine comments.php an der Stelle vorher aus:
2
3
4
<ol id="commentlist">
<?php foreach ($comments as $comment) : ?>
<li id="comment-<?php comment_ID(); ?>">
Dann habe ich aus der comments.php deines Themes zwei Sachen rauskopiert.
Erstens Zeile 52-57:
2
3
4
5
6
$class = "author";
} else {
$class = "guest";
}
?>
Das Anfangs-PHP-Tag habe ich noch ergänzt.
Zweitens ein Stückchen aus Zeile 58:
Das brauche ich, damit er die Klasse an der richtigen Stelle ausgibt.
Das Endergebnis in meiner comments.php sah dann so aus:
2
3
4
5
6
7
<?php if($comment->comment_author_email == get_the_author_email() && ($comment->user_id != 0)) {
$class = "author";
} else {
$class = "guest";
}?>
<li id="comment-<?php comment_ID(); ?>"class="<?php echo $class; ?>">
Zu diesem Thema werde ich in meinem Blog diese Woche noch einen Artikel mit Anleitung schreiben.
Hoffe ich konnte dir helfen.
Wenn du Fragen hast nur heraus damit.
Gruß
Klaus
7. Dieter
Kommentar vom 9. November 2009 um 17:20
Hallo Klaus,
Herzlichen Glückwunsch und ganz herzlichen Dank für Deinen Kommentar mit der Lösung. Dein Blogbeitrag mit dem Titel “Kommentar des Autors hervorheben” ist ja auch schon veröffentlicht. Super!
Werde ich bestimmt gebrauchen können, sollte ich mal ein anderes WordPress-Theme ohne diese Funktionalität einsetzen wollen.
Sollte ich Fragen haben, werde ich gerne auf Dein Angebot zurückkommen.
Beste Grüße
Dieter
8. Kommentar des Autors hervorheben
Pingback vom 9. November 2009 um 19:06
[...] besonderer Dank gilt Dieter, ohne ihn wäre dieser Artikel nicht [...]