網站維護

在 WordPress 網頁中嵌入 PDF 檔案的逐步指南

嵌入 PDF WordPress

您是否希望在 WordPress 貼文中嵌入 PDF?也許您有一種新產品,並希望與讀者分享其目錄,或者分享一篇可以更深入地闡述您的部落格文章的文章。無論您的 PDF 檔案的用途或內容是什麼,將其嵌入到您的 WordPress 頁面或貼文中都是與網頁訪客分享內容的好方法。您可以選擇讓他們閱讀、列印或下載文件,這取決於您希望文件的可用性。

我們將介紹兩種簡單快速的方法,將 PDF 檔案上傳到您的 WordPress 網頁或文章中。這兩種方法分別是使用免費版的 PDF Embedder 外掛程式和不使用外掛程式直接透過Google 雲端硬碟上傳。正如您將在接下來的分步圖中看到的那樣,這兩種方法都非常簡單易行。

WordPress 維護服務

我們的 WordPress 管理服務全天候提供,以確保無憂的網站體驗。

使用 WordPress 外掛程式嵌入 PDF 文件

如果您是 WordPress 新手,並且想要在頁面或貼文中嵌入 PDF 文件,那麼這條路線是您的最佳選擇,因為它是一個簡單且快速的選項。好消息是,它們大多數都是免費的。有幾個可用的插件可以嵌入您的 PDF 文件;每個選項都有其獨特的功能。以下是可供您使用的外掛程式:

  • PDF Embedder 的免費版本:此外掛程式可讓您上傳 PDF 檔案並將其直接插入到您的網站。
  • 嵌入 PDF 檢視器(免費版):此功能可讓您將 PDF 文件嵌入媒體庫中,甚至透過 oEmbed 從第三方網站嵌入
  • Google Drive Embedder(免費版): 該外掛程式可讓您直接從 WordPress 儀表板存取您的 Google Drive 文件。透過這種方式,您可以將 PDF 檔案直接嵌入到您的 WordPress 頁面或貼文中。
  • WordPress 的 PDF 檢視器 (高級版本):這是一個付費選項,因為它附帶一系列供您使用的卓越功能。這些功能包括 Google Analytics、對顯示的進階控制、強大的管理面板以及許多其他優秀選項。

在上述所有選項中,我們推薦您使用的最佳選項是 PDF Embedder。我們建議您使用它,因為它不僅是一個免費插件,還允許您將 PDF 文件直接上傳並嵌入到 WordPress 網站上的任何頁面或帖子中。它的另一個優點是它使用 JavaScript 嵌入,這允許您自訂文件的外觀以適合您的風格。

此外,這個插件的另一個優點是您的伺服器可以處理 JavaScript。因此,您的電腦不會受到第三方伺服器的任何潛在威脅。

當您使用 PDF 嵌入器時,PDF 文件在您的網頁上的顯示方式如下:

PDF

PDF

如您所見,您可以在網頁上自訂 PDF 文件的外觀。

以下是有關如何安裝 PDF Embedder 外掛程式和使用它的逐步說明

第一步:在你的網站上安裝 PDF 嵌入插件

為此,請在 WordPress 管理儀表板上導航插件,點擊它,然後選擇新增插件。

PDF

到達那裡後,您可以在插件搜尋功能中搜尋 PDF Embedder。當您到達它時,選擇“立即安裝”按鈕,然後啟動。此步驟將在您的網站上安裝 PDF Embedder 外掛程式並使其可供使用。

PDF 檢視器插件

第二步:配置 PDF 嵌入外掛程式的設定:

在您的 WordPress 儀表板上,導覽至設定 > PDF 嵌入器。這將帶您進入 PDF 嵌入器的設定頁面。

PDF

PDF

在 PDF Embedder 的免費版本中,為您提供的選項有限。這些包括:

  • 寬度和高度調整:在 PDF Embedder 的免費版本中,您可以根據自己的喜好設定 PDF 檔案的寬度和高度。如果您沒有要使用的特定寬度和高度,則嵌入的檔案將以其原始大小顯示。
  • 工具列懸停:使用此外掛程式時,您可以選擇在使用者將滑鼠懸停在 PDF 文件上時顯示工具列或使其永久可見。
  • 工具列位置:您也可以選擇顯示工具列的位置。它可能位於您的網頁的底部或頂部。工具列還為使用者提供了縮小或放大 PDF 文件以及瀏覽頁面的空間。

在您根據自己的喜好配置設定後,請務必記得點擊「儲存變更」按鈕儲存您的變更。

第三步:上傳並插入您的 PDF

開啟您想要顯示文件的網頁或貼文。導航並選擇新增媒體

PDF

PDF

當您訪問它時,導航上傳文件>選擇文件。從電腦庫中選擇 PDF 文件並上傳。

PDF

PDF

將文件新增至 WordPress 媒體庫時,從上傳的項目中選擇您的 PDF,然後按一下「插入至貼文」。

PDF

現在您將在 WordPress 貼文編輯器中看到 PDF 的短代碼。

PDF

您可以繼續發布您的貼文。您的 WordPress 網站的前端將顯示 PDF。發布前不要忘記預覽。

透過 Google Drive 在 WordPress 中嵌入 PDF

Google Drive 是將您的 PDF 嵌入 WordPress 網站的另一種方法。首先,您需要將您的 PDF 文件上傳到 Google Drive,然後使用 iframe 程式碼將該文件插入您的網站。透過 Google Drive 嵌入到您的 WordPress 網站的 PDF 文件顯示時將如下所示:

透過 Google Drive 在 WordPress 中嵌入 PDF

透過 Google Drive 在 WordPress 中嵌入 PDF

以下是如何使用 Google Drive 將 PDF 嵌入 WordPress

第一步:如果您有 Google Drive 帳戶,請將其上傳到該帳戶。如果沒有的話,您可以建立一個。導覽至新建 > 檔案上傳,然後從電腦中選擇 PDF 進行上傳。

WordPress 上的 PDF

WordPress 上的 PDF

第二步:啟用 PDF 分享

位於右上角的選單列上有三條虛線。單擊它並選擇“在新視窗中打開”。

PDF

打開後,導航至三條虛線並點擊“共享”。然後就會出現一個彈出視窗。選擇「取得可分享連結」讓您的讀者公開查看您的 PDF。PDF

您可以禁止複製、下載或列印您的檔案。選擇進階選項按鈕並勾選「停用評論者和檢視者的下載、列印和複製選項」。然後點擊完成。

WordPress 中的 HTML

WordPress 中的 HTML

第三步:在 WordPress 中插入 HTML

在 Google Drive 上,選擇三個點,然後點擊「嵌入項目」。彈出視窗將顯示一個 HTML 程式碼供您複製。

HTML代碼

HTML
切換到 WordPress,開啟您想要顯示 PDF 的網頁,然後變更為文字檢視。然後,您可以貼上複製的 HTML 程式碼,預覽並發布貼文。

HTML

這裡討論的在 WordPress 中嵌入 PDF 文件的兩種方法都是同樣好的選擇。您可以自行選擇最吸引您的那一款。您可以根據您的風格以及您希望 PDF 文件如何呈現給您的用戶或讀者而選擇任何方法。

WordPress 維護服務

我們的 WordPress 管理服務全天候提供,以確保無憂的網站體驗。

發表評論

您的電子郵件地址不會被公開。帶*號的為必填項。