Donnerstag, 27. August 2015

Printfrieddly - Button einbinden

Aus aktuellem Anlass, weil jemand im Forum und einer privat sagten, es würde nicht klappen mit dem Einbinden, habe ich das hier getippt.

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>


Wir kopieren also den Script und schalten in HTML-Modus.
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.


Und schon steht der Button dort, 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.

Wenn Du wissen willst wie man andere Buttons, sogar eigene Button-Grafiken einbinden kann, dann schau mal hier vorbei

Enjoy!




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

Ist doch ein Sack, oder?

Keine Kommentare:

Kommentar veröffentlichen