AverageCoder.Net - Programming - Software - Techie Stuffs

Customizing the PDF file created with ContuttoPDF Wordpress Plugin

Posted by Daniel - 4,492 Views

As I said before on the previous post, ContuttoPDF is a great plugin for WordPress to convert your post into PDF file. It’s a powerful one and the PDF output can be easily customized by CSS styling.

The easiest way to start tweaking the PDF layout will be to modify the ContuttoPDF default theme. The theme files are located at /wp-content/pdf-themes/default/.

To get a simple design you will only need to modify the style-print.css file. For example, the layout of the PDF file for this blog can be achieved by modifying these CSS elements only:

At this moment, my approach in customizing the PDF output is based only on trial-and-error since I don’t quite understand the concept or the proper way to do it but I had proved that playing with those CSS elements on my style-print.css will give me a readable and an acceptable PDF output created with the plugin. I would love to learn if you know a better way - feel free to tell me about it please…

If you want to use my style-print.css as your starting point to modify the ContuttoPDF output you can get it here (1 KB). To check the resulting PDF file, you can click the “This page as PDF” link at the footer section of this post.

If you also install the Code Snippet plugin and need to know how to combine it with ContuttoPDF so your formatted code is also printed on the PDF file, you can read my post here.