如何在 WordPress 中添加 PDF 查看器(最簡單的方法)

已發表: 2023-02-15


你想在 WordPress 中包含一個 PDF 查看器嗎?

通過在您的網頁中嵌入 PDF 文件,您可以確保這些人員信息通常具有準確的格式,無論用戶使用什麼設備。 這些文件還可以讓人們在您的網站上停留更長時間,並為您的使用增加價值。

在本文中,我們將向您展示如何在 WordPress 中包含 PDF 查看器。

How to add a PDF viewer in WordPress

為什麼要在 WordPress 中使用 PDF 查看器?

許多網站使用 PDF 文件來共享有關其解決方案和產品的信息。 例如,餐館經營者通常將他們的菜單作為在線 PDF 發布。

您可以不斷地向您的網站添加一個 PDF,然後在 WordPress 中添加一個下載 URL。

另一方面,對於想要快速查看 PDF 文檔的人來說,這不是理想的用戶數據。 例如,安排參觀您的咖啡館的人可能希望研究您網站上的 PDF 菜單,而不是將副本下載到他們的筆記本電腦或計算機上。

或者,您可以在 WordPress 中包含一個 PDF 查看器,然後直接在您的站點上顯示 PDF。 這允許網站訪問者查看文檔而無需將其下載到他們的計算機上,這通常更快且更簡單。 這對於使用智能手機或平板電腦的網站訪問者來說尤其正確。

它還可以讓訪問者留在您的網站上,這可以提高您的綜合瀏覽量並降低跳出率。

有了這個聲明,讓我們看看如何快速將 PDF 查看器插入 WordPress。 僅使用快速入站鏈接直接跳轉到您要使用的系統。

策略 1. 添加 PDF 查看器使用塊編輯器(快速)

在 WordPress 頁面上顯示 PDF 的最簡單方法是應用內置的文件塊。

此策略不需要特殊插件,但您只能通過幾種方式自定義查看器。 如果您想要更多最先進的定制和特性,那麼我們提倡使用插件作為替代。

要開始使用,只需打開要在文章編輯器中插入 PDF 查看器的頁面或文章,然後單擊“+”按鈕以合併新塊。

之後,開始輸入“文件”並在出現時選擇合適的塊。

The WordPress built-in File block

如果您現在已將 PDF 上傳到 WordPress 媒體庫,請單擊“媒體庫”按鈕。 然後您可以決定要嵌入的 PDF。

如果您還沒有上傳 PDF,請單擊“上傳”,然後從您的計算機中選擇一個文件。

Uploading a PDF file to WordPress

WordPress 會自動為嵌入的 PDF 選擇大小。

請注意,默認手錶無法顯示整個文檔,但“文件”塊包含一個工具欄,使網站訪問者可以放大和縮小文檔。 他們還可以滾動 PDF 以查看更多文章。

How to add a PDF viewer in WordPress

如果願意,您可以調整 PDF 查看器的頂部以顯示更多或更少的嵌入式文檔。

為此,只需使用右手菜單中的“像素高度”滑塊即可。

Changing the height of an embedded PDF

有時,讀者可能想要下載 PDF,以便隨時可以使用。 例如,潛在客戶可能想要下載您最知名產品的消費者手冊或未來活動或會議的計劃議程。

默認情況下,WordPress 在工具欄中顯示一個“下載”圖標,在 PDF 下方顯示一個按鈕。

How to allow visitors to download a PDF in WordPress

PDF 下方的“下載”按鈕對不熟悉獨特的 PDF 工具欄圖標的讀者很有幫助。 通過展示“下載”按鈕,訪客將立即完全了解該文件本身並沒有綁定到您的網站。

考慮到這一點,您可能希望取消啟用“下載”按鈕。 但是,如果您真的不想涉及此副本信息,則只需單擊以禁用“顯示獲取按鈕”切換。

Hiding the Download button in a PDF viewer

如果您對 PDF 的設置方式感到滿意,請單擊“更新”或“發布”以使您的更改生效。

現在,如果您查看您的 WordPress 網站,您將看到正在運行的 PDF 查看器。

A PDF viewer, created with the built-in WordPress File block

系統 2. 使用插件在 WordPress 中添加 PDF 查看器(更可定制)

內置的 WordPress 文件塊對於只想嵌入幾個 PDF 的網站來說應該是一個很好的選擇。 但是,如果您想對查看器進行更多控制,那麼通常可以使用插件來代替。

PDF.js Viewer 是 WordPress 的理想 PDF 插件之一。 它使您可以修改 PDF 查看器的高度和寬度,並清除 PDF 工具欄中的按鈕。

它還具有全屏模式,非常適合顯示較長的文檔,例如電子書和個人手冊。

A PDF viewed in fullscreen mode

首先,您需要安裝並激活 PDF.js 查看器。 如果您需要幫助,請參閱我們關於如何安裝 WordPress 插件的指南。

