如何在 WordPress 中嵌入 PDF 數據文件

已發表: 2022-05-17

WordPress 是一個現代、靈活的網站發布平台。 您可以看到的一種方法是它對媒體的策略。 您可以通過媒體庫將幾乎所有樣式添加到您的網站,但是對於某些文檔,您需要一些額外的幫助。 如果您想了解如何在 WordPress 中嵌入 PDF 文件,您將需要比非常簡單的印像或視頻剪輯嵌入更多的措施。

由於 WordPress 僅提供通用嵌入性能,因此您需要使用服務器來託管數據文件或在大多數使用情況下安裝插件。 好消息是這兩個選項都很合適,最重要的是,它們很容易付諸實施。

對於這篇文章,我們可能會清楚地向您展示如何使用 Google Generate、WordPress 塊和插件在 WordPress 中嵌入 PDF 文檔。 雖然最初,值得一提的是為什麼要嵌入 PDF,並指出涉及輕鬆上傳和嵌入的變化。

為什麼要在 WordPress 中嵌入 PDF 文件

您現在可能知道為什麼要在 WordPress 中嵌入 PDF 文件,儘管您可能無法理解您將獲得的好處。 有很多優惠,以下只是一些:

  • PDF 非常適合用作整個解決方案或服務的採樣器。 例如,如果您是圖形設計師或作者,您可以使 PDF 易於獲取。
  • 一些 PDF 可以有效地作為依賴於信息的可重複使用的東西。 註冊類型是一個很好的例子,或者是短語和情況文檔。
  • 如果您委託白皮書或評論,則不必將它們組成 WordPress。 或者,您可以提供文件以供下載或查看。

最後一個位置為 PDF 提供了廣泛的使用情況。 舉例來說,由於轉換的耗時性質,您可能不想重新創建有價值的 PDF 作為在您的網站上發布。 話雖如此,您可以嵌入文件並保留本地文章的所有動態和交互元素。

嵌入和上傳 PDF 文件之間的變化

對某些人來說,這可能看起來很明顯,但是嵌入 PDF 文件和上傳 PDF 文件之間有很大的不同。 當然,您可以將任何文件添加到 WordPress(除了最近製作的 SVG),但這並不意味著您可以觀看它。

為此,您需要某種方式讓 WordPress 與購買的文件“對話”以顯示它。 這就是承諾的 PDF 查看器發揮作用的地方。 它利用了 WordPress 在嵌入信息方面並不是最有效的。 即便如此,隨著塊編輯器的到來,您將獲得更加一致的工作流程,與僅 WordPress 中的其他媒體類型更加一致 - 稍後會更多。

如何在 WordPress 中嵌入 PDF 信息(3 種方法)

有 3 種方法我們將解決在 WordPress 中嵌入 PDF 文檔的方法。 每一個都在適應不同的應用程序和工作流程。 在這種情況下,您選擇的 1 是個人結論:

  1. 如果您使用 Google Push 來託管您的信息,您可能希望將嵌入代碼插入到 WordPress 的 HTML 中。
  2. WordPress 塊編輯器有一種檢查 PDF 的方法,這可能是您在入口結論中展示它們所需的全部內容。
  3. 這些類型的插件如 PDF Embedder 將讓您展示您的 PDF,並為讀者提供功能齊全的工作體驗。

我們提供的答案不分先後,沒有一個比另一個更“正確”。 因此,看一眼每一個,然後選擇一個適合你的全面目標。

1. 使用 Google Travel 嵌入文件

大量網站業主使用 Google 項目,對於這些投資於生態系統的業主,您將了解 Google Generate 的重要性。

Google 雲端硬盤徽標。

如果您將 PDF 信息託管在雲中,並且真的不想移動它們,您可以將它們嵌入到您的 WordPress 網站中,相對輕鬆。 要開始,請前往您在 Google Drive 中的首選文件,然後單擊“額外步驟”菜單下的“共享”選項:

Google Drive 中的共享選項。

歡迎您選擇與您想要的相遇相匹配的任何混合設置。 完成本文後,再次前往更多操作菜單並在新窗口中打開文件:

Google Drive 中的“在新窗口中打開”選項。

您將發現該菜單中的解決方案已修改。 如果您打開A lot more steps菜單,現在將有一個Embed 項目...鏈接:

Google Drive 中的 Embed item… 選項。

單擊它會彈出一個包含一些 HTML 代碼的對話框。 你真的應該複製這個,然後回到 WordPress:

Google Drive 的嵌入項目對話框。

在這個階段,您可以再次返回 WordPress 並打開您想要從中嵌入 PDF 的網頁。 這一次,在塊編輯器的額外操作菜單中,打開代碼編輯器

WordPress 中的代碼編輯器選項。

您在這裡的工作是為您的嵌入代碼找到合適的位置,並將其粘貼到:

將 HTML 代碼添加到 WordPress 代碼編輯器。

在您單擊退出代碼編輯器url 時,您將在網頁上看到嵌入:

