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


您是否看到在下載鏈接旁邊顯示文件圖標的網站? 最近,我們的一位讀者詢問是否可以在WordPress中顯示附件文件圖標。 是的,這很容易。 在本文中,我們將向您展示如何在WordPress中添加附件文件圖標。

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

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

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

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

對於所有其他文件,它將僅將文件名添加為純文本並將其鏈接到下載或附件頁面。

附件的文本鏈接,沒有文件類型的圖標

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

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

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

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

您需要做的第一件事是安裝並激活MimeTypes鏈接圖標插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 設置»MimeType圖標 頁面以配置插件設置。

MimeType鏈接圖標設置

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

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

高級設置

在此之下,您將找到下載鏈接旁邊顯示文件大小的選項。 默認情況下,它是關閉的,因為它可能會佔用大量資源。 但是,您可以根據需要啟用它,也可以啟用“緩存檢索到的文件大小”選項。

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

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

帶有文件類型圖標的附件鏈接

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

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

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

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

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

在您的WordPress帖子中插入圖標

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

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

添加附件鏈接

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

[icon name=”file-pdf-o” class=”” unprefixed_class=”pdf-icon”]

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

用作附件文件類型圖標的字體圖標

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

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