Drucken - Hilfe!!

kewes

Hallo Leute! ;)

Ich habe ein Problem. Wordpress läuft wunderbar, aber eine Sache hakt:

Das Drucken.

Es ist egal was ich drucken möchte, es kommt komplett ohne irgendwelche Formatierungen aus. Ich habe zwar das Wp-Plugin gefunden, aber das benutzt wohl eher nur zum Drucken einzelner Beiträge.

Wie erreiche ich es, dass die gesamte Webseite, so wie sie im Browser abgebildet wird, gedruckt wird?

Gruss,
kewes

Werbepost

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.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

Zitat von kewes

Hallo Leute! ;)
Ich habe ein Problem. Wordpress läuft wunderbar, aber eine Sache hakt:
Das Drucken.
Es ist egal was ich drucken möchte, es kommt komplett ohne irgendwelche Formatierungen aus. Ich habe zwar das Wp-Plugin gefunden, aber das benutzt wohl eher nur zum Drucken einzelner Beiträge.
Wie erreiche ich es, dass die gesamte Webseite, so wie sie im Browser abgebildet wird, gedruckt wird?
Gruss,
kewes

Alles anzeigen

1. das ist kein WordPress Problem
2. das drucken ist Browsersache bis man dem Browser per eigenes Printdesign was anders beibringt

man druckt ja auch immer nur einzelne Seite einer Webseite

doch die print styles verhindern oft (und mit mehr als einem guten Grund) das alles ausgedruckt wird,

wer braucht die Navi gedruckt, wer den Header etc...

dies ist die allgemeine Antwort die möglich ist, weil ohne helfenden Link kann ich nicht besser antworten,weil meine Glaskugeln montags immer Blau machen :( und es ganz viele Möglichkeiten gibt wieso nichts rauskommt was Du haben magst

an und für sich kann jeder browser drucken und Plugin ist keines nötig

lg

kewes

MoinMoin Monika! ;)

Also, es ist eine Webseite, die sich ein paar ältere Herren nochmal anschauen möchten. Damit hier die Orientierung etwas leichter fällt, sollte der Ausdruck wie auf dem Bildschirm ausschauen.

Und Deine Glaskugel kannst Du gerne zu Hause lassen. Denn das "Druck-Problem" ist kein spezielles, das auf meiner Seite auftaucht. Wie Du schon selbst angedeutet hast, ist eher genereller Natur. Du kannst mal versuchen folgende Blogs zu drucken:

Fünf gute Gründe warum ich mit WordPress blogge - Gabis BLOGhaeuschen

daburna.de - Der Blog Blog Archive Wordpress Video Plugin

Der Blog, den ich gerade bearbeite, ist noch nicht fertig und soll auch erst dann online gestellt werden.

Müsste ich für den Blog einen eigenen Stylesheet erstellen, damit dieser auch ausgedruckt so aussieht wie auf dem Bildschirm?

Gruss,
kewes

Monika

ja

hier ist eine Anleitung

Anleitung für die Print.css, denn Datei -> Drucken ist nach wie vor sehr beliebt - das Drucklayout
mußt halt alles was da bleiben sollte da lassen;)

lg

diltigug

Zitat von kewes

... es ist eine Webseite, die sich ein paar ältere Herren nochmal anschauen möchten. Damit hier die Orientierung etwas leichter fällt, sollte der Ausdruck wie auf dem Bildschirm ausschauen.

Hallo,
das hört sich an, als ob der Ausdruck als so eine Art Tutorial für die Seite gebraucht wird. Wie wäre es dann mit ´nem Screenshot zu arbeiten?

Entweder einfach mit der Print-Taste der Tastatur und dann mit Bearbeiten- Einfügen in einer Bildbearbeitung einfügen (oder auch Word und dgl.) oder aber mit Hilfe einer der Zahlreichen Tools die es hierfür gibt (z. B. Greenshot).

diltigug

kewes

Hallo Leute, vielen Dank für die Hilfe bislang.

Es ist kein Tutorial, es dient wirklich nur zum anschauen der Seite - auf dem Papier.

