如何在WordPress中添加附件文件类型图标

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

在WordPress中添加附件的文件类型图标

当你需要在WordPress的附件文件图标

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

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

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

文本链接的附件没有文件类型的图标

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

如果您经常上传不同的文件类型,则可能需要在链接旁边显示图标,以便用户可以轻松找到要查找的文件类型。

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

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

首先你需要做的是安装并激活MimeTypes链接图标插件。 更多细节

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

MimeType链接图标设置

该插件允许您选择图标大小。 你也可以选择PNG和GIF图标。 接下来,您需要选择图标对齐方式,以及哪些文件类型将显示图标。

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

高级设置

在下面你会发现在下载链接旁边显示文件大小的选项。 它被默认关闭,因为它可能是资源密集型的。 但是,如果你喜欢,你可以启用它,并启用“缓存检索的文件大小”选项。

不要忘记点击Save Changes按钮来存储你的设置。

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

附件链接文件类型图标

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

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

首先你需要做的是安装并激活Better Font Awesome插件。

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

你会注意到新的“插入图标”按钮上的文章编辑器。 点击它会显示一个弹出窗口,你可以搜索并选择你想添加的图标。

插入图标到您的WordPress的帖子

字体真棒带有大量的图标,并具有最常用的文件类型的图标。 点击你想添加的图标,插件会自动在帖子编辑器中添加所需的简码。

现在你可以上传你的文件,并使用媒体上传器插入到后期。

添加附件链接

你也可以添加你自己的自定义CSS文件图标,通过添加自己的CSS类到这样的短代码:

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

你现在可以使用 .PDF图标 类来改变图标的​​大小,颜色和风格,以满足您的需求。

用作附件文件类型图标的字体图标