Archive for the ‘CSS’ tag
Make your blog printer friendly!
On November I saw on digg a link to Dave Child’s mod_rewrite cheat sheet. While visiting his blog I found out a comprehnsive collection of cheat sheet and a blog post about making printer friendly pages using CSS. I was amazed to find out that CSS allows authors to create media-specific styles for a single document. This with the display:none CSS declaration made things easy to implement a printer friendly version of your blog (or website, of course).
I searched the web for a generic printer friendly CSS for Wordpress or something similar, but found nothing. I did find some helpful resources like:
- Codex: Styling for Print – explanations, samples and links
- Aleeya.Net: CSS Printer Friendly for Wordpress – a sample CSS (didn’t work on Cutline theme) an some tips on how to make your own CSS.
- A List Apart: Going to Print – article by A List Apart on how to make a CSS for printer-friendly page version.
After reading this , I understood that there’re no shortcuts – I will have to make a CSS suitable for my theme by myself. I decided to make a printer-friendly CSS for the Cutline Theme (see it working on Opher Brayer’s Blog). Although I’m not a CSS expert it wasn’t that hard, and didn’t took more than 1 hour.
The process of making the new CSS are as following: