wordpress 日主题ripro 设置二级菜单统计

  • A+
所属分类:网络技术
摘要

1.找到/ripro(或子主题)/functions.php 文件,在最下面添加下载包中的代码:

wordpress 日主题ripro 设置二级菜单统计

wordpress 日主题ripro 设置二级菜单统计

1.找到/ripro(或子主题)/functions.php 文件,在最下面添加下载包中的代码:

2.找到/ripro(或子主题)/assets/css/diy.css 在最下面添加以下CSS样式:

/**二级菜单文章统计**/ .num {  position: absolute;  top: 8px;  left: 68%;  color: #555;  border-radius: 8px;  text-align: center;  font-family: Calibri;  background: #eee;  font-size: 12px;  min-width: 32px; } /***二级导航前面小圆点***/ .lanse {     box-sizing: border-box;     content: '';     width: 12px;     height: 12px;     border-radius: 50%;     position: absolute;     top: 50%;  margin-left: 10px;     margin-top: -6px;     left: 0;  border-color: #61e1b9;  border: 3px solid #7a99f2; }  .lvse {     box-sizing: border-box;     content: '';     width: 12px;     height: 12px;     border-radius: 50%;     position: absolute;     top: 50%;  margin-left: 10px;     margin-top: -6px;     left: 0;  border-color: #61e1b9;  border: 3px solid #70d7cf; } .huangse {     box-sizing: border-box;     content: '';     width: 12px;     height: 12px;     border-radius: 50%;     position: absolute;     top: 50%;  margin-left: 10px;     margin-top: -6px;     left: 0;  border-color: #61e1b9;  border: 3px solid #f5c745; } .hongse {     box-sizing: border-box;     content: '';     width: 12px;     height: 12px;     border-radius: 50%;     position: absolute;     top: 50%;     margin-left: 10px;     margin-top: -6px;     left: 0;     border-color: #61e1b9;     border: 3px solid #f1787f; } /***二级导航前面小圆点结束***/
全选代码
Copy

3、导航前面添加小圆点,在后台-菜单里设置,如下图:

wordpress 日主题ripro 设置二级菜单统计

<span><i class="hongse"></i>二级菜单</span> <span><i class="lanse"></i> </i>二级菜单</span>  <span><i class="huangse"></i></i> 二级菜单</span> <span><i class="lvse"></i></i>二级菜单</span>
  • 我的微信公众号
  • 扫一扫关注
  • weinxin
  • 我的新浪微博号
  • 扫一扫关注
  • weinxin
小辉博客

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: