CRUCIAL UPDATE 7.26.16
We have learned that the use of iFrames is terrible for when viewed on most major smart phones. Instead of posting the PDF in an iFrame, it works better to have a direct link to the iFrame. If you want the pdf ‘shown’ in the post, take a screen shot of the PDF (crop the screen shot to the browser) and post the resulting image as a link ‘preview’. Click HERE for more information.
- Upload your PDF file to the Media library.
- Double click the PDF you just uploaded into the Media Library. Find the URL in the Attachment Details as circled in the image below.
- Copy the URL and use it like any other link in a post.
OPTION TWO: PDF files can also be placed in an iframe (use text tab in backend editor.) The code below works well and is set for 500×500 but that can be manually adjusted as needed.
<iframe style=”border-width: 0;” src=”put the pdf source address here” width=”500″ height=”500″ frameborder=”0″ scrolling=”no”></iframe> To set the address of the pdf in the iframe, upload the pdf and get the URL from the page that opens if its double clicked within the Media library.
Below are some live examples from the arrsd.org web site if you would like to see how it all works.
Direct Links to PDF can be found here. Click anyone of the links to see how wordpress opens a PDF from the client side. The process can vary browser to browser (for instance, some browsers will open the PDF within the browser while others will open Adobe Reader to open the PDF).
Examples of the iframe working with PDF files can be found here. These are newsletters posted by the PSS Pre-K class and they are a prime example of PDF usage with iframes.