Gravatar Hovercard

Die Funktionsweise der Hovercards erinnert an ähnliche Scripts, welche beim Bewegen der Maus über einen Link eine kurze Vorschau anzeigen. Hier funktioniert das Ganze nun mit persönlichen Bildern und Informationen. Und da die Hovercards nicht nur in den Kommentaren auf der Website, sondern auch im Dashboard angezeigt werden, kann man bei der Aussortierung schnell entscheiden, ob es ein echter oder nur ein Spam-Account ist.
Das Feature soll übrigens bald als Plugin für selbst gehostete WordPress-Blogs zur Verfügung stehen.

Hinweis: Wie wir unter Firefox testen konnten, hat das Hovercard-Feature noch einen kleinen Bug. Wenn man nach dem Öffnen des Popup auf das Gravatar-Logo rechtsklickt, fangen alle Gravatare an, sich zu drehen.

Vor zwei Monaten haben wir darüber berichtet, dass Gravatar sich vom reinen Avatar- zum Profil-Dienst wandeln will. Nun möchte Gravatar noch weiter wachsen, internationaler werden und benötigt dafür eure Hilfe. Damit der Dienst in verschiedenen Sprachen genutzt werden kann, müssen pro Sprache 469 Zeilen übersetzt werden. Als Übersetzungstool dient GlotPress, mit dem man gemeinsam im Browser Sprachdateien übersetzen kann. Ihr müsst euch dafür nur mit eurem Gravatar Account unter http://translate.wordpress.com anmelden und könnt sofort mit dem Übersetzen beginnen. Einige Sprachen sind schon fertig, Deutsch steht noch ganz am Anfang.

Vom Avatar- zum Profil-Dienst

Ein Gravatar Profil

Automattic, die Firma hinter WordPress und Gravatar, möchte der Website mehr Funktionalität verleihen und verwandelt sie in eine umfangreiche Online-Visitenkarte. Im Prinzip eine tolle Sache, wenn man denn auch noch mehr von sich preisgeben möchte.

Neu kann man seine E-Mail Adresse, Skype Accounts, Websites und diverse Social Network Accounts mit dem Gravatar-Profil verknüfpen. Und dies geschieht so reibungslos und simpel, wie man es sich von Facebook & Co. nur wünschen kann. Ausserdem kann man nebst dem Avatar auch gleich mehrere Profil-Fotos hochladen. Und alles in allem sieht das auch noch richtig schick aus!

Aber Vorsicht: Da das Gravatar-Profil öffentlich und für jedermann zugänglich ist, sollte man es sich zwei mal überlegen, bevor man seine Kontaktdaten publiziert! Wenn man allerdings nichts dem Profil hinzufügt, wird man wie bis anhin nur das Avatar sehen.

<ul>
<?php

$szSort = "user_nicename"; // Wie die User sortiert werden sollen,  z.B. nach der ID

$aUsersID = $wpdb->get_col( $wpdb->prepare(
"SELECT $wpdb->users.ID FROM $wpdb->users ORDER BY %s ASC"
, $szSort ));

foreach ( $aUsersID as $iUserID ) :

$user = get_userdata( $iUserID );

echo '<li>' . $user->first_name . ' ' . $user->last_name . '</li>';

endforeach;
?>
</ul>

Jetzt wird eine Liste mit Vorname ($user->first_name) un Nachname ($user->last_name) angezeigt. Die Angaben wie first_name und last_name sind gleichzeitig die Namen der Spalten in der Datenbank. In der Funktionsreferenz für get_userdata findet man eine Liste aller Eingabemöglichkeiten. Es lässt sich unter anderem auch anzeigen, welches Admin-Farbschema dieser Benutzer aktiviert hat.

Im Prinzip könnte man diese Funktion bereits überall einbauen, wo man möchte. Doch für mich reicht das noch nicht, denn ich möchte die Gravatare aller Benutzer ausser den Abonnenten anzeigen. Dazu sind nur ein paar wenige Anpassungen im Code nötig.

<ul>
<?php

$szSort = "user_nicename";

