如何在WordPress博客文章中嵌入PDF,電子表格等


您是否要在WordPress博客帖子中嵌入PDF,電子表格和其他類型的文檔?

WordPress帶有強大的內容編輯器,可讓您使用嵌入塊輕鬆嵌入視頻,tweet,音頻和其他媒體格式。

您還可以上傳用戶可以下載的其他類型的文件。 但是,無法在博客文章中嵌入PDF,電子表格和其他文檔之類的文件。

在本文中,我們將向您展示如何在您的WordPress博客文章中嵌入PDF,電子表格,PowerPoint和其他文檔。

在WordPress博客文章中嵌入PDF,電子表格等

為了幫助您瀏覽本指南,我們在此處創建了目錄。

  1. 在沒有插件的WordPress博客文章中添加PDF
  2. 使用PDF Viewer插件將PDF嵌入WordPress帖子中
  3. 在WordPress中嵌入電子表格和其他類型的文檔
  4. 如何在WordPress帖子中嵌入SlideShare演示文稿
  5. 在WordPress帖子中嵌入Google文檔,表格和其他文檔

現在,讓我們開始使用該指南。

在沒有插件的WordPress博客文章中添加PDF

默認情況下,WordPress不提供PDF文檔的完整嵌入選項; 但是,您可以將它們添加為博客文章中的鏈接。

如果您不想在網站上添加插件,則此選項很有用。

只需將File塊添加到WordPress帖子或頁面,然後上傳PDF文件。

添加文件塊

一旦您上傳了PDF文件,WordPress將顯示帶有下載按鈕的文件名。 您可以編輯文件名和下載按鈕文本。

下載PDF鏈接

您還可以選擇顯示或隱藏下載按鈕,並選擇是鏈接到文件本身還是附件頁面。

您可以使用此方法將Microsoft Word文檔,Excel電子表格和PowerPoint演示文稿上載到您的網站。

儘管此方法更加簡單明了,但它不會嵌入文檔,這意味著用戶必須下載文件才能查看它,並且根據使用情況,這可能不是非常用戶友好。

讓我們看一下將文檔嵌入WordPress的其他方法。

使用Embed PDF Viewer插件將PDF嵌入WordPress帖子中

如上所示,將PDF文件顯示為鏈接將使您的網站訪問者遠離您的網站。

通過這種方法,我們將介紹如何輕鬆地將文檔嵌入WordPress帖子和頁面中。

首先,您需要安裝並激活Embed PDF Viewer插件。 有關詳細說明,請參閱有關如何安裝WordPress插件的分步指南。

激活插件後,只需創建一個新帖子或編輯現有帖子即可嵌入PDF文檔。

在WordPress帖子編輯屏幕中,單擊“添加新塊”圖標,然後在“嵌入”部分下選擇PDF塊。

在WordPress帖子編輯器中選擇PDF嵌入塊

之後,您可以將新的PDF文件上傳到帖子中,從媒體庫中選擇一個,或從URL中插入。

在WordPress編輯器中添加了PDF塊

選擇文件後,您可以看到博客文章中嵌入的PDF文件。 您還可以調整嵌入區域的大小,並從左側的塊選項中添加其他CSS。

WordPress帖子編輯器中嵌入的PDF

完成自定義後,只需保存您的帖子並在實時網站上預覽即可。 這是它在我們的演示網站上的顯示方式。

WordPress預覽版中嵌入的PDF

在WordPress中嵌入Microsoft Word,電子表格和其他文檔

上面提到的插件僅允許您將PDF文件嵌入到WordPress網站中。

如果要嵌入更多文檔類型,例如Microsoft Word,Excel電子表格,PowerPoint演示文稿等,則需要使用其他插件。

首先,您需要在網站上安裝並激活“嵌入任何文檔”插件。

接下來,創建一個新帖子或打開一個現有的帖子以嵌入文檔。 完成後,在“嵌入”部分下添加“文檔”塊。

在WordPress編輯器中添加文檔塊

之後,您需要單擊添加文檔按鈕。

在WordPress帖子編輯器中添加文檔選項

