[WordPress] 外掛分享: Wonder PDF Embed

首頁外掛目錄 › Wonder PDF Embed
WordPress 外掛 Wonder PDF Embed 的封面圖片
9,000+
安裝啟用
★★★★
4.5/5 分(13 則評價)
29 天前
最後更新
問題解決
WordPress 3.6+ v3.1 上架:2017-06-02

內容簡介

Wonder PDF Embed

WonderPlugin PDF Embed 是一個外掛,可使用 Mozilla 的 PDF.js 在 WordPress 網站上嵌入和顯示 PDF 檔案。

功能

易於使用
響應式 PDF 檢視器
使用 Mozilla 的 PDF.js
在 WordPress 文章或頁面中嵌入和顯示 PDF 檔案 – 點擊查看線上示範。
可與付費插件 Wonder Lightbox 一起使用,以 在燈箱彈出中打開 PDF 檔案
可與付費插件 Wonder Carousel 一起使用,以創建 PDF 旋轉木馬
選項可隱藏 PDF 檢視器工具列中的下載按鈕、列印按鈕和文字選擇工具菜單項目。請注意:該選項僅使用 CSS 和 JavaScript 代碼來隱藏 PDF.js 檢視器工具列中的相關菜單項目/按鈕。它不是一個 DRM(數字版權管理)方案,以保護 PDF 檔案。它不能阻止有經驗的訪客從 PDF 檔案中下載、列印或複製文字。

如何使用

您可以使用以下短碼將 PDF 檔案嵌入 WordPress 文章或頁面:

[wonderplugin_pdf src=”http://www.yourwordpresssite.com/yourdoc.pdf” width=”100%” height=”600px” style=”border:0;”]

PDF 網址要求

PDF 檔案必須托管在與 WordPress 網站相同的域中。
PDF 網址必須是絕對網址,也就是說,網址必須以 http:// 或 https:// 開頭。
確保 PDF 網址中沒有特殊字符,例如,撇號、雙引號、重音字母等。
PDF 網址是使用 src 屬性定義的。

短碼屬性

您可以使用 px 或%來設置寬度和高度屬性,例如 600px 或 100%。
通過將%用於寬度屬性,PDF 檢視器將是響應式的。
如果您使用 100% 的高度屬性,請確保短碼的容器具有適當的高度值。
您可以使用 style 屬性來定義 PDF 檢視器的 CSS 樣式,它是一個iframe。

欲瞭解更多信息,請查看線上教程: https://www.wonderplugin.com/wordpress-pdf-embed/#tutorial

在燈箱彈出中打開 PDF 檔案

請查看線上文檔: https://www.wonderplugin.com/wordpress-pdf-embed/#lightbox

創建 PDF 旋轉木馬

請查看線上文檔: https://www.wonderplugin.com/wordpress-pdf-embed/#carousel

外掛標籤

開發者團隊

⬇ 下載最新版 (v3.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Wonder PDF Embed」→ 直接安裝(推薦)

原文外掛簡介

Wonder PDF Embed
WonderPlugin PDF Embed is a plugin to embed and display PDF files on your WordPres website by using Mozilla’s PDF.js.
Features

Easy to use
Responsive PDF viewer
Using Mozilla’s PDF.js
Embed and display PDF files in WordPress posts or pages – click to see the online demo.
Works with the premium plugin Wonder Lightbox to open a PDF file in a lightbox popup
Works with the premium plugin Wonder Carousel to create a PDF carousel
Options to hide the download button, the print button and the text selection tool menu item in the PDF viewer toolbar. Please note: the options only use CSS and JavaScript code to hide the relative menu items/buttons in the PDF.js viewer toolbar. It’s NOT a DRM (Digital Rights Management) scheme to protect the PDF file. It does NOT stop experienced visitors from downloading, printing or copying text from the PDF file.

How to Use
You can use the following shortcode to embed a PDF file to WordPress posts or pages:
[wonderplugin_pdf src=”http://www.yourwordpresssite.com/yourdoc.pdf” width=”100%” height=”600px” style=”border:0;”]
PDF URL Requirements

The PDF file MUST be hosted on the SAME DOMAIN as the WordPress website.
The PDF URL MUST be an absolute URL, that’s, the URL must start with http:// or https://.
Make sure there are no special characters in the PDF URL, for example, apostrophes, double quotes, accented letters etc.
The PDF URL is defined with the src attribute.

Shortcode Attributes

You can use px or % for the width and height attributes, for example, 600px or 100%.
By using % for the width attribute, the PDF viewer will be responsive.
If you use 100% for the height attribute, make sure the container of the shortcode has a proper height value.
You can use the style attribute to define the CSS style of the PDF viewer which is an iframe.

For more information, please view the online tutorial: https://www.wonderplugin.com/wordpress-pdf-embed/#tutorial
Open a PDF file in a lightbox popup
Please view the online document: https://www.wonderplugin.com/wordpress-pdf-embed/#lightbox
Create a PDF carousel
Please view the online document: https://www.wonderplugin.com/wordpress-pdf-embed/#carousel

延伸相關外掛

文章
Filter
Apply Filters
Mastodon