WordPress是一個現代、靈活的網站釋出平臺。您可以看到這一點的一種方式是通過它對媒體的處理方式。您可以通過媒體庫將幾乎所有型別的檔案上傳到您的站點,但是對於某些檔案,您需要一些額外的支援。如果您想學習如何在WordPress中嵌入PDF檔案,您需要比簡單的影象或視訊嵌入更多的步驟。
由於WordPress僅提供通用嵌入功能,因此您需要使用伺服器來託管檔案或為大多數用例安裝外掛。好訊息是這兩種解決方案都是合適的,最重要的是,易於實施。
在本文中,我們將向您展示如何使用Google Drive、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檔案
為了在WordPress中嵌入PDF檔案,我們將介紹三種方法。每一個都將適合不同的應用程式和工作流程。因此,您選擇的是個人決定:
- 如果您使用Google Drive來託管您的檔案,您可能希望將嵌入程式碼新增到WordPress的HTML中。
- WordPress區塊編輯器有一種檢視PDF的方法,這可能是您在前端顯示它們所需的全部內容。
- PDF Embedder等外掛可讓您顯示PDF,併為讀者提供功能齊全的體驗。
我們提供的解決方案沒有任何順序,沒有一個比另一個更“正確”。因此,請檢視每一個,並選擇一個適合您的總體目標。
1. 使用Google Drive嵌入檔案
許多網站所有者使用Google產品,對於那些投資於生態系統的人來說,您將瞭解Google Drive的重要性。
如果您將PDF檔案託管在雲中,並且不想移動它們,則可以相對輕鬆地將它們嵌入到您的WordPress網站中。首先,轉到您在Google Drive中選擇的檔案,然後單擊“更多操作”選單下的“Share”選項:
歡迎您選擇與您想要的體驗相匹配的設定組合。在這裡完成後,返回更多操作選單並在新視窗中開啟檔案:
您會注意到該選單中的選項發生了變化。如果您開啟更多操作選單,現在將有一個Embed item…連結:
單擊它會彈出一個對話方塊,其中包含一些HTML程式碼。你應該複製這個,然後返回WordPress:
此時,您可以返回WordPress並開啟要從中嵌入PDF的頁面。這一次,在塊編輯器的更多操作選單中,開啟程式碼編輯器:
您在這裡的工作是為您的嵌入程式碼找到正確的位置,並將其貼上到:
單擊退出程式碼編輯器連結後,您將在頁面上看到嵌入:
然而,雖然這很容易實現,但它是一種顯示PDF的實用方式,因為它是iframe,您沒有太多選擇。如需更靈活的方法,請繼續閱讀!
2. 使用WordPress區塊將可檢視的PDF檔案新增到您的站點
與舊的經典編輯器相比,區塊編輯器可讓您以一致的方式處理各種媒體型別。當您在WordPress中嵌入PDF檔案時,這一點最為明顯。
您可以使用檔案區塊來嵌入各種檔案,但在這種情況下,我們可以使用它來嵌入PDF。如果您導航到所需的文章或頁面,您可以搜尋檔案區塊,並且(很像影象)您會注意到一個檔案上傳器對話方塊:
如果您在此處新增檔案,它將作為內聯元素顯示在一個漂亮的檢視器中:
您還將看到檔案的完整URL路徑和下載按鈕。您可以在編輯器側邊欄中的專用區塊設定中更改此設定:
在我們看來,它是比嵌入Google Drive更好的解決方案,但仍然只能提供一種輕鬆的體驗,您可以通過使用外掛來更好地體驗。接下來讓我們討論這個選項。
3. 使用外掛在WordPress中嵌入PDF檔案
如果您想定期在WordPress中嵌入PDF檔案,或者想提供一流的閱讀體驗,那麼外掛就是您的最佳選擇。有幾個可供選擇,實際上,任何選項都將是一個很好的解決方案。
然而,我們喜歡PDF Embedder,因為它有很多安裝、很多正面評價(因此其他使用者喜歡這個外掛),並且它有定期更新。
安裝並啟用外掛後,前往WordPress中的“設定”>“PDF Embedder”頁面:
這裡沒有太多,因為觀眾開箱即用。但是,您可以更改最小和最大尺寸、某些工具欄特定設定等元素:
要嵌入您的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)
九凌网络
2022.8.5 16:08
又是一个小妙招,学到了