将图标字体添加到wordpress与更好的字体令人敬畏

人们自然地绘制了WordPress网站的视觉方面,就像他们被绘制到您分享的书面内容一样多.事实上,根据互联网营销人员Jeff Bullas的说法,具有图像的文章比没有图像的文章获得94%的视图.

如果您问我,这是页面浏览量的巨大增加.

和究竟做什么?

简单地在整个内容中添加一些高质量的文章-适当的图像.

但是您网站上的图像呢?超越屏幕截图和股票摄影的步骤?那些不仅吸引注意的图像怎么样?也有用功能?

是的,我在谈论图标.您知道,那些在整个网站上分散的那些微小的小图像,用于社交共享,联系企业主以及下载信息,以命名几个.

作为在该网站上捕获的想法,访问者不仅被网站上的图像图标吸引,而且倾向于与他们互动,人们都开始将它们添加到他们的网站上.

然而,随着技术的先进,正如它总是这样的,传统的图像图标已经开始逐步发挥为网站的图像解决方案.这是因为它们添加了太多的文件权重,需要太多的HTTP请求,不要刻度,并且最糟糕的是-它们不是移动友好的.

但有一个解决方案:图标字体.

今天,我将讨论哪些图标字体以及在Wordpress网站上使用它们的优势.所以,让我们开始.

继续读取,或使用以下链接跳转:

  • 什么是图标字体以及为什么使用它们?
  • 字体图标选项

什么是图标字体以及为什么使用它们?

图标字体正是他们的声音-完全由图标组成的字体.实际上,图标字体可以被描述为只显示字符或符号的字体,留出传统文本字体附带的字母和数字.

Image-Icons-Example-Download-Button 图标字体是经常鼓励操作的图像-只有它们实际上不是图像.

图标字体用于在您的网站上显示常用的符号.例如,社交媒体按钮,购物车,下载按钮和导航按钮都是在您网站上显示为微小的互动图像的图标.

Image-Icons-Icon-Set-Example 图标字体可用于表示许多不同的想法.

为什么使用图标字体?

图像图标在过去的许多网站所有者中都有很好的工作.但是,由于互联网世界的导航,可用性和设计规则,图标字体已成为在网站上显示交互式图像的更好解决方案.

这是一个令人兴奋的原因,为什么图标字体是更好的选择:

  • 比例很容易,不要失去质量
  • 在颜色和阴影方面可定制
  • 100%响应
  • 像CSS图像精灵一样工作,但可以像文字一样的样式
  • 易于使用
  • 透明淘汰支持
  • 跨浏览器友好
  • 自定义透明度,旋转和更多
  • 较小的文件大小
  • 不要牺牲您网站的速度或性能

您可以看到,有几个原因可能希望在网站上使用图标字体而不是图像图标.

字体图标选项

要开始,让我们来看看一些最佳场所,找到免费和高级图标字体集.通过这些资源,您可以生成自定义字体图标,利用独占和唯一的图标图像,甚至可以访问工具,以帮助您将图标直接进入您的网站.

  • fontello .将免费自定义传染媒介图像转换为Web字体以用于您的网站,清晰,可扩展和跨浏览器友好.此外,使用CSS自定义以更改颜色,大小,阴影等.
  • icomoon .这个在线服务让您创建清晰,像素完美的图标字体.此外,您可以使用独占图标字体构建器将图像图标更改为图标字体.使用5000个免费和开源图标,并超过4000个高级图标,放置在特殊图标包中,从这里没有缺乏图像.

接下来,让我们看一下可以在WordPress网站上使用的字体插件.

WP SVG图标

SVG Icons header.

WP SVG图标是一个wordpress图标插件,包含490多个图标.此外,您可以使用独占Icomoon icon Pack Font Importer创建和上传最多10个您自己的自定义图标.

使用此插件,您可以轻松地将图标插入帖子,页面和侧边,而不使用最新的短代码功能写入单行代码.

最终思想

在WordPress网站上使用图标字体,不仅在不牺牲速度或性能的情况下添加了漂亮的图像,而且为您的网站添加了一个频率,鼓励更大的用户交互.

图标字体易于扩展,自定义和最佳,它们提供您的网站访问者,无论他们访问您的网站,最终查看体验.

使用插件解决方案(如WP SVG图标)是将图标字体添加到您的网站的最简单方法之一.这是因为有一个字体插件,几乎没有必需的配置,通常为您提供大部分工作,以便您不必处理广泛的HTML代码.

如果您希望增加网站的页面浏览量,提升内容交互,并为网站访问者提供有吸引力的网站,清楚地传达您希望它们的操作,请考虑使用更好的字体为您的网站添加图标字体我与您分享的其他选项.

10

发表回复