Wenn man nun das Design und Layout des Weblogs immer weiter Richtung Schlichtheit trimmt kann es leider schnell passieren das die Usability ein Stück weit auf der Strecke bleibt. Das ist mir auch passiert – glaube ich wenigstens – mit der Kommentarfunktion.

Mir ist aufgefallen das bei etwas längeren Artikeln nicht mehr der Link zum kommentieren auf dem Bildschirm zu sehen ist. Dieser ist nur klein bei den Meta-Daten des Artikels rechts zu finden. Scrollt man nun beim lesen weiter runter verschwindet der Link ganz einfach aus dem Blickfeld und der Leser wird so nicht mehr zum kommentieren animiert.

Dies ist nicht etwa ein Manko des hier im Einsatz befindlichen WordPress Premium Themes Nilmini von Elmastudio, sondern ist meinem Hang zu minimalistischen und schlichten Themes geschuldet. Im Original werden bei dem Theme Nilmini sehr wohl unter jedem Artikel die Kategorie, die Schlüsselwörter sowie die Anzahl der abgegebenen Kommentare angezeigt. Diese entfernte ich jedoch bei meinem Child-Theme. Das dies schöner aussieht könnte ein Anlass zum streiten sein, was ja bekanntlich nichts bringt. Das es nicht gerade die Benutzerfreundlichkeit meines Weblogs steigert ist nun endlich auch in meinen Augen unbestreitbar.

Also gibt es jetzt unter jedem Artikel auf der Startseite und auch bei allen Archivseiten einen relativ großen Button mit der unmissverständlichen Aufschrift “Kommentar abgeben”. Nun hoffe ich durch die auffällige und prominente Platzierung des Kommentieren-Links unter jedem Artikel auf mehr Kommentare. Vielleicht kommentieren nun sogar mehr neue Besucher meines Weblogs und nicht nur immer die üblichen Verdächtigen. Es würde mich freuen!

PS: Manchmal stehen wir uns selbst im Weg und durch eine gewisse “BetriebsBlogblindheit” verliert man zuweilen den Blick für die offensichtlichen Dinge. Gesetzmäßigkeiten, die eigentlich logisch sind und zwingend eingehalten werden sollten geraten aus dem Fokus.

Den folgenden Code schrieb ich in meine content-single.php:

<h3 class="h3relate">verwandte Artikel</h3>
			<?php do_action(
    'related_posts_by_category',
    array(
      'orderby' => 'RAND',
      'order' => 'DESC',
      'limit' => 5,
      'echo' => true,
      'before' => '<li class="relate">',
      'inside' => '<i class="icon-chevron-right"></i> ',
      'outside' => '',
      'after' => '</li>',
      'rel' => 'nofollow',
      'type' => 'post',
      'image' => array('100,100'),
	  'hidden' => 'image',
      'message' => 'Keine Treffer'
    )
  ) ?>

Und in meiner CSS-Datei sorgt folgender Code für die Formatierung:

#content ul.entry-meta li.relate {
	padding:0 0 5px 25px;
	}
#content ul.entry-meta h3.h3relate {
	padding:25px 0 0 25px;
	margin:0;
	font-weight:bold;
	color:#aaa;
	}

Das Plugin war schon mal hier im Einsatz. Leider werden bei langen Wörtern die letzten Buchstaben nicht angezeigt. Weiß da jemand Rat wie ich diesen Fehler in der Darstellung beheben kann. Ich möchte betonen das diese fehlerhafte Darstellung der Links nicht an dem Plugin liegt sondern am WordPress Theme.

blockquote p:before {
         content:' " ';
         }

So lange die Schriftgröße für die Anführungszeichen nicht größer als für das Zitat gewählt wird bestimmt eine gute Möglichkeit. Sobald aber die Schriftgröße größer gewählt wird steigt auch die Zeilenhöhe an und das sieht dann absolut doof aus.

Also experimentierte ich mit einer Grafik, die ich via CSS als Hintergrund anzeigen lasse.

background: transparent url(images/quote.png) top left no-repeat;

Nachteil bei dieser Methode ist das es je nachdem wie groß die Grafik ist der Fließtext in der Grafik beginnt. Abhilfe kann durch die Angabe

padding: 0 0 0 30px;

geschaffen werden. Allerdings wird die Grafik / werden die Anführungszeichen dann nicht von dem Text umflossen sondern jede Zeile des Fließtextes fängt 30px vom linken Rand entfernt an. sieht auch nicht wirklich toll aus.

Eine kurze Recherche bei selfhtml brachte mich zu der CSS-Eigenschaft text-indent. Mit der Anweisung text-indent kann für einen mehrzeiligen Fließtext festgelegt werden dass die erste Zeile um einen numerischen Wert eingerückt wird. Genau was ich für die Darstellung von Zitaten brauche. In meiner CSS-Datei ist nun folgender Code für die Darstellung von Zitaten verantwortlich:

#content blockquote {
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin:10px 0 30px;
	padding: 0 0 0 30px;
	}
#content blockquote p {
	text-indent:3.0em;
	background:transparent url(images/quote.png) left top no-repeat;
	}
