wordpress顶部导航菜单两种美化方法

效果如图:

 

wordpress顶部导航菜单两种美化方法

 

第一种,整体渐变背景色:

打开Style.css,查找 #top-header(最新版主题是 #header-top),将背景色 background:#e7e7e7; 修改为

background:linear-gradient(-30deg,rgba(255, 213, 60, 0.71) 10%,rgba(161, 230, 243, 0.78)) no-repeat;

 

第二种,导航菜单背景颜色交替:

第一步,先把css样式添加到外观→自定义→额外css里面,样式如下

 

.mcnmq{background:#b485e2;color:#fff;padding:2px 8px;border-radius:2px}.mcnmw{background:#74d62f;color:#fff;padding:2px 8px;border-radius:2px}

 

第二步,在把调用代码到你想要添加的地方,如顶部导航菜单→菜单结构→导航标签里面。

<span class="mcnmq"> 导航 </span>
<span class="mcnmw"> 导航 </span>

 

注意:“mcnmq”和“mcnmw”要隔开用,否则出来的菜单效果就是一个颜色了。

 

 

原创链接:https://www.xgboke.com/92.html

赞赏

微信赞赏支付宝赞赏

WordPress教程

wordpress登录页面添加运算验证码

2019-12-6 12:25:25

WordPress教程

wordpress知更鸟主题添加设置导航菜单

2019-12-12 12:30:21

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索