RiPro如何给菜单添加fontawesome图标?

许多朋友看到演示站的菜单有图标,不管是显示还是美观都有一定的效果,在这里,我介绍一下如何添给菜单添加fontawesome图标,也就是经常说的 fa fa图标。

首先,这是很简单的,原理是利用菜单名,直接将fa fa图标标签添加进去。在外观-菜单-点击要添加图标的菜单展开详情 然后如图,给菜单添加一段图标代码即可:

<span><i class="fa fa-home"></i> 首页</span>

注意这里有一些细节建议学习下

  1. 图标代码是用标签包裹起来的,这样会避免个别情况下不对齐问题
  2. 后面,有一个空格,这样做的原因是图标和文字不会太拥挤
  3. 具体要用什么图标,可以到http://fontawesome.dashgame.com/官网去查找即可,将自己喜欢的图标代码替换即可
  4. 原理是这样: <span><i class=”fa fa-图标代码”></i> 菜单名称</span>

RiPro主题如何设置高级展开分类文章菜单?

RiPro内置一个高级菜单,这个菜单的作用是可以直接在菜单鼠标移动显示此菜单分类下的文章,许多会员不太熟悉,这里介绍一下,方法很简单。

教程开始:

  1. 首先,在wordpress后台,打开外观-菜单,如图,打开wp菜单的自定义css类选项:
  2. 然后即可在每个菜单看到多出一个填写“CSS类(可选)”的输入框:
  3. 这里要设置的必须是一个分类菜单,否则无法找到文章,输入以下标签即可自动调用:
  4. 输入:menu-item-mega
  5. 此功能菜单可以同时多个设置,方便的狠