PDF Gallery Viewer

PDF Gallery Viewer allows you to easily embed PDF galleries with live previews. It uses PDF.js to render the first page of each PDF directly in the browser, without relying on server-side libraries like Imagick. Each item includes a customizable title and a “View” button that opens the PDF in a modal viewer.

The layout is responsive and adapts from a multi-column grid to a single-column stack on smaller screens.

Key Features:

• Live thumbnail of first PDF page (via PDF.js)
• Responsive layouts (Grid, List, or Slider)
• Modal viewer with zoom, navigation, and download
• Gutenberg block with layout selector and drag-and-drop file integration
• Tooltip + truncation for long titles
• Dynamic shortcode generation by category, tag, or post

Usage

Basic usage:

[pdf_gallery url=”https://example.com/doc.pdf” title=”Document Title”]

Multiple items in a container:

[pdf_gallery_container layout=”grid”]
[pdf_gallery url=”…” title=”…”]
[pdf_gallery url=”…” title=”…”]
[/pdf_gallery_container]

Dynamic by category:

[pdf_gallery_container category=”brochures” layout=”slider”]

1. Upload the plugin to /wp-content/plugins/pdf-gallery-viewer/
2. Activate it via the WordPress Plugins menu
3. Use the [pdf_gallery] or [pdf_gallery_container] shortcodes in posts or pages

1. 

   Responsive gallery grid layout

2. 

   Modal viewer with zoom and navigation controls

3. 

   Slider layout (Swiper.js)

4. 

   Gutenberg block editor

5. 

   Tooltip and truncated titles

6. 

1.3.0

• Added dynamic gallery support by category, tag, and post ID
• Added layout selector: Grid, List, Slider
• Integrated Swiper.js for modern carousel layout
• Added title truncation and tooltips
• Improved shortcode output and styling

1.2.1

• Integrated Font Awesome for icons

1.2.0

• Removed Imagick dependency
• Live thumbnail previews using PDF.js
• Modal viewer with zoom, navigation, and download
• Initial Gutenberg block with visual editing

1.0.0

• Initial release