WordPress „Send to Kindle“, eine gute Art lange Artikel zu lesen

Für diesen, wie alle anderen Einträge, gibt es auf der rechten Seite Schaltflächen um den Eintrag bei Google+, Twitter & Facebook zu teilen. Seit heute gibt es dort auch noch eine weitere Option » Kindle. Ein Klick auf das K-Icon öffnet ein separates Fenster und übergibt an Amazon die URL des Eintrags, sowie ein paar weitere Hinweise zum Aufbau der Seite, damit Amazon für Dich den Inhalt aufbereiten und an Deinen Kindle senden kann. Gerade für längere Blogeinträge ist das eine nette Möglichkeit, den Inhalt bequem zu lesen.

Dass das Möglich ist hängt damit zusammen, dass Amazon ein kleines WordPress Plugin anbietet. Send to Kindle hinterlegt an die passenden Stellen in WordPress die nötigen Icons & JavaScripte und die wertvollen Hinweise, die den Aufbau der Seite beschreiben. Wer möchte kann den Send to Kindle Button an den Anfang oder das Ende jeder Seite setzen, oder in Jetpack integrieren. Das Plug-in lässt reichlich Raum für eigene Anpassungen, soweit ist das ganze gut von Amazon gelöst.

Für mich hat es so jedoch nicht ganz getaugt, wie sich die Entwickler bei Amazon das ganze vorgestellt haben. Das liebt aber nicht an Amazon, sondern an meinem Theme. Ich wollte den Send To Kindle Knopf halt bei den anderen Social Media Elementen wissen und dazu musste ich ein wenig Hand anlegen. Der Blog verwendet Hueman von http://alxmedia.se. Teil des Themes ist eine Datei mit dem schönen Namen sharrre.php, das die nötigen Knöpfe an die passende Seite legt.

Um den Kindle-Knopf da nun hinzubekommen, wo er ist, habe ich Ihn einfach „manuell“ hingepackt. Dazu kopierte ich das grundlegende Gerüst und fügte einfach das send-to.kindle Icon an die passende Stelle. Wichtig ist eigentlich nur, dass man den Knopf in einen DIV oder SPAN einpackt, dem man die Klasse kindleWidget zuweist.

<div id="kindle" class="sharrre">
	<a class="box" href="#">
		<div class="count" style="font-size:0.6em" href="#">&raquo Kindle</div>
		<div class="share kindleWidget"><img src="http://www.mactopics.de/wp-content/plugins/send-to-kindle/media/white-25.png"/></div>
	</a>
</div>

Das Amazon-JavaScript überwacht diese Klasse und führt das Script bei einem Klick darauf aus. Das Script selbst übergibt an Amazon dann die URL des Blogs, sowie ein Hinweis, in welchen Elementen der Seite (meist Klassen) der Titel, das Veröffentlichungsdatum, der Autor und der Inhalt des Eintrags zu finden sind. Den Rest erledigt Amazon dann und  das Ergebnis kann sich sehen lassen.

Wer kein WordPress verwendet, findet unter amazon.com: Send to Kindle alle notwendigen Hinweise, dort findet man auch Plug-Ins für den eigenen Browser und einige andere Tipps.