Print Publishing with Wordpress

October 2, 2015

Prepared by Kaynen Heikkinen

http://www.hopkinsmedicine.org/sebin/f/o/book.jpg and http://www.wordpress.org/

Why

• DRY Principle• Reuse existing content to create:– Books– Catalogs– Brochures– Blue Papers

Why

http://orig15.deviantart.net/f97a/f/2014/184/1/a/motivatord5e9a9897cdd4abad1c1c41c74ae3feb88655317_by_beautyandstrength-d7p2eqk.jpg

Goals• Use existing Wordpress content• Browser-agnostic• Consistent layout and standard print sizes• Professional headers with titles or footers

with footnotes

Wait. This is weird.• Q: Can’t we do all of this and more with

Adobe InDesign or any other desktop publishing tool?

• A: Yes, if you want to manually create the book, brochure, etc., every time.

Achieving our Goals• Use existing Wordpress content– Create a specific script that will gather all of

the necessary content from a Wordpress post or page based on the id of the content

Browser-agnostic• CSS3 Print Standard– Not consistently implemented from browser-

to-browser• Let’s make it consistent = PDF

So, wait, how does this work?Our server (Wordpress)

DocRaptor

Website Visitor

PrinceXML

In the Wild

http://www.smashingmagazine.com/2015/01/designing-for-print-with-css/

In the Wild – DocRaptor Magic

In the Wild

http://www.smashingmagazine.com/2015/01/designing-for-print-with-css/

Consistent Layout and Professional Headers and Footers

http://www.smashingmagazine.com/2015/01/designing-for-print-with-css/

Sources• http://www.smashingmagazine.com/

2015/01/designing-for-print-with-css/• http://orig15.deviantart.net/f97a/f/

2014/184/1/a/motivatord5e9a9897cdd4abad1c1c41c74ae3feb88655317_by_beautyandstrength-d7p2eqk.jpg

• http://www.princexml.com/• http://www.docraptor.com/• http://www.hopkinsmedicine.org/

sebin/f/o/book.jpg• http://images.amazon.com/images/G/

01/electronics/apple/apple-imac2011_q2-270-main-lg.jpg