你见过在下载链接旁边显示文件图标的网站吗?最近,我们的一位读者问我们是否有可能在WordPress中显示附件文件图标。是的,很容易。在本文中,我们将向您展示如何在WordPress中添加附件文件图标。
当您需要WordPress中的附件文件图标
默认情况下,WordPress允许您上传图像,音频,视频和其他文档。您还可以允许在WordPress中上传其他文件类型。
当您通过媒体上传器上传文件并将其添加到帖子或页面时,如果该文件是图像,音频,视频或支持的文件格式,WordPress将尝试嵌入该文件。
对于所有其他文件,它只会添加文件名作为纯文本,并将其链接到下载或附件页面。
在上面的截图中,我们添加了一个PDF和一个Docx文件。然而,用户很难猜测他们正在下载的是哪个文件。
如果您经常上传不同类型的文件,那么您可能需要在链接旁边显示一个图标,以便您的用户可以轻松找到他们正在寻找的文件类型。
说到这里,让我们看看如何在WordPress中为不同的文件类型添加附件文件图标。
方法1:使用插件在WordPress中添加附件文件图标
你需要做的第一件事是安装并激活MimeTypes链接图标插件。有关更多细节,请参阅我们关于如何安装WordPress插件的一步一步指南。
激活后,您需要访问设置»MimeType Icons页面用于配置插件设置。
该插件允许您选择图标大小。你也可以选择png和gif图标。接下来,您需要选择图标对齐方式以及将显示图标的文件类型。
在高级选项下,您可以启用CSS类来隐藏图标。包裹在这些CSS类中的文件下载链接将不会显示图标。
在下载链接的下面你会发现显示文件大小的选项。它在默认情况下是关闭的,因为它可能是资源密集型的。但是,如果您愿意,也可以启用它,并启用‘缓存检索到的文件大小’选项。
别忘了点击Save Changes按钮来保存你的设置。
您现在可以编辑文章或页面,并使用media uploader添加文件下载链接。预览你的文章,你会看到下载链接旁边的文件图标。
方法2:在WordPress附件文件中使用图标字体
在这种方法中,我们将使用图标字体来显示附件文件链接旁边的图标。
你需要做的第一件事是安装并激活Better Font Awesome插件。
激活后,您可以编辑想要添加附件链接的帖子或页面。
你会看到新的‘Insert Icon’后期编辑器顶部的按钮。点击它将显示一个弹出窗口,您可以在其中搜索并选择您想添加的图标。
Font Awesome带有大量图标,并为最常用的文件类型提供图标。点击你想添加的图标,插件会自动添加所需的短代码后编辑器。
现在您可以使用media uploader上传您的文件并插入到post中。
你也可以添加你自己的自定义CSS文件图标的短代码,像这样:
[icon name=”file-pdf-o”类= & # 8221;& # 8221;
您现在可以使用.pdf-icon
类来更改图标的大小,颜色和样式,以您自己的需要。
我们希望这篇文章能帮助你学习如何在WordPress中添加附件文件图标。你可能也想看看我们关于如何在WordPress博客文章中嵌入PDF、电子表格和其他内容的指南。
和
RSS