添加图标

在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

点击购物车:

添加图标

下载代码。

网站

Metro_4 - 基于HTML,CSS,JAVASCRIPT构建的令人印象深刻的组件库

2020-1-15 16:54:17

软件

群晖NAS

2021-9-1 22:40:19

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索