如何在WordPress中添加附件文件类型图标(简易教程)

08/05/2023

如何在WordPress中添加附件文件类型图标(简易教程)

你有没有见过在下载链接旁边显示文件图标的网站?最近,一位读者问我们是否可以在WordPress中显示附件文件图标。你可以轻松地显示不同的图标,让用户知道他们将要下载哪种类型的文件。

为什么需要在WordPress中添加附件文件图标

默认情况下,WordPress允许你上传图像、音频、视频和其他文档文件。你也可以在WordPress中启用额外的文件类型上传功能。当你通过媒体上传器上传文件并将其添加到帖子或页面时,WordPress会尝试将文件嵌入成图像、音频、视频或支持的文件格式。对于所有其他文件,WordPress只会添加一个文件名作为纯文本并链接到下载或附件页面。

在上面的截图中,我们添加了PDF和Docx文件。但是,用户很难猜到他们将要下载的是哪种类型的文件。如果你经常上传不同类型的文件,那么你可能希望在链接旁边显示一个图标。这样,用户就可以轻松找到他们需要的文件类型。

方法一:使用插件在WordPress中添加附件文件图标

添加文件类型图标最简单的方法是使用一个叫MimeTypes Link Icons的WordPress插件。这是一个非常易于使用且完全免费的插件,可以让你为不同的文件类型添加图标。首先,你需要安装和激活MimeTypes Link Icons插件。激活后,访问Settings » MimeType Icons页面配置插件设置。

该插件允许你选择图标大小,以及PNG和GIF图标格式。接下来,你需要选择图标的对齐方式和显示图标的文件类型。然后你可以向下滚动选择在你网站上显示的图标。例如,有PDF、PPT、CSV、AVI、RPM、TXT等文件类型的图标。

接下来,你可以滚动到高级设置部分。这里有一个选项可以在下载链接旁边显示文件大小。默认情况下它是关闭的,因为它可能会占用资源。

设置完成后,别忘了点击“保存更改”按钮保存你的设置。你现在可以编辑一个帖子或页面,并使用媒体上传器添加一个文件下载链接。简单预览你的帖子,你将看到下载链接旁边的文件图标。

方法二:使用图标字体为附件文件添加图标

在此方法中,我们将使用一个图标字体在附件文件链接旁边显示图标。首先,你需要安装并激活Font Awesome插件。激活后,你可以从WordPress仪表盘访问Settings » Font Awesome页面,在这里你可以编辑插件的一般设置,比如选择使用专业版还是免费版图标。

接下来,你可以编辑你想添加附件链接的帖子或页面。在内容编辑器中,你需要输入你想要显示的图标的HTML代码。要找到该HTML代码,你可以访问Font Awesome图标库网站。简单地在搜索栏中搜索一个图标,然后点击图标。

接下来,你会看到该图标的不同变体及其HTML代码。点击代码复制它。

然后,你可以返回你网站的WordPress内容编辑器,点击“+”号添加一个自定义HTML块。然后把代码粘贴到块中。

一旦完成,发布或更新你的页面。你现在可以访问你的网站,看到新添加的附件文件类型图标。

小贴士:出售数字文件以赚取在线收入

既然你已经知道如何添加附件文件类型图标,你可以更进一步,开始销售不同的文件作为数字下载。这可以让你在线赚钱,或者鼓励用户注册你的新闻简报以换取免费资源。最好的方法是使用Easy Digital Downloads。这是一个非常易于使用和设置的WordPress电子商务平台。

Easy Digital Downloads轻松集成了支付服务如PayPal和Stripe。你可以简单地上传你想销售的数字文件并开始在线赚钱。该插件允许你添加标题和描述、设置下载价格、选择下载图片等。

我们希望这篇文章能帮助你了解如何在WordPress中添加附件文件图标。你可能还想看看我们的文章如何在WordPress博客文章中嵌入PDF、电子表格和其他文件以及适合小企业的最佳WordPress插件。



Related Posts

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>