Printing posts

  • I feel like I’m missing something obvious, yet can’t seem to find the answer. Is there a plugin or hack to enable a visitor to “print this” blog entry? I’ve seen it on other wp blogs but aren’t sure how to implement it.
    Thanks.

Viewing 8 replies - 1 through 8 (of 8 total)

  • It isn’t necessary as the print.css file is used in place of wp-layout.css when printing. It strips nearly all CSS and display it in a printer-friendly format. Try it out for yourself. View yours, mine, or anyone else’s site and preview the print.

    Thread Starter jcary

    (@jcary)

    Ahh, thanks Mark…
    I see the print.css file but now how do I go about actually using it?! Do I need to create links for each entry calling the print.css file? In other words, how do I use the print.css file?
    Thanks.

    Here you are
    https://www.lesterchan.net/portfolio/programming/wp-print.txt

    jcarry: When someone selects File|Print (or Print Preview) the print.css layout is called. You use the file by editing it however you want your printout to be displayed, like adding “form {display:none}” so the comment box is not printed. You can edit the css to display the printout anyway you want or just use the default layout.

    I use the Gamerz hack and it is working wonderfully. It is very simple to implement and gives you a visual of what’s to print. [Thank you gamerz :-)]
    You can check it out @ https://lame.phatchicks.com

    To each his own, but the “print preview” gives a visual and actually shows what the page might look like if it were printed on standard 8 1/2″ x 11″ paper.

    Hi,
    Is there any way to strip the smilies and all images from the printed entry? I’m using the following .CSS and even though the images are hidden, I still print them out on my test entry.

    body {
    font-family: Verdana, Arial, Tahoma;
    font-size: 12px;
    color: #000000;
    }
    #outline {
    text-align: left;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    }
    #blogTitle {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
    }
    #blogDate {
    margin-top: 5px;
    margin-bottom: 10px;
    }
    #blogContent {
    margin-top: 10px;
    }
    img {
    display: none;
    }
    Also, how would I call it into the blog entry to enable someone to print? I’m using Gamerz wp-print.php, but I would like to incorporate the print.css that came with WP along with the preview Mark was talking about.
    Thanks,
    SG

    For whatever page you want to have use your print stylesheet when printed, you must make sure that you have a link to the stylesheet in the header:
    <link rel="stylesheet" type="text/css" media="print" href="https://path.to/your/print.css" />
    as for getting rid of all images, i ran into the same problem when trying a simple img {} in my stylesheet. Try something more specific, such as #blogcontent img {display: none;} which hides all images inside your div ID’d as blogcontent.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Printing posts’ is closed to new replies.