$aUsersID = $wpdb->get_col( $wpdb->prepare(
"SELECT $wpdb->users.ID FROM $wpdb->users ORDER BY %s ASC"
, $szSort ));

foreach ( $aUsersID as $iUserID ) :

$user = get_userdata( $iUserID );

if($user->wp_user_level >= 1) {
echo '<li><a href="/author/' . strtolower( $user->user_login ) . '/">
<img src="http://www.gravatar.com/avatar/' . md5( $user->user_email ) .
'?s=50&amp;d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca
435acc9bb6523536%3Fs%3D40&amp;r=G"></img></a></li>';
}

endforeach;
?>
</ul>

Die Gravatare

Was ist neu? Nun, zuerst habe ich einmal den Namen durch den Gravatar ersetzt, wobei die E-Mail Adresse durch MD5 verschlüsselt werden muss. Danach habe ich das Bild noch mit der Autorenseite verlinkt, wo alle Artikel dieses Autors aufgelistet werden (Beispiel: http://beispiel.de/author/admin/).

Das wäre eigentlich schon alles. Mit ein bisschen CSS kann man die Bilder auch noch aufpeppen, was dann in meinem Fall so herausgekommen ist, wie ihr es auf dem Bild seht :-)

Miniml Theme

Wie es der Titel bereits andeutet, handelt es sich bei Miniml um ein eher minimalistisch gehaltenes Theme in den Farben Rot, Weiss sowie einigen Grautönen. Man kann zwischen neun verschiedenen Farbsets auswählen, Rot ist also nur eines davon! Besonders bei mehreren Projekten lässt sich dank dem gleichen Theme aber anderen Farben ein einheitliches Design verwirklichen.

Auf der Startseite sieht man den letzten Beitrag mit Vorschaubild, wie es bei Magazinen üblich ist. Gleich daneben sind ältere Beiträge aufgelistet. Darunter werden die neusten Beiträge von bestimmten Kategorien dargestellt. Wie man in der Demo unschwer erkennen kann, lässt sich auch ein Fotostream von Flickr einbinden!

Viele Einstellungen, wie zum Beispiel die des Farbschemas, lassen sich auf einer Seite im Adminmenü bearbeiten. Weitere Einstellungen kann man zum Beispiel in Bezug auf Gravatar-Support und die Featured Kategorie ID vornehmen. Desweiteren nutzt Miniml die Funktion der Kategorien-Beschreibungen. Normalerweise nutzt das kaum ein Theme. Wo man noch etwas einstellen sollte, findet man auf der About-Seite von Miniml.

WordPress 2.6 Beta 1 und Beta 2

Ryan Boren kündigte in seinem Blog viele Dinge rund um WordPress an. So wurden am 1. Juli auch die Beta 2 von WordPress 2.6 vorgestellt. Darüber habe ich allerdings nicht berichtet. Im nächsten Abschnitt erkläre ich, warum. Wenn WordPress 2.6 also Mitte Juli erscheinen dürfte, werden wieder einmal viele ihre Blogs mit "Es ist da!" Meldungen überfluten. Bei noch 700 offenen Meldung ist dieser Termin eher unrealistisch, ausser sie werden auf die nächste Version(en) "abgewälzt".

WordPress 2.6 nochmals im Detail

Wie wir alle wissen, sind Versionen mit einer Null oder Fünf nach dem Komma immer sehr grosse Updates. So gab es in WordPress 2.5 gleich ein neues Oberflächendesign. WordPress 2.6 wird allerdings weniger spektakulär werden. Bugfixes und einige kleinere Spielereien gehören dazu.

Der Bloggonaut hat die Features-Liste von Ryan Boren übersetzt. Sie erweitert zum Teil die Auflistungen und Darstellung von früheren Beiträgen. Ich möchte sie euch nicht vorenthalten:

• Artikel Revisionen / Verbesserungsmöglichkeiten
• Ein “Press This” Button für eine schnelle und unkomplizierte Artikelveröffentlichung (”Thumbleblog”)
• Caching statischer Dateien für ein schnelleres Laden der Administrationsseiten
• Ein neues und verbessertes Menu bezüglich der Bild-Datei-Implenetierung in einzelne Artikel - Verbesserte Kontrollmöglichkeiten
• Theme Vorschau, wie sie auf WordPress.com zu sehen ist.
• Wortzähler direkt im Editor implementiert
• Die Möglichkeit die Funktion “Remote publish” abzuschalten und somit ein weiteres Sicherheitsrisiko “auszuschalten”.
• XML-RPC API um Blogoptionen zu verändern
• Besserer SSL support für den Admin
• Hierarchy-aware paging in the Manage Pages and Manage Categories admin pages.
• Die Möglichkeit die Artikel zu rekategorisieren
• Die Möglichkeit die Datei  wp-config.php aus dem Web-Root-Verzeichnis auszulagern.
• Drag-and-drop sortierbare Gallerien
• Veränderbare Avatare, die “werksseitig” vorhanden seien sollen
• Check-Box Selektion mit Shift + Klick
• TinyMCE 3.1.0.1 mit vielen Bug-Fixes
• jQuery 1.2.6 mit einigen schönen Verbesserungen bezüglich der Performance
• jQuery UI 1.5
• Viele Bugfixes und Performanceverbesserungen

Ich wünsche euch schon mal viel Spass beim "Pröblen" mit WordPress 2.6 Beta 2 ;)

Die Liste der bisherigen Neuerungen

Ich will euch jetzt eine kleine Liste präsentieren, welche zeigt, was bis jetzt schon realisiert wurde. Bis zur Veröffentlichung von WordPress 2.6 im August 2008 kann noch so einiges passieren. Das spiegelt sich auch in den über 700 offenen Tickets wider. Kommen wir zur Liste:

• Google Gears — Diese Funktion erlaubt es Benutzern, mit Google Gears ihr WordPress Blog offline zu managen. Es werden über 180 statische Dateien auf den eigenen Rechner ausgelagert.
  

  Google Gears

• Identicons — In WordPress 2.6 kann man einstellen, was für ein Bild bei einem Besucher ohne Gravatar angezeigt werden soll. Wie man bei diesem Screenshot sehen kann, sind auch Wavatare und Identicons verfügbar.
  

  Identicons

• Post Revisions — Diese aus Wikis bekannte Funktion gibt es jetzt auch in WordPress. Mit den Post Revisions kann man Versionen von Beiträgen vergleichen und gegebenfalls die alte Version, die bisher nicht gespeichert wurde, wiederherstellen.
  

  Post Revisions in WordPress 2.6

• Shift-Click Checkbox Selection — In WordPress 2.6 sollte es Ihnen möglich sein, auf diversen Adminseiten mehrere Checkboxen gleichzeitig auszuwählen indem Sie zuerst die "Start" Checkbox ankreuzen, die Shift-Taste gedrückt halten und dann die "End" Taste ankreuzen. Diese Funktion kennt man zum Beispiel von GMail. Momentan ist noch nichts davon zu sehen.
• Post Word Count — Eine Funktion von WordPress.com die wohl ihren Weg in WordPress 2.6 finden wird. Es ist zwar in WordPress 2.5 schon mit einem Plugin möglich, doch es soll jetzt ins System integriert werden. Im Moment wurde das noch nicht realisiert.
• Press This — So heisst das Meta Bookmarklet für WordPress 2.6. Matt hat schon beim WordCamp Dallas darüber gesprochen. Es ging ihnen darum, dass dieses Bookmarklet beim Klick schon von Seiten wie zum Beispiel YouTube die Informationen einträgt. Wenn ich zum Beispiel ein Video anschaue und dann auf "Press This" klicke, ist das Video schon eingebunden, im Titel des Artikels steht der Titel des Videos. Wir erinnern uns: Schon in früheren Versionen gab es solch eine Möglichkeit, wenn auch nicht ganz so ausgereift.
  

  Press This! Funktion

Das sind die grössten Neuerungen, die in WordPress 2.6 implementiert werden. Daneben gibt es noch viele weitere Kleinigkeiten wie zum Beispiel die Möglichkeit, dass wp-config.php anstatt im Hauptverzeichnis auch eine Ebene tiefer liegen kann oder die Dashboard Widgets (ok, nicht ganz so unwichtig), die es bis jetzt nur als Plugin gab.