#content blockquote p, #content blockquote ul li {
	margin: 0;
	overflow: hidden;
	font-size:0.85em;
	line-height:1.5 !important;
	font-style:italic;
	}
#content blockquote p cite,.quelle {
	clear: both;
	margin: 10px 0 0 0;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: .7em;
	font-style: normal;
}

Jetzt braucht es noch ein Beispiel! Da bin ich in meinem Reader auf einen Artikel gestoßen der nichts mit der Problematik der Darstellung von Zitaten zu tun hat, jedoch meine Zustimmung findet. Worum es geht? Kleine Leseprobe:

Wir allen wollen es: Individuell sein! Ich folge nicht dem Strom, passe mich nicht an, versuche mich vom Rest der Welt zu unterscheiden. Ist doch so, oder? Wir wollen anders sein. Also folgen wir nicht jedem Trend, vermeiden es die Dinge zu kaufen und zu lieben, die gerade mal wieder total IN sind! Und denken dabei “Jawohl, ich bin ich und sonst können mich alle mal”. So bin ich auch. Ich will mich nicht der Masse anschließen und den aktuellsten Trends beugen. Zumindest denke ich immer, dass ich so bin.
Der ungewollte Zwang mitzumachen!

Doch zuerst sei noch erwähnt das es eine kostenfreie und eine kostenpflichtige Version des Plugins gibt. Die Funktionsweise der kostenfreien Version ist nicht eingeschränkt. Es wird lediglich ein Link zum Autor bei der kostenfreien Version eingeblendet.

Bereits das erste Eingabefeld in den Optionen des Plugins wird manche abschrecken, denn es wird nach einem Google API Key gefragt. Ohne den geht es nicht. Wie man den bekommt wird recht nett in dem Tutorial Google Plus APi erklärt. Also alles halb so wild.
Wie man die Google+ ID fürs zweite Eingabefeld heraus findet dürfte klar sein. Es ist die Zahlenreihe in der URL, wenn man sein eigenes Google Plus Profil aufruft.
Die restlichen Einstellmöglichkeiten des Plugins dürften selbsterklärend sein. Ansonsten hilft der Blogpost Google+Blog for WordPress – HELP vom Verfasser des Plugins Daniel Treadwell bestimmt weiter, auch wenn er leider nur in englischer Sprache vorliegt.

Es sei noch erwähnt das bei mir nur Posts importiert werden die ich bei Google Plus mit dem hashtag #gwp versehen habe.
Die Posts werden bei mir als Entwurf abgespeichert damit ich die Kategorie und die Keywords vervollständigen kann.
Die Kategorie google+ wird noch mit Hilfe des WordPress Plugins Advanced Category Excluder von der Startseite und dem Feed ausgeblendet.

Um die Posts von G+ trotzdem populär auf der Startseite aus zu geben verwende ich ein Widget.
Im Footer werden die letzten 5 Posts aus der Kategorie google+ auflistet. Ganz einfach realisiert mit dem RSS-Feed der Kategorie und dem von WordPress bereit gestellten Widget für externe RSS-Feeds.

Leider gibt es bei dem Plugin Google+Blog keine Möglichkeit die Sprache der Ausgabe in den Optionen zu ändern. Also bleibt einem nichts anderes übrig als die Datei googleplusblog.php im Texteditor des Vertrauens (bei mir ist das Notepad++) zu öffnen und die entsprechenden Zeilen zu bearbeiten.

Zeilen 883 – 894

if (strpos($this->annotation, '<br />') > 0 && strpos($this->annotation, '<br />') < 80)
{
$content = substr($this->annotation, strpos($this->annotation, '<br />')+6)."<br /><br /><strong>Geteilter Artikel von +<a href='$this->actor_url'>$this->actor_name</a></strong><br /><blockquote><p>$this->content</p></blockquote>";
}
elseif (strpos(strip_tags($this->annotation), '. ') > 0 && strpos(strip_tags($this->annotation), '. ') < 80)
{
$content = trim(substr($this->annotation,strpos(strip_tags($this->annotation), '. ')+2))."<br /><br /><strong>Geteilter Artikel von +<a href='$this->actor_url'>$this->actor_name</a></strong><br /><blockquote>$this->content</blockquote>";
}
else
{
$content = $this->annotation."<br /><br /><strong>Geteilter Artikel von +<a href='$this->actor_url'>$this->actor_name</a></strong><br /><blockquote><p>$this->content</p></blockquote>";
}

Zeilen 952 – 973

{
$content_article = "<p style='clear:both;'>
<p style='margin-bottom:5px;'><strong>Darum geht es</strong></p>
<blockquote><p>
<div style='height:120px;width:120px;overflow:hidden;float:left;margin-top:0px;padding-top:0px;margin-right:10px;vertical-align:top;text-align:center;clear:both;'>
<img style='max-width:none;' src='".$article_image."' border='0' />
</div>
<a href='$attachment->url'>$attachment->title</a><br />
$attachment->article_snippet<br />
</p></blockquote>
</p>";
}
else
{
$content_article = "<p style='clear:both;'>
<p style='margin-bottom:5px;'><strong>Darum geht es</strong></p>
<blockquote><p>
<a href='$attachment->url'>$attachment->title</a><br />
$attachment->article_snippet<br />
</p></blockquote>
</p>";
}