接下來,您可以上傳文檔或從URL添加。 付費插件用戶還可以附加來自Google雲端硬盤,Dropbox和Box的文檔。

添加文檔選項

選擇要嵌入的文檔後,您將看到自定義嵌入的選項。 您需要檢查它們,然後單擊“插入”按鈕。

添加電子表格高級選項

完成後,您可以看到帖子中嵌入的文檔。 您也可以從左側的塊選項面板再次查看文檔顯示選項。

嵌入WordPress編輯器的電子表格

保存您的帖子並在您的實時網站上預覽。 這是嵌入式電子表格在我們的演示網站上的外觀。

嵌入WordPress預覽中的電子表格

在WordPress帖子中嵌入SlideShare演示文稿

與PDF和其他文檔不同,WordPress使您可以輕鬆地將第三方服務中的內容嵌入到您的網站中。

它具有用於YouTube視頻,推文,Facebook更新,SlideShare演示文稿等的內置嵌入選項。

最重要的是,新的WordPress塊編輯器為它們提供了單獨的嵌入塊。

要將SlideShare演示文稿嵌入到WordPress博客文章中,請創建一個新文章,或編輯現有文章。 接下來,單擊添加新塊圖標,然後在您的帖子編輯區域中添加SlideShare塊。

在WordPress帖子編輯器中添加SlideShare嵌入塊

接下來,您需要訪問SlideShare網站並複制要嵌入的SlideShare演示文稿的鏈接。

完成後,將鏈接粘貼到嵌入SlideShare塊中,然後單擊“嵌入”按鈕。

在WordPress帖子中嵌入SlideShare URL

之後,您可以看到嵌入在博客文章中的SlideShare演示文稿。 您可以查看左側的屏蔽選項,然後保存您的帖子。

WordPress編輯器中添加的SlideShare演示文稿

完成後,您可以在網站上實時預覽嵌入式SlideShare演示文稿。 這是在我們的演示網站上的外觀。

WordPress中添加的SlideShare演示文稿-預覽

如何在WordPress中嵌入Google文檔,表格和其他文檔

在以上示例中,我們介紹瞭如何從本地計算機添加PDF和其他文檔。 但是,如今許多用戶都使用Google雲端硬盤創建和存儲文檔(特別是小型企業所有者)。

與Microsoft Word,Excel表格和PowerPoint演示文稿類似,Google雲端硬盤還可以讓您創建文檔,表格,演示文稿和其他在線文檔。

如果您已經在Google雲端硬盤中創建了文檔,則可以使用iFrame方法輕鬆地將這些文件嵌入WordPress帖子中。

要將Google文檔嵌入WordPress中,您需要先在瀏覽器中打開該文檔。 之後,轉到“文件”菜單,然後單擊“發佈到網絡”選項。

在Google Doc中發佈到Web選項

之後,將出現一個新的彈出窗口。 您需要選擇“嵌入”選項,然後單擊“發布”按鈕。

點擊發布以查找Google文檔的嵌入代碼

完成後,它將為您提供一個iFrame嵌入代碼。 繼續並複制代碼。

嵌入Google文檔代碼

接下來,您需要創建一個新帖子或編輯現有帖子以嵌入Google文檔。 在您的帖子編輯器中,添加“自定義HTML”塊以插入嵌入代碼。

在WordPress帖子中添加自定義HTML塊

將自定義HTML塊添加到帖子編輯區域後,粘貼之前複製的嵌入代碼。

在WordPress帖子中添加了Google文檔嵌入代碼

您可能需要在嵌入代碼中添加height和width參數。 只需將參數添加到iframe代碼中,如下所示:


之後,您可以保存您的帖子,然後在您的實時網站上預覽。 這是它在我們的演示網站上的顯示方式。

嵌入WordPress的Google Doc後預覽

現在,您可以使用此方法將其他文檔從您的Google雲端硬盤帳戶嵌入WordPress。

我們希望本文能幫助您學習如何在WordPress帖子中嵌入PDF,電子表格和其他文檔。 您可能還希望查看有關如何在WordPress中管理,跟踪和控製文件下載的指南。

如果您希望將文件和內容限制為僅登錄用戶,則需要使用WordPress會員插件來創建會員網站。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。