如何在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

  • 2025-01-28
  • WordPress 插件

你是否想在你的WordPress网站上启用Imagick?大多数情况,WordPress会自动使用Imagick来管理所有网站的图像。然而,通过调整默认的Imagick设置,你可以提高网站性能或向访客展示更高质量的图像。在本文中,我们将展示如何在你的WordPress网站上启用Imagick,并自定义其设置以改善访客体验。

閱讀更多
  • 2025-01-21
  • WordPress 插件

为WordPress文章添加阅读进度条可以提升读者的阅读体验。特别是对于长篇文章,进度条是一种视觉提示,帮助读者了解自己阅读了多少内容以及剩余部分。WPressize Me尽管不使用此功能,但许多新闻网站和长篇内容出版商已成功实施这一功能。我们将介绍如何轻松添加阅读进度条到您的WordPress文章中。

閱讀更多
  • 2025-01-17
  • WordPress 插件

在您的 WordPress 网站上接收 Google Pay 可以显著改善客户的整体购物体验。通过提供 Google Pay,您不仅仅是添加另一种付款方式,而是为更喜欢 Google Pay 的客户提供无缝的购物体验。这可以建立客户的信任,减少结账摩擦,并最终提高网站的销售额。在这篇文章中,我们将指导您如何在 WordPress 中接收 Google Pay,从而为客户提供流畅的支付流程。

閱讀更多

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