如何在WordPress中嵌入PDF文件

[ad_1]

有時候您可能希望將PDF文件嵌入到帖子或頁面中:

  • 圖書作者可能想給讀者免費的副本。
  • 在您的網站上添加產品目錄。
  • 與客戶共享PDF格式的設計。
  • 您可能正在經營一家旅行社,並希望顯示旅行團的行程。

但有個問題!

儘管WordPress允許您嵌入音頻,視頻,當然也可以嵌入圖像,但無法將PDF文件嵌入到帖子和頁面中。 該功能目前尚不可用,也許將來會添加。

如果要添加PDF文件,則可以使用「添加媒體」選項上載該文件,將其插入,然後指向該文件的鏈接將添加到您的頁面中。 訪問者可以下載它,也可以通過離開您的網站在網路瀏覽器中查看文件。

但是,如果您想將PDF文件嵌入到帖子中並讓訪問者在不離開您的網站的情況下查看它怎麼辦? 有什麼解決辦法嗎? 簡短的回答是「是」。

因此,在本文中,我將向您展示如何在WordPress文章或頁面中嵌入PDF文件。 在開始之前,您可能希望使用以下格式創建格式良好,整潔的PDF文檔: PDF編輯器。 然後,無論使用或不使用插件,您都可以將其添加到您的帖子中。 讓我們開始吧。

如何使用插件嵌入PDF文件

有許多插件可用於將PDF文件添加到WordPress帖子中。

但是,我們將使用名為 PDF嵌入器。 它是一個免費插件,可在WordPress插件目錄中找到。 關於此插件的最好的事情是它使用javascript來完成其工作,而不是使用某些第三方服務或iframe。

步驟1:安裝PDF Embedder插件

登錄到WordPress信息中心,然後轉到「插件」>「添加新內容」。 現在,在搜索框中搜索PDF Embedder。 找到插件後,只需安裝並激活它。 很簡單,不是嗎?

安裝PDF Embedder插件

步驟2:設定外掛程式

儘管安裝此插件後就可以開始嵌入PDF文件,但是您可以首先修改設置以使嵌入文件看起來更好。 要打開此插件的設置頁面,請從WordPress信息中心的左側欄中轉到設置> PDF嵌入器。

PDF嵌入器設置

該插件的免費版本允許您更改以下內容:

  • 寬度和高度–您可以修改PDF查看器的寬度和高度。 它接受整數值(以像素為單位)或最大值(100%寬度)。
  • 工具欄位置–此PDF查看器的工具欄允許您的聽眾放大或縮小並轉到下一頁或上一頁。 您可以在頂部,底部或兩者都有工具欄。
  • 工具欄懸停–您可以選擇是否只在滑鼠懸停在文檔上時才顯示工具欄。

現在,這些是通用設置。 但是,如果要更改特定文件的設置怎麼辦? 好吧,您可以在簡碼的幫助下做到這一點。 這是一個例子:

