如何在WordPress中嵌入PDF文件
wordpress是一個(gè)現(xiàn)代、靈活的網(wǎng)站發(fā)布平臺(tái)。您可以看到這一點(diǎn)的一種方式是通過(guò)它對(duì)媒體的處理方式。您可以通過(guò)媒體庫(kù)將幾乎所有類(lèi)型的文件上傳到您的站點(diǎn),但是對(duì)于某些文件,您需要一些額外的支持。如果您想學(xué)習(xí)如何在WordPress中嵌入PDF文件,您需要比簡(jiǎn)單的圖像或視頻嵌入更多的步驟。
由于WordPress僅提供通用嵌入功能,因此您需要使用服務(wù)器來(lái)托管文件或?yàn)榇蠖鄶?shù)用例安裝插件。好消息是這兩種解決方案都是合適的,最重要的是,易于實(shí)施。
在本文中,我們將向您展示如何使用Google Drive、WordPress區(qū)塊和插件在WordPress中嵌入PDF文件。首先,值得討論一下為什么要嵌入PDF,并指出簡(jiǎn)單上傳和嵌入之間的區(qū)別。
為什么要在WordPress中嵌入PDF文件
您可能已經(jīng)知道為什么要在WordPress中嵌入PDF文件,盡管您可能不了解您將獲得的好處。有很多,這里只是幾個(gè):
- PDF非常適合用作完整產(chǎn)品或服務(wù)的采樣器。例如,如果您是平面設(shè)計(jì)師或作家,您可以制作PDF以供下載。
- 根據(jù)內(nèi)容,某些PDF可以很好地用作可重復(fù)使用的元素。注冊(cè)表單就是一個(gè)很好的例子,或者是條款和條件文件。
- 如果您委托白皮書(shū)或報(bào)告,則不必將它們輸入WordPress。相反,您可以提供文件以供下載或查看。
最后一點(diǎn)提出了PDF的常見(jiàn)用例。例如,由于轉(zhuǎn)換的耗時(shí)性質(zhì),您可能不想在您的網(wǎng)站上重新創(chuàng)建有價(jià)值的PDF作為文章。但是,您可以嵌入文件并保留原生內(nèi)容的所有動(dòng)態(tài)和交互元素。
嵌入和上傳PDF文件的區(qū)別
對(duì)某些人來(lái)說(shuō)這似乎很明顯,但嵌入PDF文件和上傳PDF文件是有區(qū)別的。是的,您可以將任何文件上傳到WordPress(當(dāng)前寫(xiě)作時(shí)的SVG除外),但這并不意味著您可以查看它。
為此,您需要某種方式讓W(xué)ordPress與文件“對(duì)話”以顯示它。這就是專(zhuān)用PDF查看器發(fā)揮作用的地方。過(guò)去,在嵌入文件方面,WordPress并不是最好的。但是,隨著區(qū)塊編輯器的出現(xiàn),您將獲得更一致的工作流程,更符合WordPress中的其他媒體類(lèi)型 – 稍后會(huì)更多。
如何在WordPress中嵌入PDF文件
為了在WordPress中嵌入PDF文件,我們將介紹三種方法。每一個(gè)都將適合不同的應(yīng)用程序和工作流程。因此,您選擇的是個(gè)人決定:
- 如果您使用Google Drive來(lái)托管您的文件,您可能希望將嵌入代碼添加到WordPress的HTML中。
- WordPress區(qū)塊編輯器有一種查看PDF的方法,這可能是您在前端顯示它們所需的全部?jī)?nèi)容。
- PDF Embedder等插件可讓您顯示PDF,并為讀者提供功能齊全的體驗(yàn)。
我們提供的解決方案沒(méi)有任何順序,沒(méi)有一個(gè)比另一個(gè)更“正確”。因此,請(qǐng)查看每一個(gè),并選擇一個(gè)適合您的總體目標(biāo)。
1. 使用Google Drive嵌入文件
許多網(wǎng)站所有者使用Google產(chǎn)品,對(duì)于那些投資于生態(tài)系統(tǒng)的人來(lái)說(shuō),您將了解Google Drive的重要性。
如果您將PDF文件托管在云中,并且不想移動(dòng)它們,則可以相對(duì)輕松地將它們嵌入到您的WordPress網(wǎng)站中。首先,轉(zhuǎn)到您在Google Drive中選擇的文件,然后單擊“更多操作”菜單下的“Share”選項(xiàng):
歡迎您選擇與您想要的體驗(yàn)相匹配的設(shè)置組合。在這里完成后,返回更多操作菜單并在新窗口中打開(kāi)文件:
您會(huì)注意到該菜單中的選項(xiàng)發(fā)生了變化。如果您打開(kāi)更多操作菜單,現(xiàn)在將有一個(gè)Embed item…鏈接:
單擊它會(huì)彈出一個(gè)對(duì)話框,其中包含一些HTML代碼。你應(yīng)該復(fù)制這個(gè),然后返回WordPress:
此時(shí),您可以返回WordPress并打開(kāi)要從中嵌入PDF的頁(yè)面。這一次,在塊編輯器的更多操作菜單中,打開(kāi)代碼編輯器:
您在這里的工作是為您的嵌入代碼找到正確的位置,并將其粘貼到:
單擊退出代碼編輯器鏈接后,您將在頁(yè)面上看到嵌入:
然而,雖然這很容易實(shí)現(xiàn),但它是一種顯示PDF的實(shí)用方式,因?yàn)樗?em>iframe,您沒(méi)有太多選擇。如需更靈活的方法,請(qǐng)繼續(xù)閱讀!
2. 使用WordPress區(qū)塊將可查看的PDF文件添加到您的站點(diǎn)
與舊的經(jīng)典編輯器相比,區(qū)塊編輯器可讓您以一致的方式處理各種媒體類(lèi)型。當(dāng)您在WordPress中嵌入PDF文件時(shí),這一點(diǎn)最為明顯。
您可以使用文件區(qū)塊來(lái)嵌入各種文件,但在這種情況下,我們可以使用它來(lái)嵌入PDF。如果您導(dǎo)航到所需的文章或頁(yè)面,您可以搜索文件區(qū)塊,并且(很像圖像)您會(huì)注意到一個(gè)文件上傳器對(duì)話框:
如果您在此處添加文件,它將作為內(nèi)聯(lián)元素顯示在一個(gè)漂亮的查看器中:
您還將看到文件的完整URL路徑和下載按鈕。您可以在編輯器側(cè)邊欄中的專(zhuān)用區(qū)塊設(shè)置中更改此設(shè)置:
在我們看來(lái),它是比嵌入Google Drive更好的解決方案,但仍然只能提供一種輕松的體驗(yàn),您可以通過(guò)使用插件來(lái)更好地體驗(yàn)。接下來(lái)讓我們討論這個(gè)選項(xiàng)。
3. 使用插件在WordPress中嵌入PDF文件
如果您想定期在WordPress中嵌入PDF文件,或者想提供一流的閱讀體驗(yàn),那么插件就是您的最佳選擇。有幾個(gè)可供選擇,實(shí)際上,任何選項(xiàng)都將是一個(gè)很好的解決方案。
然而,我們喜歡PDF Embedder,因?yàn)樗泻芏喟惭b、很多正面評(píng)價(jià)(因此其他用戶喜歡這個(gè)插件),并且它有定期更新。
安裝并激活插件后,前往WordPress中的“設(shè)置”>“PDF Embedder”頁(yè)面:
這里沒(méi)有太多,因?yàn)橛^眾開(kāi)箱即用。但是,您可以更改最小和最大尺寸、某些工具欄特定設(shè)置等元素:
要嵌入您的PDF,只需將PDF嵌入?yún)^(qū)塊添加到您的內(nèi)容,然后從上傳器中選擇您的文件:
請(qǐng)注意,您還可以在此處查看阻止設(shè)置,并根據(jù)需要進(jìn)行調(diào)整。如果您之前沒(méi)有觸摸全局設(shè)置,您可能需要進(jìn)行一些調(diào)整以更好地適應(yīng)您的內(nèi)容:
但是,這將為您提供比Google Drive的嵌入或本機(jī)WordPress選項(xiàng)更好的查看器。此外,您可以升級(jí)到PDF Embedder的高級(jí)版本,以獲得更多功能、更好的支持等等。
如何在WordPress中嵌入可讀且優(yōu)化的PDF
正如您要優(yōu)化圖像和視頻一樣,您也需要優(yōu)化PDF文件。以下是一些快速提示,可幫助您提供看起來(lái)很棒的小文件并保持豐富性:
- 你的排版很重要——就像你網(wǎng)站的字體一樣重要。我們建議您一共堅(jiān)持兩種字體,并將其設(shè)置為適合所有眼睛的大小。
- 您可以像優(yōu)化圖像一樣優(yōu)化PDF。有時(shí),PDF的大小可能為兆字節(jié),因此您希望使其盡可能小。ShortPixel有一個(gè)出色的PDF壓縮器來(lái)進(jìn)行圖像優(yōu)化。
- 說(shuō)到這一點(diǎn),如果您在PDF中包含圖像,請(qǐng)確保它們也具有正確的優(yōu)化級(jí)別。
總體而言,將您的PDF視為您網(wǎng)站上的文章或頁(yè)面:使其針對(duì)搜索和速度進(jìn)行優(yōu)化,而不必?fù)?dān)心交互性。該文件將呈現(xiàn)良好并提供與原生內(nèi)容相同的動(dòng)態(tài)。
小結(jié)
無(wú)論您在WordPress網(wǎng)站上投放什么媒體,您都可以使用它(可以承受SVG)。在PDF方面,WordPress具有出色的原生體驗(yàn),這可能就是您所需要的。但是,如果您想要在WordPress中嵌入PDF文件時(shí)獲得更全面的體驗(yàn),您可以考慮其他一些因素。
例如,如果您在Google Drive中托管您的文件,您可以將嵌入的HTML“硬編碼”到您的內(nèi)容中。這將提供一個(gè)不錯(cuò)的查看器,但它不靈活,并且如果您稍后刪除文件,可能會(huì)以斷開(kāi)的鏈接和丟失的媒體結(jié)束。相反,插件將為您提供所需的所有功能。PDF Embedder非常出色,但也有其他解決方案。這里的任務(wù)是為您的需求和工作流程選擇最佳的。
版權(quán)聲明:
本站所有文章和圖片均來(lái)自用戶分享和網(wǎng)絡(luò)收集,文章和圖片版權(quán)歸原作者及原出處所有,僅供學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途,如果損害了您的權(quán)利,請(qǐng)聯(lián)系網(wǎng)站客服處理。