17713433920 info@mac163.com

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

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

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

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

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

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

如果您定期上传其他文件类型,则可能需要在链接旁边显示一个图标,以便用户可以轻松找到他们要查找的文件类型。

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

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

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

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

步指南。

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

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

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

在此之下,您将找到下载链接旁边显示文件大小的选项。默认情况下,它是关闭的,因为它可能会占用大量资源。但是,您可以根据需要启用它,也可以启用“缓存检索到的文件大小”选项。

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

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

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

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

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

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

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

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

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

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

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

现在,您可以使用.pdf-iconclass更改图标的大小,颜色并根据自己的需要设置样式。


微信二维码

微信扫描二维码联系我们!
我们在微信上24小时期待你的声音
提供外贸路由器设备产品,轻松翻墙,解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建等!


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
回到顶部