激活後,轉到選項» PDFjs 查看器以配置插件的選項。

The PDF.js Viewer plugin settings

大多數時候,您可以在嵌入每個 PDF 時覆蓋這些默認配置。 例如,您可以修改唯一 PDF 的尺寸或比例設置。

儘管如此,我們仍然提倡修改默認選項以更好地滿足您自己的需求,因為這可以幫助您節省大量時間和工作。

默認情況下,該插件包含 PDF 工具欄中的“獲取”、“打印”和“研究”按鈕。 如果您想刪除這些按鈕中的任何一個,只需取消選中它旁邊的框即可。

Hiding buttons from the PDF viewer toolbar

您還可以修改默認的嵌入高度和寬度,以及“查看器比例”。

開箱即用的 PDF.js 查看器顯示 PDF 時沒有任何側邊欄,因此讀者在訪問網站時可以看到全面的文檔。 他們可以通過單擊“切換側邊欄”按鈕在任何問題上打開側邊欄,如下圖所示。

Adding a sidebar to the PDF viewer in WordPress

如果您計劃合併擴展的文書工作或多站點 PDF,那麼默認顯示側邊欄可能很有用。

為此,基本上打開“頁面模式”下拉菜單並選擇縮略圖、書籤或附件。

Changing the mode in a PDF viewer

PDF.js Viewer 允許人們以全屏模式打開 PDF。 默認情況下,站點訪問者可以通過單擊嵌入 PDF 上方的“查看全屏”反向鏈接來打開此方法。

要用您自己的自定義消息替換文本,只需輸入“全屏網站鏈接文本”字段即可。

Customizing the PDF's fullscreen mode

您還可以使用“新標籤頁中的全屏入站鏈接”框選擇 url 是否在新標籤頁中打開。

啟動一個新標籤將有助於在您的網站上留住訪客,但對於手機和藥丸用戶來說可能會加劇這種情況。

Customizing the PDF viewer's fullscreen mode

全屏方法將使瀏覽擴展文檔變得更加容易,因此我們建議啟用此方面。 儘管如此,如果您真的不想使用它,您可以取消選中“顯示全屏超鏈接”旁邊的複選框。

當您對插件的設置感到滿意時,只需單擊“保存改進”。

您現在已準備好在 WordPress 中加入 PDF 查看器。 只需打開網站或準確張貼您想要清楚顯示 PDF 的位置,然後單擊“+”按鈕即可。

您現在可以開始輸入“嵌入 PDF.js 查看器”並在出現時選擇理想的塊。

Adding a PDF to your WordPress website using a plugin

之後,只需單擊“選擇 PDF”即可打開 WordPress 媒體庫。

您現在可以從庫中挑選 PDF 或從您的計算機添加文件。

Embedding a PDF on your WordPress website using a block

該插件將使用您的默認配置,但您可以使用右側菜單中的選項對該 PDF 的外觀和行為進行高質量調整。

在本文中,您可以修改 PDF 的頂部、寬度和比例。 您還可以刪除或個性化“查看全屏”鏈接。

Customizing the PDF embed block using a WordPress plugin

最後,您可以選擇刪除或顯示“下載”和“打印”按鈕。

如果您對 PDF 的創建方式感到滿意,只需單擊“更新”或“發布”。 您現在可以查看您的 WordPress 網站或網站以查看嵌入式 PDF 查看器。

A PDF, embedded directly on a WordPress blog or website

獎勵:如何從嵌入的 PDF 中獲利

如果您有高質量、實用的 PDF,那麼您可以使用它們通過 WordPress 在線賺錢。

將 PDF 文檔嵌入您的網站後不久,您可以將該網頁或提交到獨特的僅限用戶的書面內容。 然後,站點訪問者將需​​要獲得會員資格才能訪問該網頁或文章,並查看嵌入的 PDF。

將 WordPress 轉變為會員網站的最簡單方法是使用 MemberPress。 它是理想的 WordPress 會員插件,使您能夠轉換任何網站或提交為獨特的訂閱者專享內容,如嵌入式 PDF。

Make money by selling PDFs online

我們有一個關於創建 WordPress 會員網站的完整教程,其中包含逐步說明以幫助您入門。

我們還建議使用 Simple Electronic Downloads 來規範和營銷您網站上的 PDF。 您可以快速提供各種數字項目,也可以將 PDF 作為預覽嵌入項目頁面。

我們希望這篇簡短的文章能幫助您在 WordPress 中安裝 PDF 查看器。 您還可以查看我們的手冊,了解如何使用 WordPress 創建和推廣在線課程,或者查看我們為小型企業提供的最佳電子郵件營銷解決方案記錄。

如果您喜歡這篇文章,那麼您應該訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。 您也可以在 Twitter 和 Facebook 上找到我們。