Donnerstag, 27. August 2015

Printfrieddly - Button einbinden

Ich muß gestehen ich kannte diesen Dienst gar nicht, aber eigentlich ganz einfach das ganze.
Würde sich da nicht ein Parsing-Fehler einschleichen.
Wer was dazu lesen möchte siehe PS ganz unten.

Im Code unten ist der Übeltäter behoben, so daß es jetzt klappen müßte.

Ich habe diesen Button ausgesucht um einzubinden.

Der soll unter jeden Post erscheinen.

Das ist der Code der dafür verwendet wird:

<script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'right';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='1';(function(){var js, pf;pf = document.createElement('script');pf.type = 'text/javascript';if('https:' == document.location.protocol){js='https://pf-cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.src=js;document.getElementsByTagName('head')[0].appendChild(pf)})();</script>
<a class="printfriendly" href="http://www.printfriendly.com" onclick="window.print();return false;" style="color:#6D9F00;text-decoration:none;" title="Printer Friendly and PDF"><img alt="Print Friendly and PDF" src="http://cdn.printfriendly.com/button-print-gry20.png" style="border:none;-webkit-box-shadow:none;box-shadow:none;" /></a>

Der Script wird kopiert und HTML-Modus eingefügt. 
Dafür gehen wir zur Hauptbedienungsfläche.
Also hier drüber:
Vorlage>>HTML bearbeiten

Die Zeile die wir benötigen lautet:
<div class='post-footer'>


Und genau hier drunter wird unser Code eingefügt.


Der Button steht da, wo wir ihn haben wollten.
Das könnt Ihr auf meinem Blog sehen.
Allerdings habe ich da einen anderen Button.

Ein Schönheitsfehler hat das ganze jedoch.
Solltet man von einer Seite, auf der sich mehrere Posts befinden, einen einzelnen Post drucken wollen, so wird trotzdem die ganze Seite gedruckt.
Wenn der Post alleine aufgerufen wird, dann ist das machbar.

Unter Umständen ist es ratsamer eine PDF zu basteln und diese direkt einzubinden um vom PDF-Reader öffnen zu lassen.
Das muß aber jeder für sich entscheiden.



PS
Die Meldung Parser-Fehler-Meldung kommt daher, dass wir hier eine XML-Datei haben.
Diese erwartet bestimmte Anweisungen.
In dem Fall ist es das abschließende img-tag, das Ärger macht.
Genauer gesagt fehlt da ein  /

bei
<img src="irgendwas">
fängt der an zu bocken

schreiben wir
<img src="irgendwas" />
frisst der das.