如何在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-31
  • WordPress 插件

通知评论者他们的评论已获批准是在您的网站上鼓励对话的简单而有效的方法。然而,WordPress 默认情况下不会在评论发布时通知用户,这可能导致他们对评论的状态感到困惑。有许多网站拥有者问我们如何解决此问题,因此我们编写了这篇指南来帮助您!在这篇文章中,我们将展示如何轻松通知用户他们的评论已在 WordPress 中被批准,以保持互动积极并吸引更多观众参与。

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

想知道我们在 WPressize Me 如何通过添加标题属性和 nofollow 标签来改善用户体验和SEO吗?默认的 WordPress 编辑器并不容易提供这些选项。本文将为您简要介绍如何在 WordPress 的插入链接弹出窗口中为链接添加标题和 nofollow 属性选项,以便简化工作流程和提升您的SEO努力。

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

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

閱讀更多

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