Weiterführende Links

• TalkPress.de - WordPress 2.6 wird 661 Prozent besser
• InternetBlogger.de - Neuerungen und Features in WordPress 2.6
• WordPress Expert - WordPress 2.6 Features
• Bueltge.de - WordPress 2.6 bringt altes und neues

In erster Linie stehen die Artikel eines Weblogs, wodurch wir zu den Kommentaren kommen - das Thema dieses Artikels.

Trackbacks und Pingbacks von Kommentaren trennen

Wenn zu einem Artikel eine interessante Diskussion entstanden ist oder noch entstehen soll, kann es ganz schön nervig sein, wenn nach jedem zweiten Kommentar ein Track-/Pingback folgt. Diese Pingbacks stammen von anderen Blogs, die diesen Artikel toll finden und gleich auf Ihrer Website erwähnt haben.

Warum also nicht einfach zuerst die Kommentare und dann diese Pingbacks ausgeben lassen? Nichts leichter als das! Mit dieser kleiner Anleitung ist das in wenigen Minuten erledigt.

Öffne die Datei comments.php in deinem Theme-Ordner und suche diese Zeile:

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

Danach fügt man folgendes ein:

< ?php $comment_type = get_comment_type(); ?>
< ?php if($comment_type == 'comment') { ?>

Suche jetzt folgende Zeile:

< ?php endforeach; /* end for each comment */ ?>

Füge davor diesen Code ein:

< ?php } else { $trackback = true; } /* End of is_comment statement */ ?>

Das sorgt jetzt dafür, dass die Kommentare wie gewohnt angezeigt werden - aber ohne Pingbacks. Wir sind aber noch nicht fertig, weiter geht es mit einem zweiten Loop.

Suche diese Zeile:

< ?php else : // this is displayed if there are no comments so far ?>

Davor füge das hier ein: (Den "Trackbacks" Titel kannst du entfernen, wenn du willst)

< ?php if ($trackback == true) { ?>
<h3>Trackbacks</h3>
<ol>
< ?php foreach ($comments as $comment) : ?>
< ?php $comment_type = get_comment_type(); ?>
< ?php if($comment_type != 'comment') { ?>
<li>< ?php comment_author_link() ?></li>
< ?php } ?>
< ?php endforeach; ?>
</ol>
< ?php } ?>

Manche sind der Meinung, dass Trackbacks sowieso unnötig sind und stellen Sie gar nicht bei Ihren Blogs dar. Andere finden diese Methode eine tolle Möglichkeit, auf sich aufmerksam zu machen und zu sagen: "Dein Artikel ist toll, deshalb verlinke ich ihn" (Nebenbei bemerkt musst du den Artikel gar nicht verlinken, sondern kannst auch so einen Trackback senden)

Gefunden bei: Pro Blog Design - WordPress Seperate Trackbacks and Comments

Trackbacks und Pingbacks im Theme verwalten

Bei Weblog Tools Collection konzentriert man sich nicht nur auf das Trennen, man zeigt auch die Handhabung der speziell dafür vorgesehenen Variablen und wie man Trackbacks auch gar nicht erst anzeigen kann.

Zum angesprochenen Artikel: Managing Trackbacks und Pingbacks in Your WordPress Theme

Autoren-Kommentare hervorheben

Dies ist ein unterteilter Abschnitt, da es bei diesem Thema mehrere Varianten gibt und wir diese nur schnell (mit Verweisen) vorstellen möchten. Sie können dann für sich entscheiden, welche Idee Sie bevorzugen und verwenden möchten.

Erkennung anhand der E-Mail Adresse

Schnell kam man auf die Idee, die E-Mail Adresse des Autors zu vergleichen und festzustellen, welche Person das ist. 5ThirtyOne.com erstellte vor einem Jahr eine Anleitung dazu. How-to style author comments ist sehr simpel und möglicherweise nicht sehr geeignet.