Zeile 982

$content_reshare_link = "<a href='$this->url' target='_new'>$this->reshares</a> mal geteilt · ";

Zeile 986

$content_post_link = "<a href='$this->url' target='_new'>bei Google+ lesen / kommentieren</a>";

Ich hoffe nichts vergessen zu haben. Wer Fragen an mich hat wegen dem Plugin, meiner Änderungen am Code des selbigen oder was ich über das Leben als solches weiß kann diese Fragen gerne in den Kommentaren stellen.

#gwp

Darum geht es

HTML in Bildunterschriften in WordPress 3.3 & 3.4 | WordPress & Webwork
Eine der neuen Funktionen in WordPress 3.4 wird es sein, dass man in den Bildunterschriften (Captions) HTML einfügen kann, z. B. …

bei Google+ lesen / kommentieren
( via Plugin Google+Blog )

Wenn diese Zahlen stimmen bin ich zufrieden. Damals als der Feed noch über Feedburner ausgeliefert wurde pendelten die Besucher immer so bei knapp 200 Feedlesern. Nun kann ich im Schnitt 432 Leser pro Tag verbuchen. Das ist schon Wahnsinn. Allerdings bleibe ich auf dem Teppich und nehme diese Zahl nicht allzu ernst. Schließlich habe ich diese Statistik nicht selber gefälscht, wie soll ich ihr da vertrauen?

Aber auch wenn diese Zahlen stimmen. Die Frequenz der Kommentare ist geringer geworden. Dies zolle ich ganz klar den social networks. Ich selber kommentiere auf anderen Blogs schließlich auch weniger. Dafür teile ich andere Artikel häufiger über Facebook, Google+, Twitter und auch über Delicious.

Artikel, die ich früher eigentlich kommentierte teile ich nun über Google+ und versehe sie da mit dem hashtag #gwp. Durch diesen hashtag werden sie automatisch von dem WordPress Plugin Google+Blog ausgelesen und auf meinem Blog geteilt, meistens mit einem einleitenden Kommentar von mir. Das schaute ich mir übrigens auf dem Querblog ab.

Darum geht es:

Der GEMA Virus und WordPress – Was man dagegen tun kann
Der GEMA Virus hatte leider alle meine WordPress Blogs infiziert. Die vergangenen drei Tage war ich mit der Suche des Schadcodes und der Bereinigung meiner WordPress-Installationen beschäftigt. Die Infektion habe ich leider zu spät entdeckt. Tanja hatte mich per Mail zwar darauf aufmerksam gemacht, dass mein Blog ein Überträger sein kann, aber zu dem Zeitpunkt konnte ich leider nichts feststellen. Ich hatte nicht intensiv genug geprüft – mein Fehler. Erst als mir Google Chrome eine Warnung vo…

1 mal geteilt · bei Google+ lesen / kommentieren
( via Plugin Google+Blog )

Zur Zeit postet Horst Schulte bei Google+!

Auf jeden Fall kann davon ausgegangen werden das nun in naher Zukunft diese Domains mit Werbung gepflastert werden, weil diese Domains sicher gut im Ranking da stehen. Ich habe alle Links zu der Domain querblog.de aus meiner Datenbank gelöscht. Ich werde einen neuen imaginären Besitzer der Domain querblog.de nicht durch Backlinks unterstützen. Schließlich hat der neue imaginäre Besitzer nichts für die Popularität der Domain getan.

Um alle Einträge in der Datenbank zu erwischen bemühte ich das WordPress Plugin suchen & ersetzen.

Nun gefällt mir mein Header wieder! Jetzt überlege ich noch ob ich die Metadaten der Artikel auf der Startseite und den Archivseiten abschalte. Bin mir nicht sicher ob diese einen Mehrwert für die Leser darstellen oder überflüssig sind. Ich denke rein vom Aussehen her würde es mir besser gefallen wenn der Fließtext über die gesamte Breite gehen würde.

Ich habe das Plugin so eingestellt das die Posts alle in der Kategorie Google+ landen. Die Posts dieser Kategorie werden weder auf der Startseite ausgegeben noch im Feed berücksichtigt. Um die Posts von Google+ auch im Blog zu erreichen gibt es in dem Header-Menü einen extra Menüpunkt. Da bin ich mir aber noch nicht sicher ob das so bleibt. Vielleicht ändere ich das noch und lasse auch die Google+ Posts auf der Startseite anzeigen.

Da das Plugin nur in englischer Sprache vorliegt änderte ich die entsprechenden Stellen direkt in der Datei googleplusblog.php. Diese findet sich im Plugin-Verzeichnis …/wp-content/plugins/googleplusblog.1.1.2_free1/googleplusblog.php. Außerdem änderte ich auch die Darstellung des Permalinks und des Links zum Plugin-Autor.