嵌入在 WordPress 頁面中的 Google Drive。

另一方面,即使應用起來很快,它也是展示 PDF 的一種有用方式,因為它是一個iframe ,你永遠不會得到很多解決方案。 對於一種適應性更強的方法,請繼續檢查!

2. 使用 WordPress 塊在您的網站中包含一個可查看的 PDF 文件

與以前的基本編輯器相比,塊編輯器允許您以穩定的方式處理多種媒體類型。 當您在 WordPress 中嵌入 PDF 文件時,這一點再清楚不過了。

您可以使用文件塊嵌入所有類型的文件,但在這種情況下,我們可以使用它來嵌入 PDF。 如果您導航到您喜歡的文章或網站頁面,您可以查找文件塊,並且(非常像照片)您將看到一個文件上傳器對話框:

文件塊上傳器對話框。

如果您在此處包含您的文件,它將作為內聯組件顯示在一個出色的搜索查看器中:

使用文件塊的嵌入。

您還將看到文件的完整 URL 路徑和下載按鈕。 您可以在編輯器側邊欄中的專用塊選項中進行調整:

WordPress 側邊欄中的文件塊設置。

在我們的印像中,它是比嵌入 Google Travel 更好的選擇,但仍然只提供了一種輕鬆的工作體驗,您可以通過使用插件來獲得更好的體驗。 讓我們隨後檢查這個選擇。

3. 使用插件在 WordPress 中嵌入 PDF 數據文件

如果您想經常在 WordPress 中嵌入 PDF 數據文件,或者想提供一流的檢查專業知識,那麼插件就是您的選擇。 有幾個可供選擇,實際上,任何解決方案都將是一個非常好的解決方案。

儘管如此,我們還是喜歡 PDF Embedder,因為它有大量的安裝、大量的建設性評估(因此其他買家喜歡這個插件),並且它有典型的更新。

PDF 嵌入器插件。

安裝並激活插件後,前往 WordPress 中的“選項”>“PDF Embedder ”網站:

WordPress 中的 PDF 嵌入器設置鏈接。

由於查看器開箱即用,因此本文中的內容並不多。 話雖如此,您可以將這些因素改進為最小和大多數維度、一些特定於工具欄的配置以及其他個人:

PDF 嵌入器設置頁面。

要嵌入您的 PDF,基本上在您的信息中包含一個 PDF 嵌入器塊,然後從上傳器中選擇您的文件:

PDF 嵌入器塊顯示打開媒體庫的選項。

請注意,您還可以查看下面的阻止設置,並根據需要進行調整。 如果您之前沒有接觸過全球範圍內的選項,您可能想要進行一些調整以更好地匹配您的書面內容:

PDF 嵌入器側邊欄。

但是,這將為您提供比 Google Drive 的嵌入或本地 WordPress 選項更具爭議的查看器。 更重要的是,您可以升級到 PDF Embedder 的高級型號以獲得附加功能、更多幫助等等。

如何在 WordPress 中嵌入可讀且優化的 PDF

正如您要改進插圖或照片和視頻一樣,您也將希望增強您的 PDF 文件。 以下是一些快速策略,可幫助您提供看起來不錯並保持豐富性的緊湊文檔:

  • 你的排版很重要——就像你網站的字體一樣重要。 我們建議您完整地堅持兩種字體,並將其設置為適合所有眼睛的尺寸。
  • 您可以像增強插圖或照片一樣增強 PDF。 有時,PDF 的尺寸可能為兆字節,因此您希望使其盡可能小。 ShortPixel 有一個出色的 PDF 壓縮器來配合其出色的圖形優化。
  • 說到這一點,如果您在 PDF 中加入視覺效果,請確保它們也具有理想的優化量。

總而言之,將您的 PDF 視為您的網頁上的發布或站點:使其針對查找和速度進行優化,並且真的不要擔心交互性。 該文件將有效呈現並​​提供與本地書面內容相同的動態。

總之

您在 WordPress 網站上投放的媒體沒有任何區別,您將能夠使用它進行操作(承受 SVG)。 談到 PDF,WordPress 擁有令人驚嘆的原生工作體驗,這可能是您想要的一切。 另一方面,如果您想要在 WordPress 中嵌入 PDF 文件時獲得額外的全面展示的工作體驗,您可以製定其他標準。

舉例來說,如果您僅在 Google Drive 中託管您的文檔,您可以將嵌入的 HTML“硬編碼”到您的文章中。 這將提供一個很棒的查看器,但它不具有適應性,並且如果您在當天晚些時候取出文件,可能會以斷開的入站鏈接和缺少媒體結束。 作為替代方案,插件將為您提供所需的所有功能。 PDF Embedder 非常出色,但也有其他選擇。 此處列出的活動是根據您的需求和工作流程確定最好的 1。

您想在 WordPress 中嵌入 PDF 數據文件嗎?如果是,您會選擇哪種解決方案? 請在下面的評論部分告訴我們!