Da Feedly mehrfach in der Blogosphäre empfohlen wurde, schaute ich mich ein wenig auf dieser Seite um. Allerdings war ich enttäuscht, weil mit ihm abonnierte Artikel (momentan) nur per Browser-Addon und Smartphone-Apps importiert und dementsprechend auch nur mit diesen Zusatztools gelesen werden können.

Ich benötige aber einen webbasierten Feedreader, auf den ich von verschiedenen PCs aus zugreifen kann, ohne erst ein Addon installieren zu müssen. Und so stieß ich zufällig auf Edlefs Hinweis auf den alternativen Feedreader CommaFeed.

Diesen kannte ich noch gar nicht und so packte mich die Neugier. Einziges – wenn auch sehr kleines Manko – ist, dass der Dienst nur in englischer Sprache verfügbar ist. Allerdings ist die Oberfläche so schlicht gehalten, dass es auch für Benutzer mit geringen Englischkenntnissen keine Probleme geben dürfte.

Der Einstieg

Der Registrierungsvorgang ist fix erledigt und der Import der Google Feeds kinderleicht.

CommaFeed bietet folgende Importmöglichkeiten an:

1. Import einer XML-Datei, die vorab lokal von Google Reader lokal gesichert wurde oder
   
2. Webbasierter Direktimport durch Zugriffberechtigung über Google Reader.
   

Zwei Mausklicks weiter wurden auch schon alle abonnierten Blogseiten mit ihren Favicons aufgelistet.

Besonders schön finde ich die optische Hervorhebung von Codes in Blogbeiträgen. Das sah im Google Reader ja immer etwas rudimentär aus:

Vergleich:

Codedarstellung im Google Reader

Codedarstellung in CommaFeed

Eigenes Styling

Ein weiteres Schmankerl bietet der Feedabo-Dienst durch die Individualisierung der Darstellung per CSS. Auf den ersten Blick erschien mir die Feedliste ein wenig gedrungen. Daher habe ich mit Firebug die einzelnen CSS-Elemente untersucht und diese etwas in Schrift-, Favicongröße und Linienhöhe angepasst.

Die CommaFeed-eigenen CSS-Elemente werden dadurch überschrieben.

Teilen über SocialMedia-Dienste ist möglich

Keine Selbstverständlichkeit ist bei anderen Feedreadern – wie von Caschy in seinem Beitrag über Feedbin noch moniert – die Einbindung von Teilen-Buttons für Twitter, Facebook, Google+, Pocket, Instapaper und per E-Mail.

Fazit

CommaFeed ist ein übersichtlicher, zweckmäßiger und webbasierter Feedreader mit sinnvollen Funktionen ohne unnötiges Chichi.

In diesem Beitrag habe ich näher erläutert, aus welchen Gründen meine Wahl auf dieses Plugin fiel.

Nun stellte ich bei einem Test kürzlich fest, dass folgende Meldung erschien, als ich das Feature zum Verstecken der Webseiten-Url ausschalten wollte:

Glücklicherweise ist dieses Plugin auf zwei meiner Blogs (und noch den jeweiligen Testblogs) installiert und so konnte ich den Fehler schnell ausmachen und beheben.

Folgende zwei Unterschiede fielen mir beim Abgleich der Template-Verzeichnisse und Dateien auf:

1. Das Verzeichnis des einen Blogs enthielt eine Datei namens comments.php.smubak, in dem eines anderen Blogs fehlte diese;
2. In der Datei comments.php des einen Blogs war ein zusätzlicher SMu-Eintrag enthalten, in der des anderen Blogs wiederum nicht.

Backupfile erstellen

Als Erstes habe ich die Original-comments.php (ohne den SMu-Eintrag) mit einem Editor (z. B. Notepad++) geöffnet und unter dem Namen comments.php.smubak abgespeichert. Als Dateityp wählte ich “All types (*.*)”, so dass keine Dateiendung wie z. B. “txt” oder “php” angehängt wird.

Diese Datei habe ich in das Verzeichnis meines Themes per FTP hochgeladen.

Comments.php um SMu Manual Dofollow-Eintrag ergänzen

Nun kann es allerdings sein, dass trotz eingeschaltetem Feature die Zeile zum Eintragen der Webseiten-Url bei Beiträgen, die älter als 30 Tage sind, immer noch angezeigt wird. Grund dafür war bei mir, dass folgender Code in der jeweiligen comments.php nicht enthalten war:

/* SMu DoFollow Start */ if ( (time() - get_the_time('U')) < (3600*24*30) )

und

 /* SMu DoFollow End */

Also suchte ich die Stelle der comments.php, die den SMu-Code enthielt. In diesem Blog wurde er so eingebunden:

