AverageCoder.Net - Programming - Software - Techie Stuffs

Customizing the PDF file created with ContuttoPDF Wordpress Plugin

Posted by Daniel - 2,267 Views

Customizing ContuttoPDFAs 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:

@page, body, #header, #header h1, #header .description, #header a, .post, ol, ul, .post h2 a, .post p, #footer, #footer p

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.

share this article

Digg del.icio.us Netscape StumbleUpon Yahoo! MyWeb reddit Furl Magnolia Newsvine Technorati SlashDot Blinklist Simpy Google
This post as PDFPosted in: Programming - January 2008

The following posts are programmatically considered as related to the current post by YARPP Plugin:

  1. ContuttoPDF (Wordpress Plugin to convert your Content to PDF)
  2. Wordpress, Combining ContuttoPDF with Code Snippet Plugin to get your code sample printed on the PDF
  3. The Code Snippet Plugin, my favourite syntax highlighter plugin for WordPress
  4. SmartImageResizer Plugin, WordPress plugin based on Joe Lencioni’s Smart Image Resizer
  5. Downloading file and extracting ZIP compressed file with Visual Basic.NET

3 Responses to “Customizing the PDF file created with ContuttoPDF Wordpress Plugin”

  1. Miss Lunatic Says:
    October 31st, 2008 at 9:48 am

    Thank you! Your style css is awesome. I’m going to start customizing with it. Thank you :D

    Miss Lunatic’s last blog post: Pitas y guacamole
  2. Daniel Says:
    October 31st, 2008 at 10:07 am

    @Miss Lunatic: You’re welcome! Btw, your blog looks delicious, and what is that orange ball at the center of Pizza Pamplinosa? :D
  3. Miss Lunatic Says:
    October 31st, 2008 at 12:13 pm

    Jaja, it’s a yolk. Thanks for the compliment ;)

    Miss Lunatic’s last blog post: Pitas y guacamole


Leave a Reply


Options for your comment:





Hi, my name is Daniel Nugraha, a single male live on an island called Java, Indonesia. This is the place for me to share my interest in computer programming.

Coffee Break

Comments - Thanks Guys :)

  • Rangga Kusuma: Gan, Tengkiu buat postingan yang sangat berguna. Kebetulan ada project utk bikin sms gateway, dan converter Agan sangat berguna utk...
  • Chuck Norton: I actually went ahead & bolted over to Justin’s Get The Image plugin here: http://justintadlock.com/ar...
  • Chuck Norton: Question: is it possible to insert something like [custfieldimg=”joice1.jpg,15 0,1:1″] into the actual templates instead of...
  • Therese Lachance: Hi, Any idea how to have ContuttoPDF fetch the correct page language?
  • tresloukadu: yo how did u fixed when the tags shows <? and it shows < “& l t ; ” ?? please send me an email.