PDF Viewer

Details

• What? Plugin to show pdf viewer using shortcode. Might replace the current one that was generated using AP's tool. 

• 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 convert google slide to pdf, upload it to aws, then just copy the path and put it on the shortcode. 

• Where? Will be used and shown on study guide pages.

Usage

Use the shortcode sample below. You just need to change the url of the uploaded pdf on the url parameter.

[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"]

Deployment

• Deployed on environments: Dev

Implementation

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

2. 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