<label for="email"><small>Mail (wird nicht veröffentlicht) <?php if ($req) echo "(erforderlich)"; ?></small></label></p>
<?php /* SMu DoFollow Start */ if ( (time() - get_the_time('U')) < (3600*24*30) ) { ?><p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
<label for="url"><small>Webseite</small></label></p><?php } else { ?><input type="hidden" name="url" id="url" value="" /><? } /* SMu DoFollow End */ ?>
<?php endif; ?>

Nachdem ich die Datei mit den entsprechen Einträgen hochgeladen hatte, funktioniert das Plugin wieder einwandfrei. Warum diese Einträge verschwunden waren? Ich habe keine Ahnung, vielleicht liegt es an den letzten Veränderungen hier im Blog.

Die aktuellsten der letzten dreißig Tage lasse ich zwar in der Sidebar anzeigen, aber diese Darstellung wird meines Erachtens den fleißigsten Schreibern auf diesem Blog nicht ganz gerecht.

Also, was tun? Extra eine Footer-Sidebar wollte ich nicht dafür anlegen und eine zweite Anzeige in der Sidebar finde ich auch suboptimal. Und dann kam mir die Idee: “Ich lege eine ganze Seite für meine Top-Kommentatoren an.”

Plugin “Top Contributors” als Helfer

Regelmäßige Besucher dieses Blogs mögen es kaum glauben, aber ich habe tatsächlich dafür ein Plugin installiert. Eine manuelle Umsetzung mit Anzeige von Gravataren war mir nicht möglich und so wählte ich das Plugin Top Contributors aus.

Bei Dieter Welzel habe ich auch noch eine deutsche Sprachdatei gefunden, die zumindest die wichtigsten Begriffe übersetzt. So bleibt mir dieses schon einmal erspart.

Einstellungen im Plugin

Die Anzahl habe ich auf 21 eingestellt, weil ich die Topkommentatoren in drei Reihen anzeigen möchte. Die Gravatar-Größe ist auf 80 Pixel festgesetzt. Letztendlich habe noch meine eigene E-Mail-Adresse bei den ausgeschlossenen Benutzern eingefügt, weil ich in der Aufstellung nicht erscheinen soll.

Anlegen einer Seite für Kommentatoren

Am besten, ihr schaut Euch den Aufbau Eurer Seiten am Beispiel der Theme-Datei genauer an, die in etwa page.php oder ähnlich lauten müsste, und verwendet dessen Grundgerüst.

Ich zeige Euch gerne, wie letztendlich meine php-Datei für die Seitenanzeige aussieht, aber sie soll wirklich nur als Beispiel für die Umsetzung auf diesem Blog dienen.

Dafür öffne ich einen Editor (nicht Word oder ein ähnliches Schreibprogramm) – ich verwende dafür Notepad++ – und füge dort folgenden Code ein:

<?php
/*
Template Name: TopCommentators
*/
?>
<?php get_header(); ?>
<div id="breadcr"><?php if (function_exists('nav_breadcrumb')) nav_breadcrumb(); ?></div>
<div id="content" class="narrowcolumn">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post-page" id="post-<?php the_ID(); ?>">
<h2 class="page_title"><?php the_title(); ?></h2>
<div class="entry entry page">
<?php the_content('<p class="serif">weiterlesen »</p>'); ?>
<?php if(function_exists('jme_top_contributors')) { jme_top_contributors(); } ?>
<?php wp_link_pages(array('before' => '<p><strong>Seiten:</strong> ', 'after' => 
'</p>', 'next_or_number' => 'number')); ?>
<?php edit_post_link('Bearbeiten.', '<br /><p>', '</p>'); ?>
</div>
</div>
<?php endwhile; endif; ?>
</div>
<br style="clear:both;" />
<?php get_footer(); ?>

Die Ausgabe der Top-Kommentatoren wird durch den Code

<?php if(function_exists('jme_top_contributors')) { jme_top_contributors(); } ?>

erreicht.

Ich persönlich verwende Tanjas Cache Script und daher sieht bei mir der Seiten-Code so aus:

<?php
/*
Template Name: TopCommentators
*/
?>
<?php get_header(); ?>
<div id="breadcr"><?php if (function_exists('nav_breadcrumb')) nav_breadcrumb(); ?></div>
<div id="content" class="narrowcolumn">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post-page" id="post-<?php the_ID(); ?>">
<h2 class="page_title"><?php the_title(); ?></h2>
<div class="entry entry page">
<?php the_content('<p class="serif">weiterlesen »</p>'); ?>
<?php $cachefile = "cache/topcomment_allsite.html";
$cachetime = 1440 * 60; // 24 Stunden
if (file_exists($cachefile) && (time() - $cachetime < filemtime($cachefile))) {
include($cachefile);
} else {
ob_start(); ?>
<?php if(function_exists('jme_top_contributors')) { jme_top_contributors(); } ?>
<?php $fp = fopen($cachefile, 'w');
fwrite($fp, ob_get_contents());
fclose($fp);
ob_end_flush();
} ?>
<?php wp_link_pages(array('before' => '<p><strong>Seiten:</strong> ', 'after' => 
'</p>', 'next_or_number' => 'number')); ?>
<?php edit_post_link('Bearbeiten.', '<br /><p>', '</p>'); ?>
</div>
</div>
<?php endwhile; endif; ?>
</div>
<br style="clear:both;" />
<?php get_footer(); ?>

