如何在 WordPress 中添加附件文件類型圖標

您是否見過在下載鏈接旁邊顯示文件圖標的網站?最近,我們的一位讀者詢問是否可以在 wordpress 中顯示附件文件圖標。是的,確實如此,而且非常簡單。在本文中,我們將向您展示如何在 WordPress 中添加附件文件圖標。

如何在 WordPress 中添加附件文件類型圖標

當您需要 WordPress 中的附件文件圖標時

默認情況下,WordPress 允許您上傳圖像、音頻、視頻和其他文檔。您還可以允許在 WordPress 中上傳其他文件類型。

當您通過媒體上傳器上傳文件并將其添加到帖子或頁面時,如果文件是圖像、音頻、視頻或支持的文件格式,WordPress 將嘗試嵌入該文件。

對于所有其他文件,它只會添加純文本文件名并將其鏈接到下載或附件頁面。

如何在 WordPress 中添加附件文件類型圖標

在上面的屏幕截圖中,我們添加了一個 PDF 和一個 Docx 文件。然而,用戶很難猜測他們正在下載哪個文件。

如果您定期上傳不同的文件類型,那么您可能需要在鏈接旁邊顯示一個圖標,以便您的用戶可以輕松找到他們正在查找的文件類型。

話雖如此,讓我們看看如何在 WordPress 中為不同的文件類型添加附件文件圖標。

方法1:使用插件在WordPress中添加附件文件圖標

您需要做的第一件事是安裝并激活MimeTypes Link Icons插件。有關更多詳細信息,請參閱我們有關如何安裝 WordPress 插件的分步指南。

激活后,您需要訪問“設置”?“MimeType 圖標”頁面來配置插件設置。

如何在 WordPress 中添加附件文件類型圖標

該插件允許您選擇圖標大小。您還可以在 png 和 gif 圖標之間進行選擇。接下來,您需要選擇圖標對齊方式以及將顯示圖標的文件類型。

在高級選項下,您可以啟用css類來隱藏圖標。這些 CSS 類中包含的文件下載鏈接不會顯示圖標。

如何在 WordPress 中添加附件文件類型圖標

在下面,您將找到在下載鏈接旁邊顯示文件大小的選項。默認情況下它是關閉的,因為它可能會占用大量資源。但是,如果您愿意,可以啟用它并啟用“緩存檢索到的文件大小”選項。

不要忘記單擊“保存更改”按鈕來存儲您的設置。

您現在可以編輯帖子或頁面并使用媒體上傳器添加文件下載鏈接。預覽您的帖子,您將看到下載鏈接旁邊的文件圖標。

如何在 WordPress 中添加附件文件類型圖標

方法 2:在 WordPress 中使用附件文件的圖標字體

在此方法中,我們將使用圖標字體在附件文件鏈接旁邊顯示圖標。

您需要做的第一件事是安裝并激活Better Font Awesome插件。

激活后,您可以編輯要添加附件鏈接的帖子或頁面。

您會注意到帖子編輯器頂部有一個新的“插入圖標”按鈕。單擊它將顯示一個彈出窗口,您可以在其中搜索并選擇要添加的圖標。

如何在 WordPress 中添加附件文件類型圖標

Font Awesome 帶有大量圖標,并且包含最常用文件類型的圖標。單擊您要添加的圖標,插件將自動在帖子編輯器中添加所需的短代碼。

現在您可以使用媒體上傳器上傳文件并插入到帖子中。

如何在 WordPress 中添加附件文件類型圖標

您還可以通過將您自己的 css 類添加到短代碼中來為文件圖標添加您自己的自定義 CSS,如下所示:

[圖標名稱=”file-pdf-o” class=”” unprefixed_class=”pdf-icon”]

您現在可以使用.pdf-icon類來更改圖標大小、顏色并根據自己的需要設置樣式。

如何在 WordPress 中添加附件文件類型圖標

我們希望本文能幫助您了解如何在 WordPress 中添加附件文件圖標。您可能還想查看我們的指南,了解如何在 WordPress 博客文章中嵌入 PDF、電子表格和其他內容。

? 版權聲明
THE END
喜歡就支持一下吧
點贊6 分享