Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Dazu braucht man doch kein Plugin.
Wenn man denn unbedingt eine "Druckversion" anbieten möchte, kann man auch ein entsprechendes Stylesheet für Drucker einbinden.
Es gibt in CSS eine Media-Eigenschaft, über die man die verschiedenen Medien (Bildschirm, Druck, Handheld etc...) direkt ansprechen kann. Guck mal bei SELFHTML rein:
SELFHTML: Stylesheets / CSS-Formate definieren / Stylesheets in HTML einbinden
Google 'WordPress Druchversion': WP - Druckversion - bueltge.de [by:ltge.de]
Bei mir hab ichs so gelöst:
<link rel="stylesheet" type="text/css" media="print" href="<?php bloginfo('stylesheet_directory'); ?>/print.css" />als alternatives Stylesheet eingebunden, dann in der print.css einfach angepasst und ausgeblendet:
/* Print Style Sheet */
@media print {
body {background:white; color:black; margin:0 }
#container-above{display:none;}
#container-topnav{display:none;}
#container-topnavs{display:none;}
#container-breadcrumb{display:none;}
#footer{display:none;}
#container-bottomnavs{display:none;}
.post small a{display:none;}
#header { display:block;
height: 100px;
font-size: 150%;
color:black; }
}
.post small{margin-top:2em;margin-bottom:0;padding:0;}
.post h1{padding:0;margin:0;font-weight:bold;}
#header p{display:none;}
#page{ margin-left:0;
float:none;
width:auto;
font-size:12pt;font-family; Arial,sans-serif; }
#commentform,#respond,#post-meta,.avatar,.pagination,.invis,.pagebar { display:none }
h1, h2, h3, h4, h5, h6 { page-break-after:avoid;
page-break-inside:avoid }
img { page-break-inside:avoid;
page-break-after:avoid; }
blockquote, table, pre { page-break-inside:avoid }
ul, ol, dl { page-break-before:avoid }
Ist weder perfekt noch schön, kann aber als Anhaltspunkt dienen.
Zur Frage: display:none;
Noch speziell aus der (engl.) WP Doku zum Thema, falls mal wieder jemand darüberstolpert: Styling for Print « WordPress Codex
Wie hast du dein Druckstylesheet eingebunden? Wie sieht die CSS-Datei aus?
<style type="text/css media="print">
@page { size:landscape; }
#nav, #footer {display: none;}
</style>
nein !
<link rel="stylesheet" type="text/css" href="..." media="print" />
dort dann einfach das css so umbiegen wie dus willst.
Nur der Vollständigkeit halber: ;-)
Es gibt ein Plugin namens wp-print, das unter folgender Adresse zu finden ist:
Programming « Portfolio | lesterchan.net
VG Elke
Ebenfalls der Vollständigkeit halber: manchmal kann es sinnvoll sein, die Bildschirm-Stylevorgaben auch als solche auszuzeichnen, so dass sich die verschiedenen Stylevorgaben nicht gegenseitig beeinflussen:
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url')" media="screen, projection" />
("projection" ist für Beamer etc... Opera verwendet dieses Stylesheet im Vollbildmodus).
Es gibt ein Plugin namens wp-print, das unter folgender Adresse zu finden ist: (..)
Der Vorteil von wp-print ist, daß in der Druckversion noch zusätzliche Angaben stehen. Sieht dann aus wie bei heise.de, alle Links aus dem Artikel sind noch einmal als Text aufgeführt, die URL usw.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