Die einfache Variante fragt ab, ob die Adresse author@domain.com lautet und gibt dann allenfalls author als Klasse des Listenelements oder aber die normale ID des Kommentares aus.

<li class="< ?php echo $oddcomment; ?>" id="comment-< ?php comment_ID() ?>"></li>

Komplizierter und für ein paar Blogger wesentlich geeigneter ist die Methode, mehrere E-Mail Adressen abzufragen und dabei verschiedene Namen auszugeben.

<li class="< ?php if ($comment->comment_author_email == "author@domain.com") echo 'author'; else echo $oddcomment; ?> item" id="comment-< ?php comment_ID() ?>">
</li>

Zum Schluss kann man dann die CSS Klassen wie author, guest1 und guest2 individuell gestalten und verwenden. Diesen Schritt erkläre Ich hier nicht, da es wohl jedem gelingen sollte, dies zu tun.

Problematisch ist hier, dass jeder beliebige Kommentator die E-Mail Adresse author@domain.com angeben kann und somit (fälschlicherweise) als Kommentator gekennzeichnet würde.

Erkennung anhand der Benutzer ID

Einfach, schnell, unkompliziert - mehr gibt es nicht zu sagen. In zwei einfachen Schritten ist alles erledigt und man muss sich keine Sorgen mehr machen.
Dieser Code sucht nach der ID des Kommentators (wenn er angemeldet ist, hat er eine persönliche ID) und schaut, ob es zufällig die Nummer 1 ist. Die 1 hat der Standard-Administrator von WordPress und somit bei einem Ein-Mann-Blog auch der Autor.

Legen wir los: Erstelle im Stylesheet eine neue Klasse, die z.B. folgende Definitionen haben kann:

.authcomment {
background-color: #B3FFCC !important;
} 

In der Datei comments.php findet man eine Zeile, die ungefähr so aussieht:

<li class=”< ?php echo $oddcomment; ?>” id=”comment... </li>

Das ganze ersetzt man jetzt durch diesen Zeilen und damit sind wir auch fertig mit der Anleitung

<li class=”< ?php
/* Only use the authcomment class from style.css if the user_id is 1 (admin) */
if (1 == $comment->user_id)
$oddcomment = “authcomment”;
echo $oddcomment;
?>” id=”comment... </li>

Zum zitierten Artikel: How to highlight author comments in WordPress

Gravatars - machen Sie sich ein Bild des Kommentators

Hinter jedem Namen versteckt sich eine Persönlichkeit. Damit man die Personen hinter den Texten erkennen kann, gibt es schon lange Avatare, die meistens bei Foren zum Einsatz kommen. Dies ist auch auf Blogs übergeschwappt, allerdings mit einer eher globalen Lösung: Gravatar - seit einiger Zeit übrigens ein Automattic Projekt.

Die einen nutzen WordPress Plugins, um Gravatar und die dazugehörige API korrekt einzubinden. Aber es geht auch ohne und ziemlich zügig, wie folgender Text beweist! Zuerst danke ich noch Connor Wilson für seinen lehrreichen Artikel über dieses Thema.

Zunächst brauchen wir Informationen, die für eine Implementierung von Gravatar erforderlich sind. Neben der E-Mail Adresse sind dies Höhen- und Breitenangaben des Bildes sowie andere und eher unwichtige Daten. Am schnellsten geht dies mit folgendem Code:

< ?
$email = $comment->comment_author_email;
$default = “”; // link to your default avatar
$size = 40; // size in pixels squared
$grav_url = “http://www.gravatar.com/avatar.php?gravatar_id=
” . md5($email) . “&default=” . urlencode($default) . “&size=” . $size;
?>

Wir sind jetzt eigentlich schon fertig, du musst nur noch das Bild anzeigen:

/code>

Wie du diese Bilder sinnvoll einbaust und zu einem optischen Höhepunkt werden lässt, kannst du bei Darren Hoyt nachlesen: Artikel "Styling Your WordPress Comments"

Sollte dies nicht hilfreich sein, empfehle ich die grösste aller Quellen: die Suchmaschine (Google, Yahoo, ...)