. .


Druckerfreundliche Ausgabe

Tinte und Papier sparen

Von: Santscho

Um was gehts? — Artikel ausdrucken | Druck-Layouts | Druck-CSS

Im Template wurde definiert, wo der Ausdruck starten und enden soll. Im Template-Tutorial wurde der ganze Inhaltsbereich inklusive Spaltentemplates für den Ausdruck bestimmt.

Um eine saubere Druckvorschau zu erhalten, müssen der Druckfunktion ein Layout-Template (für die Positionierung auf dem A4 Papier) und ein Inhalts-Template (für Texte) zugewiesen werden.

Download Druck-Templates

Die ZIP-Datei enthält alle Bordmittel, um eine saubere Druckvorschau zu erhalten. Print_Layout.zip runterladen und die enthaltenen Dateien den ensprechenden Verzeichnissen auf dem phpwcms-Server zuordnen.


print_layout.css kopieren nach templateinc_css

print.tmpl kopieren nach templateinc_default

printheader.png kopieren nach templateinc_cssscreenimages

Erklärungen

print.tmpl enthält DIV-Container für den Ausdruck eines Kopf- Inhalt und Fussbereiches.

  • Der Kopfbereich ist leer und wird mittels CSS mit dem Hintergrundbild printheader.png hinterlegt.
  • Der Inhaltsbereich enthält den RT {CONTENT}, welcher den eigentlichen Inhalt des auszudruckenden Artikels darstellt.
  • Der Fussbereich enthält den RT {CURRENT_URL}. welcher die URL des Artikels im darstellt.

printheader.png öffnen und eigenes Logo darin platzieren. Die Datei-Dimensionen sind auf das Printlayout abgestimmt und sollten nicht verändert werden.

print_layout.css wird von phpwcms für die Formatierung des print.tmpl und des Inhaltes verwendet. Alle Container-Dimensionen sind in dieser CSS angegeben. Der Hauptcontainer hat die Masse eines DIN-A4. Die Inhaltbreite beträgt 180 Millimeter. Der Kopfbereich hat eine Höhe von etwa 30 Millimeter. Allle Massangaben sind in mm angegeben, da diese Einheit offiziell in CSS unterstützt wird.

Zusätzlich wird für die Inhalts-Formatierung content.css importiert. Hat man für phpwcms-spezifische Formatierungen eine separate CSS-Datei angelegt, muss diese auch noch zusätzlich importiert werden. Ein entspechendes Beispiel befindet sich in der beigelegten print_layout.css.

Der Druck-Link

Im Template baut an an der gewünschten Stelle den Link für die Druckvorschau ein:
[PRINT]Artikel ausdrucken[/PRINT]

Soll anstelle des Textes eine Grafik erscheinen:
[PRINT]{IMAGE:print_link_.gif}[/PRINT]

Variante: Dynamischer Kopfbereich

Man kann den Inhalt des Print-Layout Kopfbereiches auch vom phpwcms Backend aus steuern. Dazu legt man in einem versteckten Artikel einen CP an, der den Kopfbereich-Inhalt erhalten soll. Das kann zum Beispiel der CP "Text mit Bild" sein.

Nun fügt man in Kopfbereich der Datei print.tmpl folgenden RT ein:
{SHOW_CONTENT:CP,XX}, wobei X für die CP-ID steht.

Auch kann man mit Hilfe eines Banner-Modul-RTs ganz einfach Werbung auf der auszudruckenden Seite plazieren.