一、写在前头

  • 修改后的效果如本站 云跑校园 菜单所示

二、美化教程

(一)修改 diy.css 文件

  • 复制以下代码添加至 diy.css 文件(目录:wp-content/themes/ripro/assets/css/diy.css)
/**菜单角标www.yunmge.com**/
/**云跑校园**/
.yunpao {
    display: inline-block;
    transform: translateY(0px);
    font-size: .85rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top, #efd3b0 0%, #f9e1be 100%);
    color: #ff0000;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}
/**云跑校园**/
/**菜单角标**/

(二)修改菜单

  • 复制以下代码,
<span class="yunpao">云跑校园</span>
  • 然后到主题下面的菜单设置里,将你的菜单名称与 云跑校园 替换,如

三、写在后头

  • 人是活的,所以字体颜色、字体大小、背景颜色等可以自己琢磨修改即可!(修改后更换浏览器打开网页或清空当前浏览器缓存查看)
云萌阁分享网所有资源均来自网络,如有侵权,请联系 yunmge@qq.com ,我们会及时处理相关信息!
云萌阁分享网 » RIPRO主题美化—美化菜单栏

发表评论