內容簡介
總結：MaxtDesign PDF Viewer 是針對 WordPress 的一個注重效能的 PDF 嵌入解決方案。與其他會一開始載入大量 JavaScript 庫的 PDF 外掛不同，這個外掛採用智慧的延遲載入方法，保持您的頁面迅速。
問題與答案：
1. MaxtDesign PDF Viewer 和其他 PDF 外掛的不同之處在哪裡？
- 答：MaxtDesign PDF Viewer 使用智慧的延遲載入方法，而不像其他外掛會一開始載入大量的 JavaScript 庫。
2. 如何可以立即看到 PDF 的預覽圖像？
- 答：MaxtDesign PDF Viewer 提供了伺服器生成的 WebP 預覽圖像，可以立即顯示。
3. 如何讓訪客查看互動式 PDF.js 檢視器？
- 答：在載入網頁的 PDF 預覽圖像後，訪客可以點擊「查看文件」以載入互動式 PDF.js 檢視器。
外掛標籤
開發者團隊
原文外掛簡介
MaxtDesign PDF Viewer is a performance-focused PDF embedding solution for WordPress. Unlike other PDF plugins that load heavy JavaScript libraries upfront, this plugin uses a smart lazy-loading approach that keeps your pages fast.
Key Features
Instant Preview – Server-generated WebP preview images display immediately
Zero Layout Shift – CSS aspect-ratio reserves exact space before content loads
Lazy Loading – Full PDF.js viewer loads only when needed
Gutenberg Block – Native block editor integration
Shortcode Support – Works in classic editor and widgets
Keyboard Navigation – Full keyboard and screen reader accessibility
Mobile Optimized – Touch gestures for page navigation and zoom
Performance
Initial page load: < 10KB JavaScript First paint: < 200ms Full viewer: Loads on-demand Preview images: Optimized WebP format How It Works Upload a PDF to your media library The plugin automatically extracts the first page as a WebP preview Insert the PDF using the Gutenberg block or shortcode Visitors see an instant preview image Clicking “View Document” loads the interactive PDF.js viewer Requirements For automatic preview generation, your server needs one of: ImageMagick with PDF support (recommended) Ghostscript The plugin will detect available options and use the best method automatically. Shortcode Usage [pdf_viewer id=”123″] Attributes: id (required) – Attachment ID of the PDF width – CSS width value (default: 100%) load – When to load viewer: click, visible, immediate (default: click) toolbar – Show toolbar: true/false (default: true) Privacy This plugin: Does not collect any personal data Does not send data to external services Stores preview images locally on your server Uses PDF.js library loaded from your own server
