Close
Close

New Printing CSS at ProBlogger

Print-PreviewJust a short note to let readers know that over the weekend we finally got a new Print CSS set up for ProBlogger.

It always surprises me to know that many of the readers of this blog like to print out posts. A few readers print every article and even keep them all in a binder!

I get a lot of requests for a cleaner printing option and finally got it sorted out!

Now if you go to print a ProBlogger post you will not print all of our navigation and sidebar – but will get a much cleaner and simpler layout. Hopefully this will mean more useful prints (and you using a lot less ink).

We’ve also made the decision not to include comments in printing – simply because on many posts there are hundreds of comments which mean you can end up printing many pages (saving a few trees in the process). To see the new print styling simply do a print preview.

About Darren Rowse

Darren Rowse is the founder and editor of ProBlogger Blog Tips and Digital Photography School. Learn more about him here and connect with him on Twitter, Facebook, Google+ and LinkedIn.

Problogger.net runs on the Genesis Framework

Genesis Framework

The Genesis Framework empowers you to quickly and easily build incredible websites with WordPress. Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go.

Check out the incredible features and the selection of designs. It's that simple - start using Genesis now!

Comments

  1. That’s a really cool feature! I didn’t know that people actually printed blog posts. Maybe I should do the same with my blog.

  2. Darren Rowse says:

    it surprised me too Sly. I think it’d be more relevant on blogs with ‘tips’/tutorials and instructional based blogs than other blogs.

  3. Lori says:

    I think that’s great! I am one of the ones who prints out the articles for my binder! I think it’s much easier to manage than having different windows and files open. Thank you!

  4. nathan says:

    um, is the screen background supposed to be white now?

  5. Kevin says:

    Personally, I use the printed version as a primitive form of google gears. Long commutes on public transportation are a great time to catch up on blogs that I can’t always read during the week.

    Kevin

  6. Michael says:

    I would print blog posts all the time but I currently don’t have a printer. When you follow over 150 blogs a day it would be nice to sit down on your couch and read something that wasn’t on a screen, reading off of a screen all day can get tiring.

  7. Starfeeder says:

    awesome, I too print out these pages :)

  8. qureyoon says:

    if i can make a suggestions, it would be nice if we can print out the comments too, but to make it more clear, the comments sections would be better if it has a page break first :)

    another addition, is to have the url visible in print format :)

  9. redwall_hp says:

    Nice. I’ve been meaning to do that for my blogs, but haven’t had the time.

  10. Darren Rowse says:

    nathan – the actual blog’s background shouldnt have changed – but the print style is white….

    gureyoon – I did consider including comments – but in talking to a few of those who I know print things out found that most didn’t want the comments. If others do want them I’d consider it – I’ll see what public opinion is in these comments.

    In terms of making url visible – I’m told that it is Dependant upon different browsers – some make it visible and some don’t. I’m not sure we can actually change this.

  11. Mike says:

    I would say no comments unless you can give a way to print it either way. My default choice would definitely be to print without the comments most of the time.

  12. This is a really cool feature, I’m gonna look into doing this on my blogs too because they are content heavy and I’m sure people print the posts all the time.

  13. Brad V. says:

    It never even crossed my mind to print a post out. This just goes to show you can never underestimate your blog’s readers. Personally, though, I much prefer to save paper. If I’m really desperate to save a particular post – I simply copy/paste it into my trusty Google Notebook!

  14. Beautiful! I like the way it gives the print version simply by hitting Print or Print Preview … no need to go hunting around for a “printer-friendly” link or printer icon then clicking to go to another version of the page before printing.

    My default choice would also be to avoid printing comments.

  15. Why include the stat counter (sitemeter.com) image? Also, why is the content width only 95%? It already has an auto margin of .5″. Also, the line-height should be increased a little. That’s just a couple negatives, but otherwise awesome!

  16. Lindsay says:

    WOW!
    This is fantastic, I always print stuff that I want to learn and then when I’m implementing on screen I can have it right there beside me and tick of parts as I go.
    Maybe it comes with the greying hair (sorry Darren) and failing eyesight. I would like to to know how it is achieved, or is that a unique thing you want to hold onto, if so I understand.

  17. Vics says:

    This sounds like a cracking feature to have.. I just wish I knew how to do it..

  18. Rob Witham says:

    I’m glad you have been able to implement a print style sheet. I added it to my blog several months ago after hearing complaints from readers that they wanted to print out some of my articles and the print job was just terrible. I checked and they weren’t kidding! I occasionally print a blog post – mostly longer ones but also sometimes I print an article to share with a friend/relative that does not use a computer. As for comments, I disabled them on my print style sheet as well. I think the majority of people who are printing a post or article want the content itself rather than the comments. I suspect most serious comment readers are using readers and can access the comments via the comments subscription?

  19. Rob says:

    Yep, I’m thinking a tutorial on how to do this as well. Darren?

  20. martin says:

    That’s very great. You remind me to do the same thing with my blog. I’ve never touched my print CSS.

  21. Lori says:

    I agree with the Vics and Rob…a tutorial on HOW to do it would be great!

  22. Kevin says:

    On the subject of printing comments… Couldn’t you setup a DIV with the comments hidden by default and bit of javascript that says something like “To print the comments please click here” which then makes the DIV visable. Best of both worlds.

    Kevin

  23. Darren why sitemeter icon is shown in print page ? Am I only one see this icon ?

  24. Alex Shalman says:

    For those without CSS know-how, there is a plugin available called wp-print that makes such a task simple.

  25. Doug says:

    I did a lot of research into print CSS at my last job, but one thing I never checked out is whether the print CSS is invoked at all if you highlight the post+comments and then print selection. That is always an option for those who want the comments, unless of course the CSS kicks in and hides them from printing, but that really wouldn’t make much sense.