添加图标

在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

点击购物车:

添加图标

下载代码。

最后更新: 2018-12-12
WP开发

WordPress主题制作全过程(十):制作comments.php

2018-11-4 23:42:40

WP开发

WordPress主题开发: 制作文章页面single.php

2018-11-7 16:11:20

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