How To add a PDF Viewer in Wordpress
First thing you need to do is install and activate the PDF Viewer plugin. Upon activation, you need to visit Settings » PDF Viewer to configure the plugin settings.
PDF Viewer plugin allows you to control the height and width of the PDF viewer. You can change this if you feel that PDF viewer container is too wide or narrow on your site. You can also disable support for older versions of Internet Explorer. By default, the plugin will not show the PDF viewer to users with Internet Explorer 9 or below. Instead, those users will see a download link. You can modify the message users with old browsers will see. Don't forget to click on the save changes button to store your settings.
PDF Viewer plugin allows you to control the height and width of the PDF viewer. You can change this if you feel that PDF viewer container is too wide or narrow on your site. You can also disable support for older versions of Internet Explorer. By default, the plugin will not show the PDF viewer to users with Internet Explorer 9 or below. Instead, those users will see a download link. You can modify the message users with old browsers will see. Don't forget to click on the save changes button to store your settings.
Embedding PDF Files with PDF Viewer in WordPress
Adding PDF files in your blog post is quite simple. First you need to upload a PDF file using the media uploader. You can do this by creating a new post or edit an existing one, and then click on the 'Add Media' button above the post editor.
After uploading your file, you can copy its URL directly from the media uploader.
Use shortcode like this [pdfviewer width="600px" height="849px" beta="true/ false"]http://full-url/document.pdf [/pdfviewer]
PDF.js is an HTML5 technology experiment that explores building a faithful and efficient Portable Document Format (PDF) renderer without native code assistance. The goal is to create a general-purpose, web standards-based platform for parsing and rendering PDFs. PDF.js development is community-driven and supported by Mozilla Labs.
After uploading your file, you can copy its URL directly from the media uploader.
Use shortcode like this [pdfviewer width="600px" height="849px" beta="true/ false"]http://full-url/document.pdf [/pdfviewer]
PDF.js is an HTML5 technology experiment that explores building a faithful and efficient Portable Document Format (PDF) renderer without native code assistance. The goal is to create a general-purpose, web standards-based platform for parsing and rendering PDFs. PDF.js development is community-driven and supported by Mozilla Labs.
