Serendipity Druckversion Stylesheet Di, Feb 16. 2010
In Serendipity läßt sich auf einfache Art und Weise eine Druckversion mittels Druck-Stylesheet hinterlegen.
Innerhalb des Serendipity-Templates (in der Datei index.tpl) kann man das Einbinden eines weiteren Stylesheets im Head-Abschnitt mit dieser Anweisung steuern:
<link rel="stylesheet" type="text/css" href="{serendipity_getFile file="print.css"}" media="print">
Das Attribut media="print" sorgt dafür, dass dieses Stylesheet für das Ausgabemedium Drucker genommen wird. Diese Anweisung sollte hinter dem normalen Stylesheet stehen. Dadurch wird beim Druck das standard-Stylesheet (style.css) genommen und mit den Angaben aus print.css überschrieben.
Ein normales Serendipity Template wird dadurch ganz einfach zu einem Druck-Template.
{serendipity_getFile file="xxx"} ist eine Smarty-Variable [1][2].
Diese gibt einen absoluten HTTP Pfad zu einer Datei innerhalb des
Template Verzeichnisses zurück. Dieser Aufruf wird genutzt, um Dateien
wie Icons oder Plugins abzurufen, die Template-abhängig sind.
Im Quelltext der Website wird dadurch diese Zeile erzeugt:
<link rel="stylesheet" type="text/css" href="print.css" media="print">
Bereiche für den Druck ausblenden
Beim Druck-Stylesheet lassen sich alle für den Druck nicht benötigten
Bereiche wie Navigationen, Werbung, Formulare, etc. ausblenden. Das
sind alle Informationen, die beim Druck keine Funktion haben und nur
störend wirken. Das Logo und der Seitenname sollten bestehen bleiben.
Zum Ausblenden von unnötigen Bereichen nutzt man im Stylesheet die Anweisung display:none;
Schrift, Farben und Hintergründe
Die Schrift sollte möglichst lesbar sein. Das bedeutet der Font sollte
nicht zu klein sein, die Zeilenabstände sollten groß genug sein. Ein
Wert von 1.5em ist empfehlenswert.
Farben sollten im Druck vermieden werden. Am besten lässt sich schwarz
auf weiß lesen. Hintergründe sollten weggelassen werden, da diese nur
unnötig Druckertinte verschwenden.
Zur Auszeichnung der Farben und Hintergründe nutzt man im Stylesheet die Anweisung color: black; background: white;
Fazit
Drucklayouts lassen sich ganz einfach in Serendipity integrieren. Dadurch ersparen Sie den Besuchern einiges an Ärger beim Ausdrucken. Wenn Ihre Besucher die Stylesheet optimierte Druckversion mit Ihrem Logo ausdrucken, dann ist das für Ihren Internetauftritt eine einfache und effektive Werbung.
Weitere Informationen zum Thema 'Serendipity Druckversion Stylesheet':
[1] Spezielle Smarty Templating/Plugin Merkmale in Serendipity
[2] CSS-Klassen und Smarty-Variablen in Serendipity
Bookmarks:
Delicious Facebook Google Yahoo Mr. Wong Linkarena Digg