Pro Blog Design

We have talked before about the basics of making your blog printer friendly. Whilst that will ensure that your content is legible on paper, what if you want to do more? What about sorting out the rest of the troublesome parts of your design?

With some simple adjustments to your print.css, you can make your blog truly printer-friendly.

The Header Area

In a single blog post, we might have 3 different headings; the blog title, the slogan, and the post title, and even some information about the post, such as a date. On screen, we can use CSS to style these however we want, but in print, we have 4 large, separate lines of text. It takes up too much space, and is especially noticeable on shorter blog posts. Look at the following example of how a page on Pro Blog Design printed originally.

Read More »

Blogging doesn’t end at the monitor.

Many readers print out interesting posts, but not if your website prints with text off the page, adverts and other useless content. Adding a print stylesheet to your blog is an easy method of ensuring that your content remains useful on paper.

Do you blog about phone reviews? It’s perfectly plausible that your readers will print out a few of their favourites and take them down to the shop with them. Life advice? A reader could print out your words, to read later on at their leisure. Almost every niche has a reason to be printed.

Setting Up the Stylesheet

1. Create a new file in your text editor (e.g. Notepad), and save it as print.css
2. Upload this file to your theme’s directory. (The same place where your main stylesheet is)

Read More »