企业怎么建设网站-自定义文件图标
Home
网络资讯
开发技术
企业怎么建设网站-自定义文件图标
专业企业网站建设-如何创建响应菜单
2018年10月25日
宁波高端网站定制-头部添加跳转菜单
2018年10月26日
Published by
nbyuyuan
on
2018年10月25日
Categories
开发技术
网络资讯
Tags
WordPress
企业怎么建设网站
企业怎么建设网站-自定义文件图标,您是否看到过下载链接旁边显示文件图标的网站?最近我们的一位读者询问是否可以在WordPress中显示附件文件图标。是的,它很容易。在本文中,我们将向您展示如何在WordPress中添加附件文件图标。
当你需要WordPress中的附件文件图标
默认情况下,WordPress允许您上传图像,音频,视频和其他文档。您还可以
允许在WordPress中上载其他文件类型
。
当您通过媒体上传器上传文件并将其添加到帖子或页面时,如果文件是图像,音频,视频或支持的文件格式,WordPress将尝试嵌入该文件。
对于所有其他文件,它只会将文件名添加为纯文本并将其链接到下载或附件页面。
在上面的屏幕截图中,我们添加了PDF和Docx文件。但是,用户很难猜测他们正在下载哪个文件。
如果您经常上传不同的文件类型,那么您可能希望在链接旁边显示一个图标,这样您的用户就可以轻松找到他们正在寻找的文件类型。
话虽如此,让我们看看如何在WordPress中为不同的文件类型添加附件文件图标。
方法1:使用插件在WordPress中添加附件文件图标
您需要做的第一件事是安装并激活
MimeTypes链接图标
插件。有关更多详细信息,请参阅有关
如何安装WordPress插件的分
步指南。
激活后,您需要访问
设置»MimeType图标
页面以配置插件设置。
该插件允许您选择图标大小。您还可以选择png和gif图标。接下来,您需要选择图标对齐方式以及将显示图标的文件类型。
在高级选项下,您可以启用
CSS
类来隐藏图标。包含在这些CSS类中的文件下载链接不会显示图标。
在下面,您将找到在下载链接旁边显示文件大小的选项。它默认关闭,因为它可能是资源密集型的。但是,如果您愿意,可以启用它并启用“缓存检索到的文件大小”选项。
不要忘记单击“保存更改”按钮来存储您的设置。
您现在可以编辑
帖子或页面,
并使用媒体上传器添加文件下载链接。预览您的帖子,您将看到下载链接旁边的文件图标。
方法2:在WordPress中使用附件文件的图标字体
在此方法中,我们将使用
图标字体
显示附件文件链接旁边的图标。
您需要做的第一件事是安装并激活
Better Font Awesome
插件。
激活后,您可以编辑要添加附件链接的帖子或页面。
您会注意到帖子编辑器顶部的新“插入图标”按钮。单击它将显示一个弹出窗口,您可以在其中搜索并选择要添加的图标。
企业怎么建设网站
Font Awesome附带了大量图标,并且包含最常用文件类型的图标。单击要添加的图标,插件将自动在帖子编辑器中添加所需的短代码。
现在,您可以上传文件并使用媒体上传器插入帖子。
您还可以通过将自己的css类添加到短代码中来为文件图标添加自己的
自定义CSS
,如下所示:
您现在可以使用
.pdf-icon
类来根据自己的需要更改图标大小,颜色和样式。
我们希望本文能帮助您了解如何在WordPress中添加附件文件图标。您可能还希望查看有关如何
在WordPress博客文章中嵌入PDF,电子表格和其他内容的指南
。
原文:
企业怎么建设网站
Share
0
发表评论
取消回复
邮箱地址不会被公开。
必填项已用
*
标注
评论
名称
*
电子邮件
*
站点
在此浏览器中保存我的姓名、电子邮件和站点地址。
电话咨询
客户专线
400-000-1259
QQ咨询
项目总监
邮件咨询
发送需求文档获取报价
微信咨询
扫码添加