添加图标

添加图标其实很简单,我们只需进入wordpress后台–外观–菜单设置中,在菜单名称前面添加fontawesome图标的相关标签即可。具体要用哪些图标,我们可以到官网查看,参考实例:

<i class="fa fa-html5"></i> 模板主题

放大图标

与上同理,要调用大图标,我们只需在标签上添加相关参数即可,参考实例:

<i class="fa fa-vimeo-square fa-2x"></i> 精品资源

旋转图标

我们只需要在标签的class中添加fa-spin即可让图标旋转起来,参考实例:

<i class="fa fa-vimeo-square fa-spin fa-2x"></i> 精品资源

高亮旋转图标

如要高亮旋转图标,我们可以打开/wp-content/themes/ripro/assets/css/diy.css,添加如下css代码保存即可。

/*高亮旋转图标*/
.fa-spin {
animation: 2s linear 0s normal none infinite running fa-spin;
color: #2d56fd;
font-weight: 700;
}

 

提供优质的网站源码大全,小程序、APP、H5、支付、游戏、区块链、商城、直播、影音、小说、公众号等源码下载。
33源码 » RiPro主题美化给导航菜单添加图标

发表评论

我有资源-我要赚钱

投稿赚钱 了解详情