你有没有看到在下载链接旁边显示文件图标的网站? 最近我们的一位读者问是否可以在WordPress中显示附件文件图标。 是的,这很容易。 在本文中,我们将向您展示如何在WordPress中添加附件文件图标。
当你需要在WordPress的附件文件图标
默认情况下,WordPress允许你上传图片,音频,视频和其他文件。 您还可以允许在WordPress中上传其他文件类型。
当您通过媒体上传器上传文件并将其添加到帖子或页面时,如果文件是图片,音频,视频或支持的文件格式,WordPress会尝试嵌入该文件。
对于所有其他文件,只需将文件名称添加为纯文本并将其链接到下载或附件页面。
在上面的截图中,我们添加了一个PDF和一个Docx文件。 然而,用户很难猜测他们正在下载哪个文件。
如果您经常上传不同的文件类型,则可能需要在链接旁边显示图标,以便用户可以轻松找到要查找的文件类型。
话虽如此,让我们看看如何在WordPress中添加不同文件类型的附件文件图标。
方法1:使用插件在WordPress中添加附件文件图标
首先你需要做的是安装并激活MimeTypes链接图标插件。 更多细节
激活后,您需要访问 设置»MimeType图标 页面配置插件设置。
该插件允许您选择图标大小。 你也可以选择PNG和GIF图标。 接下来,您需要选择图标对齐方式,以及哪些文件类型将显示图标。
在高级选项下,您可以启用CSS类来隐藏图标。 包装在这些CSS类中的文件下载链接将不会显示图标。
在下面你会发现在下载链接旁边显示文件大小的选项。 它被默认关闭,因为它可能是资源密集型的。 但是,如果你喜欢,你可以启用它,并启用“缓存检索的文件大小”选项。
不要忘记点击Save Changes按钮来存储你的设置。
您现在可以编辑帖子或页面,并使用媒体上传程序添加文件下载链接。 预览您的文章,您将看到下载链接旁边的文件图标。
方法2:在WordPress中使用图标字体作为附件文件
在这种方法中,我们将使用图标字体来显示附件文件链接旁边的图标。
首先你需要做的是安装并激活Better Font Awesome插件。
激活后,您可以编辑要添加附件链接的帖子或页面。
你会注意到新的“插入图标”按钮上的文章编辑器。 点击它会显示一个弹出窗口,你可以搜索并选择你想添加的图标。
字体真棒带有大量的图标,并具有最常用的文件类型的图标。 点击你想添加的图标,插件会自动在帖子编辑器中添加所需的简码。
现在你可以上传你的文件,并使用媒体上传器插入到后期。
你也可以添加你自己的自定义CSS文件图标,通过添加自己的CSS类到这样的短代码:
[icon name =“file-pdf-o”class =“”unprefixed_class =“pdf-icon”]
你现在可以使用 .PDF图标
类来改变图标的大小,颜色和风格,以满足您的需求。