The7主题是一个WordPress模板，该主题以其灵活可定制性著称，同时提供了现代的UI设计。许多人使用WordPress建站时，The7主题成了他们的首选。不过该WordPress主题在使用上有点复杂，对于一些新手来说，开始有点困难的。有个客户提出了一个问题：The7主题如何在菜单上添加一个咨询按钮。这个对于一些没有代码经验的用户来说，解决起来有点困难。下面笔者提供一个解决方法。希望对使用有此需求的用户有帮助。
通过可视化编辑器设计你需要的按钮
登录后台，页面-新建一个测试页面。
然后转到页面可视化页面编辑器，添加按钮：
元素：默认按钮
设置相关参数和按钮上文本：
设置按钮
设置按钮总体风格
The7提供了一个设置按钮的总体风格，到外观-自定义，选择按钮：
设置按钮风格
这里可以设置按钮的样式，包括扁平，3D和阴影。下面是一些默认设置，可以不管。关键设置好按钮样式。
设置好之后，我们可以查看一下刚才在页面里设置的按钮，前台效果。
按钮样式展示
现在右击鼠标，点查看源代码，找到这个按钮的代码：
按钮源代码
比如：ahref=#class=default-btn-shortcodedt-btndt-btn-sico-right-sidebtn-inline-lefttarget=_blankid=default-btn-12a6f26e2a1a3a24ac35a4f35a45ff39title=在线咨询span在线咨询/spaniclass=fafa-angle-right/i/a
添加代码到functions.php文件中
现在到外观-编辑，找到函数文件functions.php，添加下面代码进去：
add_filter(wp_nav_menu_items,add_btn,10,2);functionadd_btn($items,$args){ob_start();ob_end_clean();$items.=liahref=#class=default-btn-shortcodedt-btndt-btn-sico-right-sidebtn-inline-lefttarget=_blankid=default-btn-12a6f26e2a1a3a24ac35a4f35a45ff39title=在线咨询span在线咨询/spaniclass=fafa-angle-right/i/a/li;return$items;}
现在浏览一些前端看看：
效果展示
提示：页面编辑器里面的按钮不一定要使用”默认按钮“，还可以使用其自带的按钮元素。另外为了效果更好，可能需要调整
