PDF Viewer

PDF Viewer

Details

• What? A PDF viewer that would show the study guide content in a PDF format using a shortcode. This replaces the old html/css code we are using before.

• Why? To improve the time spent on process of showing study guide material on study guides pages. Before, the content team needs to do different things to generate html/css code to display the slides on the pages. With this plugin + customizations, they would just need to use the SF tool AP created that automatically converts a google slide to pdf and upload it to AWS bucket. The tool will then output and generate the shortcode that needs to be added on each study guide pages using TA(Thrive Architect) editor.

It's also way faster and better to maintain and update the study guide material in case it needs an update.

• Where? Used and shown on study guide pages.

Usage

Here's the sample shortcode generated on SF tool.

[fof-pdf-viewer url="https://cdn.focusonforce.com/wp-content/uploads/WORKING+COPY_+Describe+the+features+of+Chatter+(for+example%2C+feed%2C+groups%2C+following%2C+security).pdf"]

Implementation

1. Installed and activated the plugin "PDF viewer for WordPress".

2. Added this on line 90 include('internal-plugins/pdf-viewer/pdf-viewer.php');

3. On file /plugins/fof-customizations/fof-customizations.php

• Added 'internal-plugins' directory inside /plugins/fof-customizations/

• Added new files inside /plugins/fof-customizations/internal-plugins

  • pdf-viewer.css - contains customizations on study guides pages related to pdf viewer iframe

  • pdf-viewer.php - contains the plugin's action tnc_pvfw_footer that allows to put the css and javascript customizations that will be applied inside pdf viewer iframe