您是否看到过下载链接旁边显示文件图标的网站?最近我们的一位读者询问是否可以在WordPress显示附件文件图标。是的,它很容易。在本文中,我们将向您展示如何在WordPress添加附件文件图标

Adding file type icons for attachments in WordPress

当您需要WordPress中的附件文件图标

默认情况下,WordPress允许您上传图像,音频,视频和其他文档。您还可以允许在WordPress中上载其他文件类型

当您通过媒体上传上传文件并将其添加帖子页面时,如果文件是图像,音频,视频或支持的文件格式,WordPress将尝试嵌入该文件。

对于所有其他文件,它只会将文件名添加为纯文本并将其链接下载或附件页面

Text links for attachments with no icons for file type

在上面的屏幕截图中,我们添加了PDF和Docx文件。但是,用户很难猜测他们正在下载哪个文件。

如果您经常上传不同的文件类型,那么您可能希望在链接旁边显示一个图标,这样您的用户就可以轻松找到他们正在寻找的文件类型

尽管如此,让我们看看如何在WordPress中为不同的文件类型添加附件文件图标。

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

您需要做的第一件事是安装并激活MimeTypes链接图标插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

激活后,您需要访问设置»MimeType图标页面进行配置插件设置。

MimeType Link Icon settings

该插件允许您选择图标大小。您还可以选择png和gif图标。接下来,您需要选择图标对齐方式以及将显示图标的文件类型。

在高级选项下,您可以启用CSS类来隐藏图标。包含在这些CSS类中的文件下载链接不会显示图标。

Advanced settings

在下面,您将找到在下载链接旁边显示文件大小的选项。它默认关闭,因为它可能是资源密集型的。但是,如果您愿意,可以启用它并启用“缓存检索到的文件大小”选项。

不要忘记单击“保存更改”按钮来存储设置。

您现在可以编辑帖子或页面,并使用媒体上传器添加文件下载链接。预览您的帖子,您将看到下载链接旁边的文件图标。

Attachment links with file type icons

方法2:在WordPress中使用附件文件的图标字体

在此方法中,我们将使用图标字体显示附件文件链接旁边的图标。

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

激活后,您可以编辑要添加附件链接的帖子或页面。

您会注意到帖子编辑器顶部的新“插入图标”按钮。单击它将显示一个弹出窗口,您可以在其中搜索并选择要添加的图标。

Insert icon into your WordPress post

Font Awesome带有大量图标,并且包含最常用文件类型的图标。单击要添加的图标,插件将自动在帖子编辑器中添加所需的短代码。

现在,您可以上传文件并使用媒体上传器插入帖子。

Add attachment links

您还可以通过将自己的css类添加到短代码中来为文件图标添加自己的自定义CSS,如下所示:

[icon name =“file-pdf-o”class =““unrefixed_class =”pdf-icon“]

您现在可以使用。pdf-icon class来根据您自己的需要更改图标大小,颜色和样式。

Font icons used as attachment file type icons

我们希望本文能帮助您了解如何在WordPress中添加附件文件图标。您可能还希望查看有关如何在WordPress博客文章中嵌入PDF,电子表格和其他内容的指南。