最新公告
  • 欢迎您光临小程序源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 【wordpress美化】RiPro主题给导航菜单添加图标

    很多使用RiPro主题的站点,导航菜单前面都有一个小图标,让人看上去很舒服。今天我们一起来实现添加图标、放大图标、旋转图标及高亮旋转图标。

    添加图标

    添加图标其实很简单,我们只需进入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;
    }
    免责声明 本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
    小程序源码 » 【wordpress美化】RiPro主题给导航菜单添加图标

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    小程序源码网
    一个只喜欢富婆的傻屌搞得!

    发表评论

    • 525会员总数(位)
    • 125资源总数(个)
    • 4本周发布(个)
    • 0 今日发布(个)
    • 193稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情