Nun speichere ich diese neue Datei ab (ich habe sie beispielsweise “top_comments.php” genannt) und lade sie in mein Theme-Verzeichnis per FTP hoch.

Neue WordPress-Seite erstellen

Dann lege ich im Backend meines Blogs eine neue Seite an. Im Dropdownmenü des auszuwählenden Seitentemplates müsste nun unter anderem das Template “TopCommentators” aufgeführt sein. Dieses wähle ich aus, vergebe für die Seite einen Titelnamen und speichere ab bzw. veröffentliche sie.

Gravatar-Anzeige per CSS aufgepimpt

Um die Darstellung der Gravatare auf der neuen Seite ins rechte Licht zu rücken, ließ ich es mir nicht nehmen und habe die CSS-Werte für deren Anzeige noch ein wenig ergänzt. Dazu wähle ich die Datei “tooltip.css” in dem Verzeichnis css des Plugins aus. Letztendlich sieht diese nun bei mir wie folgt aus:

.top-contributors .list img{float:left;margin:25px 10px 15px 1px;img.rounded:-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background-color:#F0F0F0;border:1px solid #CCC;-moz-box-shadow:10px 10px 10px #888;-webkit-box-shadow:10px 10px 10px #888;box-shadow:10px 10px 10px #888}
.top-contributors .list .tc-user{font-weight:bold;margin:0px 76px 0px -1px;}
.top-contributors .list .tc-count{font-size:.9em;}
.top-contributors table td{padding:5px;}
.top-contributors .gallery{float:left;margin:0 10px 10px 0;}
#tooltip{position:absolute;z-index:3000;border:1px solid #111;background-color:#eee;padding:5px;opacity:1;}
#tooltip h3,#tooltip div{margin:0;}
#tooltip .tc-user{font-weight:bold;}
#tooltip .tc-count{font-size:.9em;}

Um bei einen eventuellen Update des Plugins die Werte beizubehalten, habe ich sie zusätzlich der style.css meines Themes hinzugefügt.

Wie gelange ich zu dieser Seite?

Nun gibt es mehrere Möglichkeiten, die Seite zu erreichen. Beispielsweise könntet ihr nun einen Menüpunkt für Eure Topkommentatoren im Template anlegen.

Ich habe allerdings darauf verzichtet und bevorzuge einen Linkhinweis unter den aktuellen Top-Kommentaren in der Sidebar. Dazu habe ich ein Text-Widget unter Design in die Sidebar gezogen und beispielsweise folgenden Wert eingefügt:

<a href="http://www.sylvis-blog.de/top-kommentatoren">>> alle Top-Kommentatoren anzeigen</a>
<br style="clear:both;" />

Ändern müsst ihr darin das Linkziel.

Ich hoffe, die neue Seite zur Darstellung der Top-Kommentatoren gefällt Euch und wünsche viel Spaß beim Umsetzen.

Edit 14.04.2013

Marcus war in der Zwischenzeit sehr fleißig und hat eine tolle Lösung erarbeitet, Top-Kommentatoren ohne Plugin darzustellen. Natürlich habe ich seine manuelle Umsetzung erst einmal ausprobiert. Da allerdings häufig Besucher ohne Angabe einer Webseiten-Url bei mir kommentieren (oder auch schon einmal versäumen, einen Link anzugeben), wurden diese Kommentare nicht in der Auflistung mitgezählt.

Daher habe ich den Code noch ein wenig verändert und sieht bei mir nun so aus:

function get_top_commentators_all($dayInterval = 99999, $limit = 15) {
	global $wpdb; 
	$i = 0;
	echo '<table>';
	echo '<div class="top-contributors list">';		
	$topcommentator_query="SELECT comment_author, comment_author_email, comment_type, SUBSTRING_INDEX(comment_author_url, '/', 3) as top_commentator, COUNT(*) as top_num FROM $wpdb->comments
		WHERE comment_approved='1' 
		AND comment_author_email != ''
		AND comment_author != 'Sylvi'
		AND comment_author_url IS NOT NULL
		AND comment_author_email NOT LIKE 'XXX@bunte-blogwelt.de%'
		AND comment_author_url NOT LIKE 'http://twitter.com/%'
		AND comment_author_url NOT LIKE 'http://www.bunte-blogwelt.de%'
		AND comment_author_url NOT LIKE 'http://facebook.com%'
		AND comment_type NOT LIKE 'pingback' OR 'trackback'
		GROUP BY comment_author_email
		Order by top_num DESC, comment_date ASC
		LIMIT 15";
	$topcommentator_result = $wpdb->get_results($topcommentator_query); 
	if ( !empty($topcommentator_result) ) {
		foreach ($topcommentator_result as $comment) :
			$co_aut = $comment->top_commentator;
			$co_aut = str_ireplace("http://", "", $co_aut);	
			echo  '<td><div class="top-contributors list img">' .get_avatar( $comment, 80 ),' <a href="'.$comment->top_commentator.'/" target="_blank">'.$comment->comment_author.'</a> <br />'.$comment->top_num.' Kommentare</div></td>';	
			$i++;
			if($i%3==0) {
			echo '</tr><tr>';		
		}
		endforeach;
		$i=0;
		}		
		echo '</div>';
		echo '</table>';
		}

Relevant für die Ausgabe aller Kommentare – auch derer, die keine Webseiten-Url angegeben haben, war diese Zeile:

GROUP BY comment_author_email

Marcus strebt zwar eine Darstellung ohne Tabelle an, aber für mich war sie mit ihr am einfachsten. Unter anderem habe ich noch diverse css-Werte geändert.

Mein Seiten-Template wurde auch noch um div-Werte ergänzt

<div class="top-contributors">
<?php echo get_top_commentators_all($dayInterval = 99999, $limit = 15);
?>
</div>

und sieht nun bei der manuellen Umsetzung (ohne Tanjas cache-Script) wie folgt aus:

<?php
/*
Template Name: Top Commentators
*/
?>
<?php get_header(); ?>
<div id="breadcr"><?php if (function_exists('nav_breadcrumb')) nav_breadcrumb(); ?></div>
<div id="content" class="narrowcolumn">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post-page" id="post-<?php the_ID(); ?>">
<h2 class="page_title"><?php the_title(); ?></h2>
<div class="entry entry page">
<?php the_content('<p class="serif">weiterlesen »</p>'); ?>
<div class="top-contributors">
<?php echo get_top_commentators_all($dayInterval = 99999, $limit = 15);
?>
</div>
<?php wp_link_pages(array('before' => '<p><strong>Seiten:</strong> ', 'after' => 
'</p>', 'next_or_number' => 'number')); ?>
<?php edit_post_link('Bearbeiten.', '<br /><p>', '</p>'); ?>
</div>
<?php endwhile; endif; ?>
</div>
</div>
<br style="clear:both;" />
<?php get_footer(); ?>

Für die Darstellung, die der Umsetzung mit Plugin sehr nahe kommt, habe ich in die style.css meines Themes folgende Werte eingetragen:

.top-contributors .list img{float:left;margin:25px 100px 15px 1px;img.rounded:-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background-color:#F0F0F0;border:1px solid #CCC;-moz-box-shadow:10px 10px 10px #888;-webkit-box-shadow:10px 10px 10px #888;box-shadow:10px 10px 10px #888}
.top-contributors .list a{font-weight:bold;margin-right:76px;display:inline-block}
.top-contributors .list .tc-count{font-size:.9em}

Wer sich das Ergebnis jetzt schon live anschauen möchte, schaut doch einfach einmal auf die Topkommentatoren-Seite meiner bunten Blogwelt.

Auf diesem Blog werde ich wohl in Kürze ebenfalls auf diese Lösung umsteigen.

Worauf es mir ankam? Mir mal vor Augen zu führen, wie oft jeder Beitrag seit Beginn meiner Bloggeraktivität aufgerufen wurde.

Meine Neugier ist darin begründet, dass ich seit Wochen jeden Tag beobachte, dass dieser Facebook-Beitrag etliche Male aufgerufen wird. Seit Monaten ist er auf Platz 1 meiner meistgelesenen Artikel – also ein absoluter Dauerbrenner. Nun wollte ich einfach wissen, wie oft er seit Veröffentlichung gelesen wurde und die Gesamtsumme dieser Aufrufe im Frontend darstellen.

Natürlich sollte dieses wieder ohne Plugin geschehen und ich habe etliche manuelle Umsetzungen ausprobiert. Problem war bei fast allen: sie fingen erst ab dem Zeitpunkt an, die Seitenaufrufe zu zählen, an dem ich die Codes in die functions.php und single.php eingefügt hatte.

Es ist nicht gerade repräsentativ, wenn angezeigt wird, dass ein Beitrag nur 10 Mal gelesen wurde, obwohl dieser schon vor einem Jahr veröffentlicht wurde, oder?

Ich fragte mich „WP-Stats habe ich seit Beginn meines Blogs installiert, diese Statistikwerte müssen doch insofern generiert werden können, dass eine Gesamt-Aufrufzahl angezeigt wird.“

Und tatsächlich habe ich nach langer Suche eine Lösung gefunden, die alle Seitenaufrufe seit Beginn meiner Bloggeraktivität und Verwendung von WP-Stats zählt.

Curtis hat in seinem Beitrag den gewünschten Beispiel-Code veröffentlicht und ich habe ihn genauso eingebaut, wie er es dokumentiert hat. Der erste Code wird in die functions.php eingefügt – ich habe ihn wieder als Modul für Toolbox angelegt. Der zweite Schnipsel wird – je nach Gusto – der single.php, index.php und archive.php des Themes hinzugefügt.

Edit 25.04.2013

Curtis verwendet für die Darstellung von Codes wohl mittlerweile ein Syntax-Highlighter-Plugin. Ich vermute, er hat den Code anfangs manuell in seinem Beitrag veröffentlicht und nicht entsprechend angepasst, daher wird dieser nun nicht richtig dargestellt.
Hier der korrigierte Code, den ich aktuell verwende:

/**
 * Pulling post views from .com stats if stats is installed.
 * You can install .com stats with JetPack
 *
 * @since 1.0
 *
 * @param   $post   object  required  The whole post object
 *
 * @returns integer  The number of views on the post
 *
 * @uses stats_get_csv
 *
 * @link http://wpthemetutorial.com/2012/01/31/showing-post-views-with-wordpress-com-stats/
 */
function theme_t_wp_show_post_views( $post ){
 
  if( !is_object( $post ) ) return;
 
  if( function_exists( 'stats_get_csv' ) ){
 
    $args = array(
      'days'     => -1,
      'post_id'  => $post->ID,
	  );
 
    $postviews = stats_get_csv( 'postviews', $args );
    $views = $postviews['0']['views'];
 
    echo $views;
 
  }
}

Der Vorteil liegt dabei klar auf der Hand, denn Seitenaufrufe des Admins werden bei WordPress.com Stats nicht mitgezählt und liefert somit eine realistische Ausgabe. Ich musste bei meiner anfänglichen Recherche lange suchen, um eine Lösung zu finden, die eigenene Seitenaufrufe nicht berücksichtigt.

Daher war auch anfangs dieser Code meine erste Wahl – wenn denn da nicht das Problem wäre, dass erst ab Beginn des Einfügens diese gezählt werden.

Hier ein Beispiel, wie ich den 2. Code von Curtis in meiner single.php, index.php und archive.php darstelle:

<div class="post-top_descr">Geschrieben von <span><?php the_author() ?></span>
 in <span><?php the_category(', ') ?></span>
 am <?php the_time('d.m.Y') ?> und <?php theme_t_wp_show_post_views( $post ); ?> mal gelesen<br /><?php the_tags('Tags: ', ', ', '<br />'); ?></div>

Na dann, viel Erfolg beim Einbau!

Edit 01.04.2013:

Ein wenig wundere ich mich schon, warum bei diesem Beitrag bisher keine Anzahl erscheint. WP-Stats zeigt im Backend die Zugriffszahl an. Vielleicht dauert es eine Weile, bis aktuelle Zahlen im Frontend erscheinen.

Edit 02.04.2013

Tatsächlich braucht es etwas Geduld, bis die Anzahl der Aufrufe angezeigt wird.

Ich fand das recht praktisch, um mir einen Eindruck über die Anzahl der jeweils abgegebenen Kommentare zu verschaffen.

In der Sidebar werden zwar die Topkommentatoren der letzten 30 Tage angezeigt, aber ein wenig fehlte mir eine Gesamtanzeige. Eine weitere Liste wollte ich jedoch nicht dort einfügen. Daher begab ich mich auf Recherche nach einer manuellen Umsetzung, um neben dem Namen jedes Kommentators die bisher abgegebene Kommentaranzahl anzeigen zu lassen.

Fündig geworden bin ich in einem Beitrag bei Sparklette Duo.

Einbau der Funktion

Der Code war schon einmal eine große Hilfe. Allerdings gab es bei dieser Umsetzung ein kleines Manko. Bei einem einzigen bisher abgegebenen Kommentar erschien “1 Kommentare“.

Das störte mich und daher begab ich mich wieder auf die Suche und stieß auf einen weiteren Beitrag für die Umsetzung ohne Plugin.

Sehr schön, denn mit dieser Umsetzung wurde korrekt “1 Kommentar” ausgegeben und kam daher meinen Wünschen schon etwas näher. Allerdings störte mich hierbei wiederum, dass bei den Trackbacks “0 Kommentare” angezeigt wurde. Ist ja eigentlich nur eine Kleinigkeit, aber ich wollte erreichen, dass bei Trackbacks/Pingbacks gar kein Kommentarzähler erscheint.

Daher änderte ich noch ein wenig den Code in der Weise, dass einerseits bei einem Kommentar “1 Kommentar” und bei den Trackbacks keine Anzeige erscheint.

Dieser Code erfüllt nun alle meine Wünsche:

<?php
function commentCount() {
    global $wpdb;
    $count = $wpdb->get_var('SELECT COUNT(comment_ID) FROM ' . $wpdb->comments. ' WHERE comment_author_email = "' . get_comment_author_email() . '"
	AND comment_approved = "1"
    AND comment_type NOT IN ("pingback", "trackback")'
	);
    if ( $count == 1) {
        echo ' (1 Kommentar)';
    }
	if ( $count == 0) {
        echo ' ';
	}		
	if ( $count >> 1){
        echo ' (' . $count . ' Kommentare)';
    }	
}
?>

Verwendung als Modul in Toolbox

Er wird in die functions.php des Themes eingefügt. Ich persönlich verwende Toolbox und habe dafür ein Modul angelegt. Dieses (ich habe es commentscount.php benannt) sieht dann so aus:

<?php
/*
Module Name: Kommentaranzahl bei jedem Kommentar anzeigen
Description: Zeigt Anzahl der Kommentare jedes Autors an [Frontend]
Author: Sergej Müller
Author URI: http://ebiene.de
*/

/* Sicherheitsabfrage */
if ( !class_exists('Toolbox') ) {
	header('Status: 403 Forbidden');
	header('HTTP/1.1 403 Forbidden');
	exit();
}
function commentCount() {
    global $wpdb;
    $count = $wpdb->get_var('SELECT COUNT(comment_ID) FROM ' . $wpdb->comments. ' WHERE comment_author_email = "' . get_comment_author_email() . '"
	AND comment_approved = "1"
    AND comment_type NOT IN ("pingback", "trackback")'
	);
    if ( $count == 1) {
        echo ' (1 Kommentar)';
    }
	if ( $count == 0) {
        echo ' ';
	}		
	if ( $count >> 1){
        echo ' (' . $count . ' Kommentare)';
    }	
}

Einbau für die Anzeige

Um nun die Anzeige neben dem Autor zu erzielen, wird der folgende Code an gewünschten Steller hinzugefügt :

<div class="commentcount"><?php commentCount(); ?></div>

Einfügen musste ich ihn in die functions.php meines Themes, allerdings ist mein “Smoky” ein wenig anders geartet. Ich gehe davon aus, dass dieser bei einem Großteil der WordPress-Blogs in die comments.php eingefügt werden muss.

Hier ein Beispiel, wo ich den Befehl eingebaut habe:

<div class="comment_author"><?php echo get_comment_author_link(); ?></div>
<div class="commentcount"><?php commentCount(); ?></div>
<div class="commentmetadata"><cite>
	<a href="#comments-<?php comment_ID() ?>"> sagt am <?php comment_time('d.m.Y') ?> um <?php comment_time('H:i')?> Uhr </a></cite>

Schön soll es auch aussehen

Für eine ansehnliche Darstellung habe ich die Datei style.css meines Template-Verzeichnisses um folgende Werte ergänzt:

.commentcount{
display:inline;
font-family:Times,Verdana,Helvetica,sans-serif;
font-style:italic;
font-size:16px;
color:#8F8F8F;
margin: 0 0 0 20px
}

Viel Spaß beim Einbau.

Für den Einsatz eines individuellen Thumbnail-Generators, sind lediglich zwei kleine Eingriffe in der Datei blogroll-widget-rss.php des Plugins erforderlich: einmal die Änderung der Verlinkung zum jeweiligen Bild und die des Backlinks, der meist für die Benutzung des jeweiligen Thumnail-Dienstes gefordert wird.

Der Bild-Code befindet sich zwischen den Zeilen 427 und 432, Der Backlink-Code zwischen den Zeilen 528 und 530.

Relevant sind hierbei folgende ursprünglichen Codes des Plugins:

Bildlink ab Zeile 427

if ( $show_image == "create-thumbnails" ) { 
echo '<div style="float:left; margin:3px 3px 0 0;">
<img style="width:'.$thumb_size.'px; height:'.$thumb_height.'px;" 
src="http://www.m-software.de/screenshot/Screenshot.png?url='.$blbm_link->link_url.'&commingsoonimg=http%3A%2F%2Fwww.m-software.de%2Fuploads%2Fcommingsoon.png" alt="'.$blbm_link->link_name.'" title="'.$blbm_link->link_name.'"/></div>';

Backlink ab Zeile 528

if ( $show_image == "create-thumbnails") {
echo'<div align="center"><small>
<span class="removed_link" title="http://www.m-software.de/thumbshots.html">Thumbnails by M-Software.de
</span></small></div>';

Thumbshots-Server

Sehr unkompliziert ist das Einfügen über den Thumnail-Generator Thumbshots-Server. Weder ein Backlink wird verlangt noch ist eine Registrierung erforderlich.

Allerdings wird gefordert, dass bei der Verlinkung zur Webseiten-Thumbnail bei dem “alt”-Attribut der Eintrag Preview by Thumbshots-Server.com gesetzt wird.

Es dauert schon eine ganze Weile, bis die Thumbnails generiert werden. Außerdem finde ich, dass das Laden der Blogroll-Seite wesentlich länger dauert, als bei der Verwendung anderer Thumbshot-Dienste.

Folgenden Codes füge ich in die oben beschriebenen Zeilen ein, damit die Webseiten-Grafiken angezeigt werden.

Bildlink für Thumbshots-Server

if ( $show_image == "create-thumbnails" ) { 
echo '<div style="float:left; margin:3px 16px 0 0;">
<img style="width:'.$thumb_size.'px; height:'.$thumb_height.'px;" 
src="http://www.thumbshots-server.com/webthumb/webthumb.php?url='.$blbm_link->link_url.'" width="120" height="90" border="0" 
alt="Preview by Thumbshots-Server.com" title="'.$blbm_link->link_name.'"/></div>';

Möchtet ihr trotzdem einen Backlink setzen, fügt ihr ab Zeile 528 folgenden Code ein.

Backlink für Thumbshots-Server

if ( $show_image == "create-thumbnails") {
echo'<div align="center"><small>
<a target="_blank" href="http://www.thumbshots-server.com"><img style="border:0;width:80px;height:15px" src="http://www.thumbshots-server.com/button.png" alt="Free Thumbnails and Snapshots"/></a></small></div>';

Ich habe die Anzeige noch ein wenig “aufgepimpt”, z. B. die Bilder durch eine gepunkete Linie umrandet. So lautet dann der Code:

if ( $show_image == "create-thumbnails" ) { 
echo '<div style="float:left; margin:3px 16px 0 0;">
<img style="width:'.$thumb_size.'px; height:'.$thumb_height.'px; border:2px dotted #ccc" 
src="http://www.thumbshots-server.com/webthumb/webthumb.php?url='.$blbm_link->link_url.'" width="120" height="90"  
alt="'.$blbm_link->link_name.'" title="'.$blbm_link->link_name.'"/>
</div>';

Das Ganze könnte dann beispielsweise wie auf diesem Screenshot aussehen:

Thumb-Shots.de

Dieser Dienst ist ebenfalls sehr unkompliziert. Allerdings ist hier die Anforderung eines Api-Keys nötig. Für jeweils eine Domain kann nur eine Api angefordert werden. Diese ist letztendlich Bestandteil der verlinkten Bild-Url.

Bei mir hat sich dieses als nachteilig ausgewirkt.

Was war passiert? Kurz nachdem ich die Api für eine Domain angefordert hatte und diese angezeigt wurde, klickte ich diese Seite versehentlich weg. Auch durch einen Rückschritt kam ich an sie nicht mehr heran.

Ich versuchte erneut, für meinen Blog eine Api anzufordern, aber dann wurde logischerweise angezeigt, dass der Api-Key schon vorher beantragt und nur noch nicht freigeschaltet wurde.

Auf eine Mail über das Kontaktformular mit einer kurzen Beschreibung meines Problems bekam ich keine Antwort und somit ist der angeforderte Schlüssel durch meine Schusseligkeit für mich sozusagen “in den Wind geschossen”. Schade eigentlich, denn in der “Bunten Blogwelt” habe ich diesen Thumshot-Dienst auf meiner Blogrollseite im Einsatz und bin sehr zufrieden mit ihm.

Eine Registrierung ist ansonsten nicht erforderlich, aber ein Backlink ist Pflicht. Absoluter Vorteil ist meines Erachtens, dass kein Request-Limit besteht.

Bildlink für Thumb-Shots.de

if ( $show_image == "create-thumbnails" ) { 
echo '<div style="float:left; margin:3px 16px 0 0;">
<img style="width:'.$thumb_size.'px; height:'.$thumb_height.'px; border:2px dotted #ccc" 
src="http://www.thumb-shots.de/make.php?url='.$blbm_link->link_url.'&apikey=hier_steht_der_apikey&g=m" width="115" height="86" border="0"
alt="'.$blbm_link->link_name.'" title="'.$blbm_link->link_name.'"/></div>';

Backlink für Thumb-Shots.de

if ( $show_image == "create-thumbnails") {
echo'<div align="center"><small>
<a href="http://www.thumb-shots.de" alt="Thumbshots by Thumb-Shots.de" target="_blank">Thumbshots by Thumb-Shots.de</a></small></div>';

Die Anzeige der Webseiten-Grafiken ähnelt der von Thumbshots-Server, daher spare ich mir den Screenshot.

Thumber.de

Bei diesem Thumbnail-Dienst ist eine Registrierung erforderlich. Ich habe die kostenlose Basisversion ausprobiert und finde sie durchaus empfehlenswert.

Mit diesem Account ist es wie auch bei den oben erwähnten Diensten möglich, Grafiken in verschiedenen Größen anzuzeigen. Die 3D-Variante wird zwar erst ab einem Premium-Account angeboten, aber unter “Tipps und Tricks” im Mitgliederbereich wird schön beschrieben, wie ich Grafiken per CSS3 mit Extraeffekten versehen kann.

Thumber.de empfiehlt, einen Backlink zu dem Dienst zu setzen, alternativ wird ansonsten ein Wasserzeichens in jedem Thumbshot angezeigt.

Bildlink für Thumber.de (mit der entprechenden css-Klasse “rounded”)

if ( $show_image == "create-thumbnails" ) { 
echo '<div style="float:left; margin:3px 16px 0 0;">
<img style="width:'.$thumb_size.'px; height:'.$thumb_height.'px;" 
src="http://image.thumber.de/?size=L&url='.$blbm_link->link_url.'" class="rounded" width="150" height="113" border="0"
alt="'.$blbm_link->link_name.'" title="'.$blbm_link->link_name.'"/>
</div>';

Backlink für Thumber.de

if ( $show_image == "create-thumbnails") {
echo'<div align="center"><small>
<a target="_blank" href="http://www.thumbshots-server.com"><img style="border:0;width:80px;height:15px" src="http://www.thumbshots-server.com/button.png" alt="Free Thumbnails and Snapshots"/></a></small></div>';

Diesen Dienst probiere ich seit ein paar Tagen auf diesem Blog aus. Rein optisch finde ich die Darstellung sehr ansprechend, allerdings erhalte ich schon mit dem Tag der Registrierung täglich folgende E-Mail-Benachrichtigung:

Deine Webseite http://sylvis-blog.de hat ihre maximal zugelassenen Requests für heute überschritten!
Requests erlaubt:       30
Requests verbraucht:       31
Damit neue Thumbshots erstellt und auf Deiner Webseite weiterhin angezeigt werden,
musst Du Deinen Account upgraden, oder bis morgen warten.
Weitere Details zu den verfügbaren Premium Paketen findest Du unter:

http://thumber.de/premium.php

Im Mitglieder-Bereich (MyThumber) findest Du auf der Detailseite einer Deiner Webseiten
- Die Möglichkeit ein Premium Paket zu buchen
- Diverse Einstellungen
- Detailierte Statistiken
- Benachrichtigungsoptionen

Schön, die Benachrichtigungsoptionen kann ich allerdings nur ändern, wenn ich einen Premium-Account besitze.

Hm … ich habe doch nur 13 Webseiten in meiner Blogroll verlinkt und schon ist das Limit aufgebraucht? Nun muss ich überlegen, ob ich für die Anzeige von verlinkten Webseiten in meiner Blogroll 3,95 € für das günstigste Premium-Paket monatlich ausgeben möchte. Ehrlich gesagt, nicht wirklich.

Zusammenfassung:

Thumbshots-Server

• keine Registrierung erforderlich
• keine Backlinkpflicht
• “alt”-Attribut mit Preview by Thumbshots-Server.com muss im Thumbnail-Link gesetzt werden
• Request-Limit nicht bekannt
• Generieren der Thumbnails dauert eine Weile

Link zu thumbshots-server.com

Thumb-Shots.de

• keine Registrierung erforderlich
• Api-Key muss für jede Domain einzeln angefordert werden
• Backlinkpflicht (der vorgegebene Link darf nicht verändert werden)
• kein Request-Limit
• Generieren der Thumbnails geht recht schnell

Link zu thumb-shots.de

Edit 16.04.2013

Mittlerweile war Sven sehr fleißig und hat seinen kostenlosen Thumbnail-Dienst hinsichtlich der Performance und Utility verbessert. Schaut doch einfach in die Auflistung der letzten Newsmeldungen insbesondere unter Versionsinfo & History.

Thumber.de

• Registierung erforderlich
• im Basis-Account entweder Backlinkpflicht oder ein Wasserzeichen wird in den Grafiken angezeigt
• maximal 30 zugelassene Requests
• Generieren der Thumbnails geht recht schnell

Link zu thumber.de

Ein weiterer Thumbshot-Dienst ist noch ShrinkTheWeb. Diesen habe ich allerdings nicht ausprobiert, weil dort einerseits ebenfalls eine Registrierung erforderlich ist, andererseits handelt es sich hier – im Gegensatz zu den oben genannten – um einen englischsprachigen Dienst.

Fazit

Ich werde wohl demnächst die Kombination aus Thumbshots-Server und CSS3-Effekten ausprobieren. Es sei denn, ich komme irgendwie noch an den Api-Key von Thumb-Shots.de heran.