Ich habe jetzt eine print.css erstellt und die Seite wird auch schon fast 1:1 wie auf dem Bildschirm ausgedruckt. Damit der Ausdruck die gleiche Formatierungen aufweist, habe ich einfach den INhalt der style.css in die print.css übernommen.

Aber ich habe noch ein Problem. Aus irgendeinem Grund wird der Header nicht mit seinem Bild ausgedruckt. Hat jemand eine Ahnung woran das liegen könnte?

Webseite: testpage

Die print.css :

CSS

@media print
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {position: relative; background: url(images/bg_body.gif) top left repeat-x #9BC3D5; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #4B5D67; text-align: center;}
#page {display: block; width: 750px; background: url(images/bg_main.gif) top repeat-y; text-align: left; margin: 0 auto;}
#header {position: relative; float: left; display: block; width: 750px; background: url(images/bg_header.gif) top no-repeat; min-height: 355px; padding: 0;}
* html #header {height: 355px;}
#content {float: left; display: block; width: 543px; margin: 0 0 0 7px;}
#sidebar {float: left; display: block; width: 193px; margin: 0;}
* html #content, * html #sidebar {position: relative; left: -7px;}
.post {float: left; display: block; width: 525px; margin: 0 0 0 18px;}
.page {float: left; display: block; width: 507px; margin: 0 0 0 18px;}
.archive {float: left; display: block; width: 507px; margin: 0 0 18px 18px; border-bottom: 1px solid #ccc;}
#sidebar .post {display: block; width: 157px; margin: 0 0 0 18px;}
.title {float: left; display: block; width: 543px; background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8; margin: 0 0 18px 0;}
/* #sidebar .title {float: left; display: block; width: 193px; background: url(images/bg_h3.gif) bottom left repeat-x #CADFED;} */
#sidebar .title {float: left; display: block; width: 193px;}
.entry {float: right; display: block; width: 350px; margin: 0;}
.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}
.wideposts .entry {float: left; display: block; width: 525px; margin: 0 0 18px 5px;}
.wideposts .postinfo {float: left; display: block; width: 525px; margin: 0 0 18px 0;}
.archive .postinfo {margin-left: 0;}
.archive .entry {margin-right: -24px;}
* html .post, * html #sidebar .post, * html .archive  {margin-left: 0; position: relative; left: 18px;}
p img {float: left; margin: 0 18px 12px 0;}
p img.wp-smiley {float: none; margin: 0;}
embed {float: left; margin: 0 18px 12px 0;}


/* typography */
h1 {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
.description {color: #CADFED; margin: 0 37px 25px 37px;}
.title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
#content .postwrapper .title h2 {font: 1.4em Arial, Helvetica, sans-serif; text-transform: none; background: url(images/icon_entry.gif) 24px 50% no-repeat; padding: 9px 100px 12px 42px;}
#sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #32474B;}
.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}
h2 a, h2 a:visited {}
h3 {font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0;}
p {margin: 0 0 18px 0; padding: 0;}
.entry p {padding-right: 24px;}
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: #CC0000;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}


/* lists */
ul {margin: 0 0 24px 9px;}
ol {margin: 0 0 24px 9px;}
ul li {margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 14px;}
.buttons {float: left; display: block; width: 100%; list-style: none; margin-left: 0; margin-bottom: 21px;}
*:first-child+html .buttons {float: none;}
.buttons li {float: left; margin: 0 18px 3px 0; padding: 0;}
.buttons ul {margin: 3px 0 0 0; list-style: none; padding-bottom: -5px;}
.buttons ul a, .buttons ul a:visited {padding: 3px 6px 4px 6px; font-weight: normal;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; font-weight: bold;}
#sidebar .buttons a {text-align: left;}
.buttons a:hover {background-position: bottom right;}
p.pages {flont-weight: bold;}
p.pages a {display: block; padding: 3px; width: auto; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; border-right: 1px solid #D1E0F0;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
*:first-child+html .catlist {border-bottom: 18px solid #fff;}
.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
* html .onecol li {margin: 0;}
.catlist ul {display: none;}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
.onecol li:first-child+li, .onecol li:first-child+li+li {border-top: none;}
*:first-child+html .onecol {border-bottom: 0;}
.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
.catlist a:hover {background: #F2F2F2;}
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}
#sidelist {list-style: none;}
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 24px 0 8px;}
#sidelist ul {list-style-type: disc; }




/* links */
a, a:visited {color: #7f1d1d; text-decoration: none;}
p a:hover, ul a:hover {background-color: #BFD3E0;}
#content p a:hover, #content ul a:hover {background-color: #E2EBF8;}




/* main image */
#mainpic {position: absolute; bottom: 0; float: left; background: url(images/mainpic01.jpg) no-repeat; display: block; width: 736px; height: 229px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}




/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}




/* calendar */
#wp-calendar caption {width: 157px; text-align: center; background: #4b5d67; color: #fff; border-bottom: 2px solid #e6eef7;}
#wp-calendar { border-collapse:collapse; width: 155px; text-align: center;}
#wp-calendar thead tr {background: url(images/cal_bkg.gif) bottom right no-repeat;}
#wp-calendar thead th {background: url(images/cal_single.gif) top left no-repeat;}
#wp-calendar tbody td {background: url(images/cal_single2.gif) top left no-repeat; padding: 2px 0;}
#wp-calendar #today {background: url(images/cal_single_today.gif) top left no-repeat; color: #000;}
#wp-calendar tbody .pad { background: url(images/cal_pad.gif) top left no-repeat;}
#wp-calendar a {padding: 2px 0; font-weight: bold;}
#wp-calendar tfoot td {padding: 3px 0; background: url(images/cal_pad.gif) top left no-repeat;}
#wp-calendar #next {text-align: right; padding-right: 10px;}
#calendar_wrap {display: block; width: 156px; background: url(images/cal_bkg.gif) bottom right no-repeat; padding: 0 1px 1px 0; margin: 0 0 18px 0;}


/* page tabs */
#pagetabs {position: absolute; bottom: 3px; left: 1px; display: block; float: left; padding: 0; margin: 0 0 0 25px; list-style: none;}
#pagetabs ul {display: none;}
#pagetabs li {float: left; border-bottom: 1px solid #414e53; margin: 0 5px 0 0; padding: 0;}
#pagetabs li:hover {border-bottom: 1px solid #486065;}
#pagetabs a {float: left; display: block; padding: 5px 5px 3px 5px; background: #526a74; color: #fff; font-weight: bold; border-bottom: 2px solid #4a5e65;}
#pagetabs a:hover {background: #5c7d86; border-bottom: 2px solid #527077; color: #fff;}
.pagetabstitle {border-bottom: none !important; color: #fff; font-weight: bold; position: relative; top: 4px;}


/* footer */
#footer {clear: both; display: block; width: 750px; background: url(images/bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #9BC3D5; text-align: center;}
* html #footer {margin-top: 18px;}
#footer-top {display: block; width: 750px; height: 15px; background: url(images/bg_footer-top.gif) top no-repeat;}
#footer p {color: #798892; padding: 0 37px 7px 37px;}
#footer a, #footer a:visited {color: #B05255;}

Alles anzeigen

marX

Zitat von kewes

Aber ich habe noch ein Problem. Aus irgendeinem Grund wird der Header nicht mit seinem Bild ausgedruckt. Hat jemand eine Ahnung woran das liegen könnte?

Das Bild ist als Hintergrundbild eingebunden. Hintergrundbilder werden i.d.R. nicht ausgedruckt, kann man aber in den Druckoptionen des Browsers bei Bedarf umstellen. Wenn das Bild immer ausgedruckt werden soll, dann musst du es per HTML-Tag <img> einbinden. (Aber selbst dann kann der Nutzer das natürlich mit seinen Browsereinstellungen überschreiben. Das muss er dann aber aktiv machen, das ist nicht voreingestellt.)

danielgoehr

Ist denn ein Stylesheet oder sind denn CSS Regeln für Print vorhanden? Falls nicht, ist das die Ursache..

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Drucken - Hilfe!!

Jetzt mitmachen!