添加图标

在Wordpress中引入图标

网站:

http://fontawesome.dashgame.com/

使用:

将以下代码粘贴到网页HTML代码的  部分.

<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

选取图标,

您可以将Font Awesome图标使用在几乎任何地方,只需要使用CSS前缀 fa ,再加上图标名称。 Font Awesome是为使用内联元素而设计的。我们通常更喜欢使用  ,因为它更简洁。 但实际上使用  才能更加语义化。

class="fa fa-camera-retro">i> fa-camera-retroru

如:

class="fa  fa-steam-square">i> 
	class="fa   fa-renren ">i> 
	class="fa   fa-qq">i> 
	class="fa   fa-github">i> 
	class="fa   fa-weixin">i> 
	class="fa   fa-weibo">i>

将显示为:

添加图标

配合ul div 设置样式即可。

其他:

亦可引入阿里巴巴矢量图标库中的图标。

介绍:

https://themebetter.com/wordpress-iconfont.html

点击购物车:

添加图标

下载代码。

软件
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论