[pdf-embedder url=」http://yoursite.com/wp-content/uploads/2019/01/April.pdf」  width=」500″ toolbar=」top」 toolbarfixed=」on」]

在上面的示例中,寬度設置為500px,工具欄位置設置為top,工具欄將固定。 您還可以將工具欄設置為底部,並將工具欄固定為關閉。

該插件還有一個高級版本,提供下載按鈕,跟蹤視圖和下載,連續頁面滾動以及在新窗口中打開鏈接等功能。

步驟3:在您的帖子或頁面中嵌入PDF文件

設置完成後,就可以開始進行骯髒的工作。 現在,無論您使用的是Classic Editor還是Gutenberg Editor,都可以輕鬆使用此插件來獲得所需的結果。

如果您使用的是經典編輯器,則嵌入PDF文件與處理圖像或視頻類似。

首先,創建一個新帖子或打開一個現有的帖子,然後單擊「添加媒體」按鈕。 現在,上傳您的PDF文件,單擊「插入帖子」按鈕,然後將一個簡短代碼添加到您的帖子中。

嵌入PDF文件經典編輯器

就是這樣–現在您可以預覽您的帖子以檢查其是否正常運行。

那古騰堡編輯器呢? 好吧,PDF Embedder插件帶有一個特定的塊。 因此,創建一個新帖子,然後單擊「添加阻止」圖標。 接下來,搜索PDF Embedder塊並選擇它。

嵌入PDF文件Gutenberg編輯器

最後,單擊塊以選擇(或上傳)您的PDF文件,然後完成您的工作。

無論您使用哪個編輯器,這都是最終結果:

嵌入式PDF文件最終版

流行的PDF Viewer插件

儘管PDF Embedder插件做得很好,但是擁有一些替代方法總是很好。 因此,現在讓我以一些特定的順序共享一些免費的高級PDF查看器插件:

WordPress的PDF查看器

WordPress插件的PDF查看器

信息與下載

WordPress的PDF查看器是CodeCanyon上最暢銷的PDF查看器插件,擁有超過3900多個銷售量。 這是一個完全響應且跨瀏覽器兼容的插件。 此插件可讓您啟用或禁用列印,下載,縮放,頁面導航和社交共享等選項。 你也可以 結合使用Google Analytics和WordPress 跟蹤閱讀您的PDF的訪客數量。

Google雲端硬碟嵌入器

Google Drive Embedder插件

信息與下載查看演示

Google Drive Embedder是一個免費插件,可讓您從WordPress儀錶板訪問Google Drive,並將PDF,Word文檔或電子表格嵌入到帖子或頁面中。 但是,要使用此插件,您必須安裝 Google Apps登錄 同樣,該插件的目的是將您的Google雲端硬碟連接到WordPress網站。

Algori PDF查看器

Algori PDF Viewer插件

信息與下載查看演示

尋找用於嵌入PDF文件的Gutenberg塊插件? 您可以嘗試使用Algori PDF Viewer插件。 這個免費的插件與所有網路瀏覽器(例如Google Chrome,Firefox,Safari,Opera和Internet Explorer 11)兼容。它允許您在單個頁面中載入多個文件並支持演示模式。

Real3D FlipBook WordPress插件

Real3D FlipBook WordPress插件

信息與下載

顧名思義,Real3D FlipBook是一個響應式且觸摸友好的3D翻書插件,用於顯示PDF和圖像。 它是使用HTML5開發的,不需要使用Flash。 您可以自定義設置,例如翻轉速度,翻轉聲音,縮放級別和相機角度。 該插件還支持燈箱和全屏模式。

嵌入任何文檔加

嵌入任何文檔加

信息與下載

Embed Any Document Plus是其同類插件之一,可讓您輕鬆地在WordPress網站上輕鬆上傳和嵌入文檔文件(PDF,Word,PPT,Excel等)。 該插件在可視編輯器上方添加了「添加文檔」按鈕。 這將打開EAD Plus彈出窗口,從中可以選擇文檔的來源。 它還與Google雲端硬碟,Dropbox和Box.com雲服務緊密集成。 您可以留在WordPress網站內,然後將文件上傳到雲服務,然後直接從那裡嵌入。

上傳或選擇文檔後,要嵌入,您還可以選擇要嵌入文件的文檔服務。 該插件將自動識別文件格式,並向您推薦查看器。 查看器可以處理最大5到8MB的文件。 對於較大的文件,開發人員建議將它們上傳到Google雲端硬碟並從那裡嵌入。

如何在沒有插件的情況下嵌入PDF文件

好吧,如果您是一直在尋找沒有插件的解決方案的人之一,那麼本節適合您。 我們當然可以在WordPress帖子和頁面中嵌入PDF文件,而無需安裝其他插件。

這個想法很簡單–您將必須將PDF文件上傳到您的Google雲端硬碟帳戶,然後使用iframe代碼將該文件嵌入您的網站。 儘管此方法是安全的,但唯一的問題是它使用iframe。

步驟1:前往 Google雲端硬碟 並登錄到您的帳戶(只需註冊一個免費的Gmail帳戶即可免費獲得15GB的雲端硬碟空間)。

第2步:在此處上傳要嵌入WordPress帖子中的PDF文件。 為此,請從您的Google雲端硬碟帳戶的左側欄中單擊「新建」,選擇「文件上傳」,然後從本地計算機上傳文件。

Google雲端硬碟文件上傳

步驟3:將文件上傳到驅動器後,雙擊它以預覽文件。 現在,單擊右上角存在的3個垂直點(更多操作),然後選擇「在新窗口中打開」。

Google雲端硬碟:在新窗口中打開PDF

步驟4:在新窗口中,單擊更多操作(右上角的3個垂直點),然後選擇共享。

Google雲端硬碟:共享

步驟5:將打開一個名為「與人和組共享」和「獲取鏈接」的彈出窗口。 在這裡,單擊「更改為具有「獲取鏈接」部分中的鏈接的任何人」。 這樣可以確保任何具有PDF文件鏈接的人都可以查看它。 如果您不這樣做,該文件將保持私有狀態,並且對您的網站受眾不可見。

Google雲端硬碟:共享設置

您應該看到以下確認:

Google雲端硬碟:共享任何人

完成後,單擊完成。

步驟6:現在是時候獲取將在我們的帖子中使用的嵌入代碼了。 為此,再次單擊「更多操作」,選擇「嵌入項目」。

Google雲端硬碟:嵌入選項

步驟7:這將打開一個彈出窗口,您可以在其中複製iframe代碼。

Google雲端硬碟:嵌入代碼

第8步:轉到WordPress儀錶板,創建或編輯要嵌入PDF文件的帖子或頁面。 現在,如果您使用的是經典編輯器,只需轉到「文本」選項卡並粘貼代碼:

經典編輯器的「文本」選項卡

對於Gutenberg Editor,您必須添加一個新塊,搜索Custom HTML,最後,在Custom HTML塊中添加iframe代碼:

自定義HTML塊

步驟9:就這樣–現在預覽您的帖子或頁面以檢查您的嵌入式PDF文件。

關於如何在WordPress中嵌入PDF文件的章節附註

WordPress允許您鏈接到PDF文件,但不能嵌入它們。 但是,本教程解決了該問題。 它顯示了如何使用或不使用插件將PDF文件嵌入到帖子或頁面中,就像圖像和視頻一樣。

您是否曾經使用兩種方法中的任何一種將PDF文件嵌入到您的網站中? 您是否打算使用其他插件,並認為它比本文提到的插件更好? 在評論部分讓我知道您的想法。

相關文章