RiPro主题美化-给导航菜单添加图标

资源嘴教程资源

2022-07-23 0 1,427

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

添加图标

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

模板主题

代码如下:

放大图标

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

精品资源

代码如下：

旋转图标

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

精品资源

代码如下：

高亮旋转图标

如要高亮旋转图标，我们可以打开/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;
}

收藏 (0) 打赏

感谢您的支持，我会继续努力的!

打开支付宝扫一扫，即可进行扫码打赏哦，分享从这里开始，精彩与您同在！

版权免责声明
01、本站所有的资源都来源于互联网搜集并整理，如有侵权请邮件联系站长！ 02、本站分享的资源仅供参考和学习，您必须在下载后的24个小时之内删除！
03、本站分享目的仅供学习研究和借鉴，请不要用于商业用途以及违法用途！ 04、本站提供的源码不保证资源的完整性以及安全性，不附带任何技术服务！
05、禁止用本站源码用于非法商业用途，不得违反国家法律，否则后果自负！ 06、如发现资源链接无法下载、失效或广告，请联系管理员或提交工单处理！
07、所有资源均可通过日常签到等任务进行免费兑换，记得每天到本站签到！ 08、本站所有资源积分兑换只是赞助，收取费用仅维持本站的日常运营所需！
09、如果您也有好的资源或教程，您可以投稿发布，成功分享后有积分奖励！ 10、如需商用请购买正版，由于未及时购买正版发生侵权行为，与本站无关！
11、如果您发现本站分享的资源侵犯了您的权益，请邮件联系我们进行删除！

资源嘴教程资源 RiPro主题美化-给导航菜单添加图标 https://www.zyzui.com/712.html